*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:#082f49;cursor:pointer;background:#38bdf8;border:none;border-radius:10px;padding:12px 16px;font-weight:700}button:hover{background:#7dd3fc}button:disabled{color:#cbd5e1;cursor:not-allowed;background:#475569}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:32px;display:flex}.card{background:#111827;border:1px solid #334155;border-radius:20px;width:min(960px,100%);padding:28px;box-shadow:0 20px 60px #00000059}.home-card{margin-top:60px}h1{margin:0 0 12px;font-size:36px}h2{margin-top:24px;margin-bottom:12px;font-size:20px}.subtitle{color:#cbd5e1;line-height:1.6}.menu-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.menu-button{color:#e5e7eb;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;text-decoration:none;transition:all .2s;display:block}.menu-button:hover{border-color:#38bdf8;transform:translateY(-3px)}.menu-button span{margin-bottom:10px;font-size:22px;font-weight:700;display:block}.menu-button small{color:#cbd5e1;line-height:1.5}.topbar{width:min(960px,100%);margin-bottom:16px}.back-link{color:#93c5fd;text-decoration:none}.form{gap:16px;margin-top:24px;display:grid}label{gap:8px;font-weight:700;display:grid}input,select{color:#e5e7eb;background:#0f172a;border:1px solid #475569;border-radius:10px;width:100%;padding:12px}.info-box{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px}.info-box p{margin:6px 0}.game-area{grid-template-columns:280px 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}.canvas-wrapper{background:#020617;border:1px solid #334155;border-radius:14px;width:264px;padding:12px}canvas{width:240px;height:480px;display:block}.side-panel{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:20px}.result-card{background:#1e293b;border:1px solid #334155;border-radius:14px;margin-top:24px;padding:20px}.result-grid{grid-template-columns:180px 1fr;gap:10px;margin:16px 0;display:grid}.result-grid span{color:#cbd5e1}.button-row{flex-wrap:wrap;gap:12px;display:flex}@media (width<=760px){.page{padding:18px}.menu-grid,.game-area{grid-template-columns:1fr}}hr{border:none;border-top:1px solid #334155;margin:16px 0}.side-panel p{margin:8px 0}.submit-message{color:#bae6fd;margin-top:14px;line-height:1.5}.table-wrapper{border:1px solid #334155;border-radius:12px;width:100%;margin-top:18px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #334155;padding:10px 12px}th{color:#bae6fd;background:#0f172a}td{color:#e5e7eb}tbody tr:hover{background:#1e293b}.game-board-section{justify-items:center;gap:14px;display:grid}.mobile-controls{background:#1e293b;border:1px solid #334155;border-radius:14px;width:100%;max-width:320px;padding:14px;display:none}.mobile-controls-title{text-align:center;color:#bae6fd;margin:0 0 10px;font-weight:700}.mobile-control-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.control-button{touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;min-height:52px;padding:10px;font-size:20px}.rotate-button,.drop-button{letter-spacing:.5px;grid-column:1/4;font-size:15px}.drop-button{color:#422006;background:#facc15}.drop-button:hover{background:#fde047}.small-note{color:#cbd5e1;font-size:14px;line-height:1.5}canvas{touch-action:none}@media (width<=760px){.card{padding:20px}h1{font-size:28px}.mobile-controls{display:block}.canvas-wrapper{width:100%;max-width:264px}.side-panel{width:100%}.result-grid{grid-template-columns:1fr}.button-row{flex-direction:column}.button-row button{width:100%}}.human-game-area{justify-items:center}.human-game-area .game-board-section{justify-items:center;width:100%;display:grid}.human-game-area .canvas-wrapper{margin-left:auto;margin-right:auto}.human-game-area .side-panel{width:100%;max-width:380px;margin-left:auto;margin-right:auto}.human-game-area .mobile-controls{border-radius:18px;width:100%;max-width:390px;padding:18px}.human-game-area .mobile-controls-title{margin-bottom:14px;font-size:18px}.human-game-area .mobile-control-grid{gap:12px}.human-game-area .control-button{border-radius:16px;min-height:68px;padding:14px;font-size:28px}.human-game-area .rotate-button,.human-game-area .drop-button{min-height:62px;font-size:18px}@media (width<=760px){.human-game-area{flex-direction:column;align-items:center;gap:18px;display:flex}.human-game-area .game-board-section{order:1}.human-game-area .side-panel{order:2}.human-game-area .canvas-wrapper{width:fit-content;max-width:100%}.human-game-area .mobile-controls{max-width:390px;display:block}}@media (width<=390px){.human-game-area .mobile-controls{max-width:340px;padding:14px}.human-game-area .control-button{min-height:60px;font-size:24px}.human-game-area .rotate-button,.human-game-area .drop-button{font-size:16px}}@media (width<=760px){.human-game-area{align-items:flex-start}.human-game-area .game-board-section{justify-items:start;transform:translate(-14px)}.human-game-area .side-panel{margin-left:0;margin-right:auto;transform:translate(-14px)}}