:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f0df;background:#10171d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#f5f0df;background:#233037eb;padding:8px 10px;font:inherit;cursor:pointer}button:hover:not(:disabled),button.selected{border-color:#f2dd73;background:#414b44f5}button:disabled{cursor:not-allowed;opacity:.48}button.danger{border-color:#ff6e5f73;background:#682323eb}button.danger:hover:not(:disabled){border-color:#ff8f7f;background:#842b2bf5}kbd{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:4px;color:#171b1f;background:#f2dd73;font-size:12px;font-weight:800}.game-shell,.canvas-host,.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host{z-index:0}.game-canvas{display:block}.status-panel,.shop-panel,.stats-panel,.selected-panel{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f1519c7;box-shadow:0 14px 34px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-panel{top:14px;left:14px;display:flex;gap:8px;align-items:stretch;padding:8px;max-width:calc(100vw - 28px);overflow-x:auto}.player-chip{min-width:118px;border-left:4px solid var(--accent);padding:5px 8px}.player-chip span,.metric span,.selected-line span,.stat-row span,.muted{color:#adbbbf}.metric{min-width:66px;padding:5px 8px;border-radius:6px;background:#ffffff0f}.metric span,.metric strong,.player-chip span,.player-chip strong{display:block;white-space:nowrap}.shop-panel{left:14px;bottom:14px;width:min(330px,calc(100vw - 28px));max-height:calc(100vh - 120px);overflow:auto;padding:10px}.shop-group+.shop-group{margin-top:10px}.shop-panel h2,.stats-panel h2{margin:0 0 8px;font-size:15px}.shop-button{position:relative;overflow:hidden;width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:6px;text-align:left}.shop-button span,.shop-button strong{position:relative;z-index:1}.shop-button em{margin-left:6px;color:#f2dd73;font-style:normal}.cooldown-fill{position:absolute;inset:0 auto 0 0;z-index:0;display:block;background:#f2dd7333;pointer-events:none}.stats-panel{top:88px;right:14px;width:min(310px,calc(100vw - 28px));max-height:calc(100vh - 180px);overflow:auto;padding:12px}.stats-panel p{margin:0 0 10px;line-height:1.35}.stat-row,.selected-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid rgba(255,255,255,.08)}.selected-panel{right:14px;bottom:14px;width:min(260px,calc(100vw - 28px));padding:10px}.selected-panel button{width:100%;margin-top:8px}.check{display:flex;gap:8px;align-items:center;margin-top:8px}.dev-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nickname-screen,.room-selection,.lobby-screen,.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:#06090b8c}.room-selection{z-index:6}.nickname-screen{z-index:7}.room-panel{width:min(820px,calc(100vw - 32px));border:1px solid rgba(242,221,115,.28);border-radius:8px;background:#10171df0;padding:22px;box-shadow:0 18px 60px #00000073}.room-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.room-header h1,.room-card h2{margin:0}.room-header p,.room-card p{margin:5px 0 0}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nickname-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;padding:10px}.nickname-row.editing{justify-content:stretch}.nickname-row input,.nickname-panel input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#080c0fe6;color:#f5f0df;padding:9px 10px;font:inherit}.nickname-panel{display:grid;gap:12px}.nickname-error{color:#ffbcad;font-size:13px}.room-card,.room-empty,.room-error{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;padding:14px}.room-card{display:grid;gap:10px;min-height:172px}.room-card.waiting{border-color:#86dd756b}.room-card.full{border-color:#f2b4507a}.room-card.inProgress{border-color:#ff6e5f80}.room-card.finished{border-color:#adbbbf5c}.room-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.room-card-top span{border-radius:999px;background:#ffffff14;padding:4px 8px;font-weight:800}.room-card button{align-self:end;width:100%}.room-error{margin-bottom:12px;border-color:#ff6e5f80;color:#ffbcad}.room-empty{grid-column:1 / -1;color:#adbbbf;text-align:center}.modal-panel{width:min(430px,calc(100vw - 32px));border:1px solid rgba(242,221,115,.32);border-radius:8px;background:#10171df0;padding:22px;text-align:center;box-shadow:0 18px 60px #00000073}.modal-panel h1{margin:0 0 8px;font-size:30px}.slots{display:grid;gap:8px;margin:18px 0}.slot{display:flex;justify-content:space-between;padding:10px;border-radius:6px;background:#ffffff0f}.slot.filled{outline:1px solid rgba(134,221,117,.6)}.primary{min-width:150px;background:#5f8f61}.toast{position:absolute;left:50%;bottom:28px;z-index:5;transform:translate(-50%);border-radius:8px;background:#f2dd73f2;color:#171b1f;padding:10px 14px;font-weight:800}.controls-help{position:absolute;left:50%;bottom:14px;z-index:3;display:grid;gap:3px;width:min(420px,calc(100vw - 32px));transform:translate(-50%);border:1px solid rgba(242,221,115,.22);border-radius:8px;background:#0f1519c2;color:#f5f0df;padding:8px 12px;font-size:12px;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-help strong,.controls-help span{display:block}.render-debug{position:absolute;left:14px;top:84px;z-index:3;display:grid;gap:3px;min-width:210px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080c0fc7;color:#dbf4ff;padding:9px 10px;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.render-debug strong,.render-debug span{display:block}.hidden{display:none}@media(max-width:760px){.status-panel{right:8px;left:8px;top:8px}.shop-panel{left:8px;bottom:8px;width:calc(100vw - 16px)}.stats-panel{display:none}.selected-panel{right:8px;bottom:230px;width:220px}.controls-help{bottom:8px}.room-header{display:grid}.room-grid{grid-template-columns:1fr}}