.cube-scene{position:relative;width:100%;height:100%;min-height:520px;background:#000}.cube-scene canvas{display:block}.cube-interaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:grab}.cube-interaction-layer:active{cursor:grabbing}.active-face-grid{position:absolute;left:50%;top:50%;display:grid;width:min(42vw,262px);max-width:262px;aspect-ratio:1;grid-template-columns:repeat(3,1fr);transform:translate(-50%,-50%)}.active-face-cell{border:0;background:transparent;cursor:pointer}.active-face-cell:disabled{cursor:default}.rotation-animating .cube-interaction-layer{cursor:wait}.rotation-animating .active-face-cell{pointer-events:none}@media(max-width:720px){.cube-scene{min-height:430px}.active-face-grid{width:min(56vw,236px)}}.game-hud{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid #2a2a2a;border-radius:8px;background:#0d0d0d;color:#f1f1f1}.turn-block{display:grid;gap:4px}.eyebrow{color:#9b9b9b;font-size:12px;text-transform:uppercase}.player-mark{font-size:28px;line-height:1}.player-x{color:#f1f1f1}.player-o{color:#d3a6ad}.status-text{margin:0;color:#f1f1f1;font-weight:700;text-align:center}.hud-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.hud-actions button{min-height:38px;border:1px solid #3a3a3a;border-radius:7px;background:#181818;color:#f1f1f1;cursor:pointer;padding:0 12px}.hud-actions button:hover:not(:disabled){border-color:#5e93b7;background:#202020}.hud-actions button.is-active,.hud-actions button[aria-pressed=true]{border-color:#d3a6ad;background:#2a171b;color:#fff}.hud-actions button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:760px){.game-hud{grid-template-columns:1fr;align-items:stretch}.status-text{text-align:left}.hud-actions{justify-content:stretch}.hud-actions button{flex:1 1 140px}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#000;color:#f1f1f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{min-height:100vh;display:grid;grid-template-rows:auto minmax(420px,1fr)}.game-shell{width:min(100vw,1120px);margin:0 auto;padding:20px;display:grid;gap:16px}.scene-panel{min-height:520px;border:1px solid #2a2a2a;border-radius:8px;background:#000;overflow:hidden}.rules-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:flex-end;background:#0000009e}.rules-backdrop[hidden]{display:none}.rules-sidebar{width:min(420px,100vw);height:100%;overflow-y:auto;border-left:1px solid #303030;background:#0d0d0d;color:#f1f1f1;padding:22px;box-shadow:-18px 0 42px #0000007a}.rules-sidebar-header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.rules-sidebar h2,.rules-sidebar h3,.rules-sidebar p,.rules-sidebar ol,.rules-sidebar ul{margin-top:0}.rules-sidebar h2{margin-bottom:0;font-size:28px;line-height:1.1}.rules-sidebar h3{margin-bottom:8px;color:#d3a6ad;font-size:17px}.rules-sidebar p,.rules-sidebar li{color:#ddd;line-height:1.55}.rules-sidebar ol,.rules-sidebar ul{padding-left:22px}.rules-sidebar button{min-height:36px;border:1px solid #3a3a3a;border-radius:7px;background:#181818;color:#f1f1f1;cursor:pointer;padding:0 12px}.rules-sidebar button:hover{border-color:#5e93b7;background:#202020}@media(max-width:720px){.game-shell{padding:12px}.scene-panel{min-height:430px}.rules-sidebar{width:100vw;padding:18px}}