:root{--primary:#0ea5e9;--primary-glow:#0ea5e980;--secondary:#f43f5e;--bg-dark:#020617;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--text-main:#f8fafc}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel,#hud,.btn,input{pointer-events:auto}.hidden{display:none!important}h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #38bdf880;-webkit-background-clip:text;margin:0;font-size:4rem;font-weight:900}h2{letter-spacing:4px;color:#94a3b8;margin:0 0 2rem;font-size:2rem;font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;padding:3rem;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000080}@keyframes float{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}to{transform:translate(-50%,-50%)}}.connection-section{background:#0000004d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.code-box{letter-spacing:.5rem;color:var(--primary);text-shadow:0 0 10px var(--primary-glow);margin:1rem 0;font-family:monospace;font-size:2.5rem;font-weight:700}.status{font-size:.9rem;font-weight:700}.status.warning{color:#fbbf24}.status.success{color:#10b981}.btn{color:var(--text-main);border:2px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:9999px;padding:1rem 3rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn.primary{box-shadow:0 10px 20px -10px var(--primary-glow);background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none}.btn.primary:not(:disabled):hover{box-shadow:0 15px 25px -5px var(--primary-glow);transform:translateY(-2px)scale(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}#hud{justify-content:space-between;display:flex;position:absolute;top:2rem;left:2rem;right:2rem}.hud-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;padding:1rem 1.5rem;display:flex}.hud-item .label{color:#94a3b8;letter-spacing:2px;font-size:.8rem;font-weight:700}.hud-item .value{color:#fff;text-shadow:0 0 15px #ffffff80;font-size:2.5rem;font-weight:900}.health-bar-container{background:#00000080;border-radius:6px;width:200px;height:12px;margin-top:8px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);width:100%;height:100%;transition:width .3s,background .3s;box-shadow:0 0 10px #10b98180}.lives-display{letter-spacing:4px;min-height:2rem;margin-top:4px;font-size:1.8rem;transition:all .3s}.powerup-strip{align-items:center;gap:6px;min-height:36px;margin-top:6px;display:flex}.powerup-icon{border:2px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;animation:.3s ease-out powerupPop;display:flex;position:relative}.powerup-icon .timer-ring{border:2px solid #ffffff80;border-radius:8px;animation:linear forwards timerShrink;position:absolute;inset:-2px}@keyframes powerupPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes timerShrink{0%{opacity:1}to{opacity:.2}}.powerup-icon.shield{background:#3b82f666}.powerup-icon.speed{background:#f9731666}.powerup-icon.multiplier{background:#eab30866}#main-menu{box-sizing:border-box;width:min(760px,100vw - 48px);max-height:calc(100vh - 48px);padding:2rem;overflow-y:auto}#main-menu h1{font-size:clamp(2.7rem,7vw,4rem)}#main-menu h2,.room-section{margin-bottom:1rem}.section-label{color:#94a3b8;letter-spacing:.16em;margin:0;font-size:.72rem;font-weight:900}.controller-links{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.75rem 0 1rem;display:grid}.controller-links a{color:#7dd3fc;background:#0ea5e914;border:1px solid #38bdf840;border-radius:10px;padding:.65rem .5rem;font-size:.78rem;font-weight:700;text-decoration:none}.room-grid{text-align:left;grid-template-columns:1.3fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.room-card{background:#02061773;border:1px solid #ffffff14;border-radius:12px;min-height:90px;padding:.85rem}.player-roster{margin-top:.55rem}.player-row{align-items:center;gap:.55rem;padding:.24rem 0;font-size:.84rem;display:flex}.player-dot{background:var(--player-color);width:.72rem;height:.72rem;box-shadow:0 0 12px var(--player-color);border-radius:999px;flex:none;display:inline-block}.player-meta{color:#94a3b8;margin-left:auto;font-size:.64rem;font-weight:800}.ready-chip{color:#94a3b8;letter-spacing:.08em;border:1px solid #94a3b840;border-radius:999px;padding:.2rem .38rem;font-size:.56rem;font-weight:900}.ready-chip.is-ready{color:#4ade80;background:#4ade801a;border-color:#4ade8073}.roster-empty{color:#64748b;margin:.55rem 0 0;font-size:.8rem}.capture-count{color:#e2e8f0;margin:.55rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.data-actions{gap:.35rem;display:flex}.btn.compact{border-width:1px;border-radius:8px;padding:.45rem .65rem;font-size:.7rem}.btn.danger{color:#fda4af;border-color:#f43f5e66}.controller-body{background:radial-gradient(circle at 50% 0,#12345a,#020617 64%);justify-content:center;align-items:center;min-height:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:auto}.controller-shell{box-sizing:border-box;width:min(440px,100vw - 24px);padding:12px}.controller-card{background:#0f172ae0;border:1px solid #ffffff1f;border-radius:22px;padding:1.25rem;box-shadow:0 28px 70px #0006}.eyebrow{color:#7dd3fc;letter-spacing:.18em;margin:0 0 .45rem;font-size:.7rem;font-weight:900}h1.controller-title{text-shadow:none;margin:0 0 1.25rem;font-size:clamp(1.6rem,7vw,2.3rem);line-height:1.05}.controller-label{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;margin:.75rem 0 .3rem;font-size:.72rem;font-weight:800;display:block}.controller-input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#020617cc;border:1px solid #ffffff24;border-radius:10px;outline:0;padding:.8rem .9rem}.controller-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.room-input{text-align:center;text-transform:uppercase;letter-spacing:.35em;font-size:1.6rem;font-weight:900}.controller-action{width:100%;margin-top:1rem;padding:.9rem 1rem;font-size:.95rem}.controller-button-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.lobby-action{color:#cbd5e1;border-color:#94a3b859}.assignment{color:#fff;letter-spacing:.06em;align-items:center;gap:.7rem;margin:0 0 1rem;font-size:1.15rem;display:flex}.sensor-values{color:#a7f3d0;white-space:pre-wrap;background:#020617bf;border-radius:12px;min-height:58px;margin:0;padding:1rem;font:700 .8rem/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.controller-status{color:#94a3b8;font-size:.76rem}.sample-counter{color:#38bdf8;letter-spacing:.12em;font-size:.68rem;font-weight:900}.game-phase{color:#4ade80;letter-spacing:.1em;margin:-.35rem 0 .85rem;font-size:.72rem;font-weight:900}.control-radar{background-color:#0000;background-image:linear-gradient(#38bdf814 1px,#0000 1px),linear-gradient(90deg,#38bdf814 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #38bdf859;border-radius:50%;width:108px;height:108px;margin:0 auto .8rem;position:relative;overflow:hidden}.control-radar:before,.control-radar:after{content:"";background:#7dd3fc4d;position:absolute}.control-radar:before{width:1px;top:8px;bottom:8px;left:50%}.control-radar:after{height:1px;top:50%;left:8px;right:8px}#control-dot{z-index:1;background:#22d3ee;border-radius:50%;width:14px;height:14px;transition:transform 80ms linear;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);box-shadow:0 0 14px #22d3ee}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.glasses-body{background:#000;width:600px;height:600px;min-height:600px;overflow:hidden}.glasses-shell{justify-content:center;align-items:center;width:600px;height:600px;padding:8px;display:flex}.glasses-shell .controller-card{box-sizing:border-box;width:536px;max-height:568px;box-shadow:none;background:#1c1e21;border-radius:24px}.glasses-shell .controller-action{min-height:88px;font-size:16px;transition:transform .3s,box-shadow .3s}.glasses-shell .controller-action:focus{outline-offset:4px;outline:3px solid #22d3ee;transform:scale(.94);box-shadow:0 0 22px #22d3ee80}@media (width<=680px){.controller-links,.room-grid{grid-template-columns:1fr}#main-menu{padding:1.25rem}}@media (width<=380px){.controller-button-grid{grid-template-columns:1fr;gap:0}}.shield-indicator{color:#60a5fa;letter-spacing:1px;margin-top:6px;font-size:.75rem;font-weight:700;animation:1.5s ease-in-out infinite shieldPulse}@keyframes shieldPulse{0%,to{opacity:.7}50%{opacity:1}}