:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2ff;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--accent:#34d0e8;background:#0a0a12;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#app{background:#0a0a12;position:fixed;top:0;bottom:0;left:0;right:0}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button,input{color:inherit;letter-spacing:.03em;background:#12141f;border:2px solid #2a3a55;border-radius:10px;padding:10px 16px;font:700 .9rem/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}#ui{pointer-events:none;z-index:3;position:fixed;top:0;bottom:0;left:0;right:0}#touch{pointer-events:none;z-index:4;position:fixed;top:0;bottom:0;left:0;right:0}.hidden,.screen.hidden{display:none}.screen{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:auto;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed}.menu-screen,.lobby-screen{background:radial-gradient(circle at 50% -10%,#1a2440 0,#0d0f18 55%,#0a0a12 100%)}.title{letter-spacing:.15em;color:var(--accent);text-shadow:0 0 18px #34d0e866;margin:0 0 8px;font-size:2.2rem}.btn{min-width:200px;min-height:48px}.btn-primary{border-color:var(--accent);color:#eafcff;background:#123648}.btn-secondary{background:#12141f}.join-row{gap:8px;display:flex}.join-input{text-align:center;letter-spacing:.2em;text-transform:uppercase;width:140px}.room-code{letter-spacing:.3em;color:var(--accent);font-size:2.4rem;font-weight:700}.lobby-status{opacity:.8}.countdown-overlay{letter-spacing:.1em;color:#fff;text-shadow:0 0 24px #000c;pointer-events:none;z-index:5;justify-content:center;align-items:center;font-size:4rem;font-weight:800;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.toast{top:calc(var(--safe-top) + 12px);border:2px solid var(--accent);letter-spacing:.04em;z-index:6;pointer-events:none;background:#0a0a14d9;border-radius:10px;max-width:min(90vw,480px);padding:8px 16px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.result-overlay{z-index:7;background:#05050ad1}.result-card{border:2px solid var(--accent);background:#12141f;border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:260px;padding:28px 24px;display:flex}.result-title{letter-spacing:.06em;font-size:1.8rem;font-weight:800}.result-actions{flex-direction:column;gap:10px;width:100%;display:flex}.pause-overlay{z-index:7;background:#05050ad9}.connection-banner{bottom:calc(var(--safe-bottom) + 8px);z-index:6;pointer-events:none;background:#781e1ed9;border-radius:8px;padding:6px 14px;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%)}.hud-controls{inset:var(--safe-top) var(--safe-right) auto auto;pointer-events:none;z-index:4;background:0 0;flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start;padding:8px;display:flex;position:fixed}.icon-btn{pointer-events:auto;border-radius:10px;width:40px;height:40px;padding:6px}.icon-btn img{width:100%;height:100%;display:block}.inventory-row{pointer-events:auto;z-index:4;flex-direction:row;gap:8px;display:flex;position:fixed}.inventory-row.vertical{flex-direction:column}.inventory-row.hidden{display:none}.inv-slot{background:#171a2a;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;width:52px;height:64px;padding:4px;display:flex}.inv-slot.empty{opacity:.45;background:0 0;border-style:dashed}.inv-icon{width:32px;height:32px;display:block}.inv-slot.empty .inv-icon{display:none}.inv-label{letter-spacing:.02em;text-align:center;white-space:normal;font-size:.55rem;font-weight:700;line-height:1.1}.touch-rows{left:0;right:0;bottom:calc(var(--safe-bottom) + 8px);pointer-events:none;touch-action:none;flex-direction:column;gap:8px;padding:0 8px;display:flex;position:fixed}.touch-row{pointer-events:auto;touch-action:none;gap:8px;display:grid}.touch-row-1,.touch-row-2{grid-template-columns:repeat(4,1fr)}.touch-row-2 .touch-rotate-ccw{grid-column:3}.touch-btn{touch-action:none;background:#12141fd9;border-radius:12px;justify-content:center;align-items:center;min-width:56px;height:64px;padding:10px;display:flex}.touch-btn img{pointer-events:none;width:32px;height:32px;display:block}.touch-rotate-cw img{transform:scaleX(-1)}.touch-btn-label{letter-spacing:.04em;pointer-events:none;font-size:.85rem;font-weight:800}