html,body{overscroll-behavior:none;background:#0e0f11;min-height:100dvh;margin:0}#root{min-height:100dvh}:root{--ink-void:#0e0f11;--ink-arena:#14161a;--ink-floor:#1a1c20;--ink-rope:#23262c;--ink-canvas:#2d3036;--line-soft:#f2ede40f;--line-medium:#f2ede41f;--line-loud:#ff7a1a73;--sodium:#ff7a1a;--sodium-dim:#c25a0f;--ember:#ff4b1f;--amber:#ffb347;--bone:#f2ede4;--smoke:#8b8b92;--smoke-deep:#565660;--heat-cool:#3a3d44;--heat-warm:#c2640f;--heat-hot:#ff7a1a;--heat-crack:#ff4b1f;--r-tight:6px;--r-card:14px;--r-screen:24px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--font-display:"Antonio", "Arial Narrow", sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--bone);background:var(--ink-void);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--sodium)}img,svg,video{max-width:100%;display:block}.appShell{isolation:isolate;min-height:100dvh;position:relative}.appShell--play{background:var(--ink-arena);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}.appShell--debug{gap:var(--s-5);padding:var(--s-5);max-width:1180px;margin:0 auto;display:grid}.appBackdrop{pointer-events:none;z-index:-1;background:radial-gradient(60% 50% at 50% 0%, #ff7a1a0f, transparent 70%), radial-gradient(80% 60% at 50% 100%, #ff4b1f0a, transparent 70%), linear-gradient(180deg, var(--ink-arena), var(--ink-void));position:fixed;inset:0}.screen{min-height:100dvh;padding:calc(var(--safe-top) + var(--s-6)) var(--s-5) calc(var(--safe-bottom) + var(--s-5));gap:var(--s-5);flex-direction:column;display:flex;position:relative}.screen--home{justify-content:space-between}.screen--searching{text-align:center;justify-content:space-between;align-items:stretch}.eyebrow{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:700}.brand{align-items:center;gap:var(--s-3);display:flex}.brand__mark{background:var(--sodium);width:36px;height:36px;color:var(--ink-void);font-family:var(--font-display);border-radius:10px;place-items:center;font-size:18px;font-weight:700;display:grid;box-shadow:0 0 40px #ff7a1a66}.brand__word{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:14px;font-weight:700}.brand__tag{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin-left:auto;font-size:10px}.home__hero{gap:var(--s-3);flex-direction:column;display:flex}.home__rule{background:var(--sodium);width:56px;height:2px}.home__pitch{font-family:var(--font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--bone);font-size:clamp(56px,14vw,88px);font-weight:700;line-height:.86}.home__pitch em{color:var(--sodium);font-style:normal}.home__streak{gap:var(--s-2);flex-direction:column;display:flex}.home__streakLabel{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:700}.home__streakNumber{font-family:var(--font-display);color:var(--sodium);text-shadow:0 0 60px #ff7a1a4d;align-items:baseline;gap:var(--s-3);font-size:clamp(80px,22vw,120px);font-weight:700;line-height:.85;display:flex}.home__streakNumber span{color:var(--smoke-deep);letter-spacing:.12em;text-transform:uppercase;font-size:18px}.home__cta{gap:var(--s-3);flex-direction:column;display:flex}.home__helper{text-align:center;color:var(--smoke);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-top:var(--s-1);font-size:10px}.cta{border-radius:var(--r-card);min-height:56px;padding:0 var(--s-5);font-family:var(--font-body);letter-spacing:.04em;justify-content:center;align-items:center;gap:var(--s-2);border:none;font-size:15px;font-weight:700;transition:transform .15s ease-out,background .15s ease-out,opacity .15s ease-out;display:inline-flex}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.4;cursor:not-allowed;transform:none}.cta--primary{background:var(--sodium);color:var(--ink-void);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:18px;min-height:64px;font-size:22px;font-weight:700;box-shadow:0 16px 40px #ff7a1a59,inset 0 -4px #0000002e}.cta--primary:hover{background:#ff8a2e}.cta--primary:active{background:var(--sodium-dim)}.cta--compact{min-height:52px;font-size:16px}.cta--secondary{color:var(--bone);border:1px solid var(--line-medium);background:0 0;font-weight:500}.cta--secondary span{color:var(--smoke);margin-right:var(--s-1)}.cta--secondary:hover{border-color:var(--line-loud)}.cta--ghost{color:var(--bone);border:1px solid var(--line-medium);letter-spacing:.08em;text-transform:uppercase;background:#14161ab3;min-height:46px;font-size:13px}.cta--ghost:hover{border-color:var(--line-loud)}.cta--quiet{color:var(--smoke);border:1px solid var(--line-medium);background:0 0;font-weight:500}.cta--quiet:hover{color:var(--bone);border-color:var(--line-medium)}.banner{border-radius:var(--r-card);padding:var(--s-3) var(--s-4);align-items:center;gap:var(--s-3);font-size:14px;display:flex}.banner--error{color:var(--bone);background:#ff4b1f14;border:1px solid #ff4b1f4d}.banner button{color:var(--smoke);background:0 0;border:none;margin-left:auto;font-size:14px}.searching__center{justify-content:center;align-items:center;gap:var(--s-5);flex-direction:column;flex:1;display:flex}.pulseRing{aspect-ratio:1;place-items:center;width:min(60vw,240px);display:grid;position:relative}.pulseRing:before,.pulseRing:after{content:"";border:1px solid var(--sodium);border-radius:50%;animation:2.6s ease-out infinite pulseRing;position:absolute;inset:0}.pulseRing:after{animation-delay:1.3s}@keyframes pulseRing{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.25)}}.pulseRing__core{aspect-ratio:1;background:var(--sodium);border-radius:50%;width:28%;box-shadow:0 0 60px #ff7a1ab3}.pulseRing--small{width:90px}.searching__title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--bone);font-size:clamp(32px,8vw,44px);font-weight:700;line-height:.95}.searching__sub{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.screen--stage{background:var(--ink-void);padding:0;position:relative;overflow:hidden}.screen--stage--heating{background:radial-gradient(circle at 50% 30%,#2a1d14 0%,#14110d 60%,#0e0f11 100%)}.stage__opponent{background:radial-gradient(circle at 50% 38%,#3a2f28 0%,#1a1c20 60%,#0e0f11 100%);position:absolute;inset:0;overflow:hidden}.screen--stage--heating .stage__opponent{background:radial-gradient(circle at 50% 38%,#4a2f1e 0%,#221814 60%,#0e0f11 100%)}.stage__opponentVideo{object-fit:cover;width:100%;height:100%}.stage__opponentVeil{background:radial-gradient(circle at 50% 38%, transparent 0%, var(--ink-void) 90%);place-items:center;display:grid;position:absolute;inset:0}.stage__opponentVeil .silhouette{width:70%;height:70%}.stage__opponentLabelGroup{top:calc(var(--safe-top) + var(--s-7));left:var(--s-4);gap:var(--s-1);z-index:5;flex-direction:column;display:flex;position:absolute}.stage__opponentLabel{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:10px}.stage__opponentLabel strong{margin-top:var(--s-1);color:var(--bone);letter-spacing:.16em;font-size:12px;font-weight:700;display:block}.stage__opponentLabelValue--cracking{color:var(--ember)!important}.stage__self{border-radius:var(--r-card);border:1px solid var(--line-medium);z-index:10;background:linear-gradient(#2a2f3a,#14161a);position:absolute;overflow:hidden;box-shadow:0 12px 36px #00000080}.stage__self--pip{top:calc(var(--safe-top) + var(--s-3));right:var(--s-3);aspect-ratio:3/4;width:92px}.stage__self--solo{top:calc(var(--safe-top) + var(--s-6));aspect-ratio:3/4;border-radius:var(--r-screen);width:min(78vw,320px);left:50%;transform:translate(-50%)}.stage__self--friend{top:calc(var(--safe-top) + var(--s-3));aspect-ratio:3/4;border-radius:var(--r-screen);width:min(60vw,220px);left:50%;transform:translate(-50%)}.stage__selfPlaceholder{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(#20242b,#14161a);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.stage__self[data-camera-ready=true] .stage__selfPlaceholder{display:none}.stage__selfVideo{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.stage__selfLabel{font-family:var(--font-mono);letter-spacing:.22em;color:var(--bone);text-transform:uppercase;z-index:2;text-shadow:0 1px 2px #0009;font-size:9px;position:absolute;bottom:8px;left:10px}.stage__selfHeat{background:var(--heat-cool);z-index:2;height:3px;position:absolute;bottom:0;left:0;right:0}.stage__selfHeatFill{background:linear-gradient(90deg, var(--heat-warm), var(--heat-hot));height:100%;transition:width .2s ease-out}.stage__selfHeatFill--cracking{background:var(--heat-crack);box-shadow:0 0 8px var(--heat-crack)}.stage__topBar{top:calc(var(--safe-top) + var(--s-3));left:var(--s-4);align-items:center;gap:var(--s-3);z-index:5;display:flex;position:absolute}.liveTag{align-items:center;gap:var(--s-2);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ember);font-size:10px;font-weight:700;display:inline-flex}.liveTag__dot{background:var(--ember);width:7px;height:7px;box-shadow:0 0 14px var(--ember);border-radius:50%;animation:1.4s infinite liveBlink}@keyframes liveBlink{50%{opacity:.3}}.stage__timer{font-family:var(--font-mono);letter-spacing:.06em;color:var(--bone);font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #00000080;font-size:24px;font-weight:700}.stage__timer--warning{color:var(--amber)}.stage__heatStripe{padding:0 var(--s-5);pointer-events:none;z-index:5;position:absolute;bottom:32%;left:0;right:0}.heatStripe__label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--smoke);margin-bottom:var(--s-2);justify-content:space-between;font-size:10px;display:flex}.heatStripe__value{color:var(--bone);font-weight:700}.heatStripe__value--cracking{color:var(--ember)}.heatBar{border-radius:var(--r-pill);background:var(--heat-cool);border:1px solid #00000080;height:10px;position:relative;overflow:hidden}.heatBar__fill{background:linear-gradient(90deg, var(--heat-warm) 0%, var(--heat-hot) 60%, var(--heat-crack) 100%);height:100%;transition:width .2s ease-out;position:absolute;inset:0}.heatBar--cracking .heatBar__fill{background:linear-gradient(90deg, var(--heat-hot) 0%, var(--heat-crack) 60%, #ffeddd 100%);box-shadow:0 0 32px var(--heat-crack), inset 0 0 8px #ffdcb466;animation:.55s infinite alternate heatEmber}@keyframes heatEmber{0%{filter:brightness()}to{filter:brightness(1.25)}}.heatBar__notches{pointer-events:none;justify-content:space-between;padding:0 2px;display:flex;position:absolute;inset:0}.heatBar__notches span{background:#ffffff2e;width:1px}.stage__countdown{z-index:6;text-align:center;background:radial-gradient(circle,#0e0f114d,#0e0f11b3);place-items:center;display:grid;position:absolute;inset:0}.stage__countdownLabel{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--sodium);font-size:12px;display:block}.stage__countdownNumber{font-family:var(--font-display);color:var(--bone);text-shadow:0 0 80px #ff7a1a80;margin-top:var(--s-3);font-size:clamp(120px,36vw,200px);font-weight:700;line-height:.86;display:block}.stage__joining{left:0;right:0;bottom:calc(var(--safe-bottom) + 96px);padding:0 var(--s-5);z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute}.stage__joiningCard{border:1px solid var(--line-medium);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);align-items:center;gap:var(--s-2);text-align:center;-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#14161aeb;flex-direction:column;width:100%;max-width:340px;display:flex}.stage__joiningTitle{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--bone);font-size:28px;font-weight:700;line-height:1}.stage__joiningBody{color:var(--smoke);font-size:13px;line-height:1.5}.readinessDots{gap:var(--s-2);margin-top:var(--s-1);display:inline-flex}.readinessDots__dot{background:var(--ink-canvas);border:1px solid var(--line-medium);border-radius:50%;width:8px;height:8px;transition:background .2s ease-out,transform .2s ease-out}.readinessDots__dot--active{background:var(--sodium);border-color:var(--sodium);transform:scale(1.2);box-shadow:0 0 12px #ff7a1a99}.readinessDots__dot--done{background:var(--sodium-dim);border-color:var(--sodium-dim)}.stage__friendStatus{align-items:center;gap:var(--s-3);margin-top:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-card);background:#0e0f1199;display:flex}.stage__friendStatus span{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.stage__joiningCard--warning{background:#281a12f0;border-color:#ff7a1a8c;box-shadow:0 0 32px #ff7a1a2e}.stage__joiningCard--warning .stage__joiningTitle{color:var(--sodium)}.stage__friendStatus--warning{background:#281a12b3;border-color:#ff7a1a8c}.stage__friendStatus--warning span{color:var(--sodium)}.stage__faceWarning{bottom:calc(var(--safe-bottom) + 108px);align-items:center;gap:var(--s-2);color:var(--bone);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);z-index:12;pointer-events:none;white-space:nowrap;max-width:calc(100% - var(--s-7));-webkit-backdrop-filter:blur(8px);background:#281a12e0;border:1px solid #ff7a1a99;font-size:11px;font-weight:700;animation:.2s ease-out faceWarningEnter,1.6s ease-in-out .2s infinite faceWarningPulse;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073,0 0 24px #ff7a1a40}.stage__faceWarning--live{bottom:calc(var(--safe-bottom) + 108px)}.stage__faceWarning--countdown{bottom:calc(var(--safe-bottom) + 132px)}.stage__faceWarningDot{background:var(--sodium);width:8px;height:8px;box-shadow:0 0 12px var(--sodium);border-radius:50%}@keyframes faceWarningEnter{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes faceWarningPulse{0%,to{box-shadow:0 8px 24px #00000073,0 0 24px #ff7a1a40}50%{box-shadow:0 8px 24px #00000073,0 0 36px #ff7a1a80}}@media (prefers-reduced-motion:reduce){.stage__faceWarning{animation:none}}.stage__friend{z-index:7;padding:var(--s-5);background:linear-gradient(#0e0f1166,#0e0f11eb);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.stage__friendCard{background:var(--ink-floor);border:1px solid var(--line-medium);border-radius:var(--r-screen);width:100%;padding:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex;box-shadow:0 -30px 60px #00000080}.stage__friendTitle{font-family:var(--font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--bone);font-size:36px;font-weight:700;line-height:.95}.stage__friendBody{color:var(--smoke);font-size:14px;line-height:1.5}.stage__friendLink{gap:var(--s-2);margin-top:var(--s-2);display:flex}.stage__friendLink input{background:var(--ink-void);border:1px solid var(--line-medium);border-radius:var(--r-card);color:var(--bone);padding:0 var(--s-3);min-width:0;min-height:48px;font-family:var(--font-mono);flex:1;font-size:12px}.stage__friendLink button{background:var(--ink-canvas);color:var(--bone);border:1px solid var(--line-medium);border-radius:var(--r-card);padding:0 var(--s-4);letter-spacing:.08em;text-transform:uppercase;min-height:48px;font-size:13px;font-weight:700}.stage__friendLink button:hover{border-color:var(--line-loud)}.stage__result{z-index:7;padding:var(--s-5);background:linear-gradient(#0e0f1166,#0e0f11eb);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.stage__resultCard{gap:var(--s-3);text-align:center;flex-direction:column;display:flex}.stage__resultTitle{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin-top:var(--s-2);font-size:clamp(64px,18vw,96px);font-weight:700;line-height:.86}.stage__resultTitle--won{color:var(--sodium);text-shadow:0 0 80px #ff7a1a73}.stage__resultTitle--lost{color:var(--ember);text-shadow:0 0 80px #ff4b1f80}.stage__resultTitle--draw{color:var(--bone)}.stage__resultTitle--void{color:var(--smoke)}.stage__resultSub{font-family:var(--font-mono);letter-spacing:.22em;color:var(--smoke);text-transform:uppercase;font-size:12px}.stage__autoRequeue{font-family:var(--font-mono);letter-spacing:.22em;color:var(--smoke);text-transform:uppercase;margin-top:var(--s-2);font-size:12px}.stage__autoRequeue strong{color:var(--sodium);margin-left:var(--s-1);font-size:16px}.stage__resultActions{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:1fr 1.4fr;display:grid}.sheet{z-index:20;background:#0e0f11b3;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet__card{background:var(--ink-floor);border:1px solid var(--line-medium);border-radius:var(--r-screen) var(--r-screen) 0 0;width:100%;padding:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex}.sheet__title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--bone);font-size:28px}.sheet__options{gap:var(--s-2);flex-direction:column;display:flex}.sheet__options button{background:var(--ink-canvas);border:1px solid var(--line-medium);color:var(--bone);border-radius:var(--r-card);text-align:left;min-height:52px;padding:0 var(--s-4);letter-spacing:.02em;font-size:14px;font-weight:500}.sheet__options button:hover{border-color:var(--line-loud)}.stage__dock{padding:var(--s-4) var(--s-4) calc(var(--safe-bottom) + var(--s-5));align-items:center;gap:var(--s-3);z-index:8;background:linear-gradient(#0000,#0e0f1199 40%);display:flex;position:absolute;bottom:0;left:0;right:0}.stage__dockSpacer{flex:1}.iconBtn{border-radius:var(--r-card);border:1px solid var(--line-medium);width:46px;height:46px;color:var(--smoke);background:#14161ab3;place-items:center;transition:border-color .15s ease-out,color .15s ease-out;display:grid}.iconBtn:hover{border-color:var(--line-loud);color:var(--bone)}.iconBtn:active{transform:scale(.95)}.iconBtn:disabled{opacity:.4}.silhouette{aspect-ratio:1;width:70%;max-width:320px}.gateShell{min-height:100dvh;padding:var(--s-5);background:var(--ink-arena);place-items:center;display:grid}.gatePanel{background:var(--ink-floor);border:1px solid var(--line-medium);border-radius:var(--r-screen);gap:var(--s-4);width:100%;max-width:460px;padding:clamp(var(--s-5), 6vw, var(--s-7));flex-direction:column;display:flex;box-shadow:0 30px 80px #00000080}.gatePanel h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--bone);font-size:clamp(40px,10vw,64px);line-height:.92}.gatePanel p{color:var(--smoke);line-height:1.55}.consentRow{gap:var(--s-3);background:var(--ink-void);border:1px solid var(--line-soft);border-radius:var(--r-card);color:var(--smoke);padding:var(--s-3);grid-template-columns:auto 1fr;align-items:start;line-height:1.5;display:grid}.consentRow input{accent-color:var(--sodium);width:18px;height:18px;margin-top:2px}.primaryAction{background:var(--sodium);color:var(--ink-void);border-radius:var(--r-card);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;min-height:56px;padding:0 var(--s-5);justify-content:center;align-items:center;gap:var(--s-2);border:none;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 12px 32px #ff7a1a4d,inset 0 -3px #0000002e}.primaryAction:disabled{opacity:.5;cursor:not-allowed}.debugBar{align-items:end;gap:var(--s-4);flex-wrap:wrap;justify-content:space-between;display:flex}.debugBar h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(36px,6vw,56px);font-weight:700;line-height:.95}.debugTabs{border:1px solid var(--line-soft);border-radius:var(--r-card);gap:var(--s-1);padding:var(--s-1);background:#14161ab3;display:flex}.debugTabs button{border-radius:var(--r-tight);color:var(--bone);align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:0 0;border:1px solid #0000;min-height:38px;font-size:14px;font-weight:500;display:inline-flex}.debugTabs button.active{border-color:var(--line-loud);color:var(--bone);background:#ff7a1a24}.guestBadge{align-items:center;gap:var(--s-3);background:var(--ink-floor);border:1px solid var(--line-soft);border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);min-height:44px;display:inline-flex}.guestBadge svg{color:var(--sodium)}.guestBadge div{flex-direction:column;gap:1px;display:flex}.guestBadge span{font-size:13px;font-weight:700}.guestBadge strong{color:var(--smoke);font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.1em}.duelStage,.privateRoom,.detectorLab{gap:var(--s-4);flex-direction:column;display:flex}.roundRail,.statusPanel,.observationPanel,.detectorLab,.reportLog,.roomControls,.livePanel,.roomFooter,.readinessPanel{background:var(--ink-floor);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:var(--s-4)}.roundRail{align-items:center;gap:var(--s-4);grid-template-columns:1fr auto;display:grid}.statusPanel{align-items:center;gap:var(--s-4);grid-template-columns:minmax(120px,1fr) 2fr;display:grid}.statusPanel h2,.playerPanel h2,.observationPanel h2,.detectorLab h2{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(22px,3vw,32px);line-height:1}.statusMetrics{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric{background:var(--ink-void);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:var(--s-3);flex-direction:column;gap:2px;min-height:64px;display:flex}.metric span{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:10px}.metric strong{font-size:18px;font-weight:700}.actions{gap:var(--s-2);flex-wrap:wrap;justify-content:end;display:flex}.actions button{background:var(--ink-canvas);border:1px solid var(--line-medium);color:var(--bone);border-radius:var(--r-card);padding:0 var(--s-3);align-items:center;gap:var(--s-2);min-height:44px;font-size:14px;display:inline-flex}.actions button.primaryAction{background:var(--sodium);color:var(--ink-void);border-color:#0000}.playerGrid,.roomGrid{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.playerPanel,.livePanel{background:var(--ink-floor);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:var(--s-4);gap:var(--s-4);flex-direction:column;display:flex}.playerHeader{justify-content:space-between;align-items:center;display:flex}.iconButton{aspect-ratio:1;border-radius:var(--r-card);background:var(--ink-canvas);border:1px solid var(--line-medium);width:44px;height:44px;color:var(--bone);place-items:center;padding:0;display:grid}.videoMock{aspect-ratio:16/10;background:linear-gradient(180deg, #70a7ff0d, #ff7a1a0f), var(--ink-void);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:var(--s-4);place-items:center;display:grid;position:relative;overflow:hidden}.videoMock[data-visible=false]{filter:saturate(.35)}.faceMark{aspect-ratio:1;width:min(46%,100px);color:var(--smoke);border:1px solid #f4f0e82e;border-radius:50%;place-items:center;display:grid}.smileTrace{bottom:var(--s-4);left:var(--s-4);height:6px;width:calc(100% - var(--s-5));background:linear-gradient(90deg, var(--heat-warm), var(--heat-hot), var(--heat-crack));border-radius:var(--r-pill);transform-origin:0;position:absolute}.sliderRow{gap:var(--s-2);grid-template-columns:1fr auto;display:grid}.sliderRow input{accent-color:var(--sodium);grid-column:1/-1;width:100%}.switchRow{gap:var(--s-3);flex-wrap:wrap;display:flex}.switchRow label{align-items:center;gap:var(--s-2);color:var(--smoke);display:inline-flex}.panelTitle{margin-bottom:var(--s-3)}.sampleList{gap:var(--s-2);flex-direction:column;display:flex}.sampleRow{align-items:center;gap:var(--s-2);background:var(--ink-void);border:1px solid var(--line-soft);border-radius:var(--r-tight);padding:var(--s-2) var(--s-3);grid-template-columns:1fr auto auto;min-height:40px;font-size:13px;display:grid}.sampleRow span,.emptyState{color:var(--smoke)}.reportLog{align-items:center;gap:var(--s-3);color:var(--amber);display:flex}.detectorLab{gap:var(--s-4);grid-template-columns:minmax(220px,.65fr) minmax(260px,1fr);align-items:start;display:grid}.labCopy{gap:var(--s-3);flex-direction:column;display:flex}.labCopy p{color:var(--smoke);line-height:1.5}.cameraPanel{background:var(--ink-void);border:1px solid var(--line-soft);border-radius:var(--r-card);gap:var(--s-3);padding:var(--s-3);flex-direction:column;display:flex;overflow:hidden}.cameraPanel video{aspect-ratio:16/10;border-radius:var(--r-tight);object-fit:cover;background:#050606;width:100%}.detectorMetrics{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.errorText{color:var(--ember)!important}.textInput{gap:var(--s-1);flex-direction:column;display:flex}.textInput span,.roomLink span{color:var(--smoke);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.textInput input,.textInput select,.roomLink input{background:var(--ink-void);border:1px solid var(--line-medium);border-radius:var(--r-card);color:var(--bone);padding:0 var(--s-3);width:100%;min-height:44px}.joinLinks{gap:var(--s-2);flex-direction:column;display:flex}.roomLink{align-items:end;gap:var(--s-2);grid-template-columns:100px minmax(0,1fr) auto;display:grid}.roomLink button{border-radius:var(--r-card);background:var(--ink-canvas);border:1px solid var(--line-medium);width:44px;height:44px;color:var(--bone);place-items:center;display:grid}.livePanel video{aspect-ratio:16/10;border:1px solid var(--line-soft);border-radius:var(--r-card);object-fit:cover;background:#050606;width:100%}.roomFooter{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.readinessPanel{gap:var(--s-3);flex-direction:column;display:flex}.readinessGrid{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.readinessStep{align-items:center;gap:var(--s-2);background:var(--ink-void);border:1px solid var(--line-soft);border-radius:var(--r-tight);color:var(--smoke);padding:var(--s-2) var(--s-3);min-height:40px;font-size:13px;display:flex}.readinessStep[data-active=true]{border-color:var(--line-loud);color:var(--sodium)}.readinessStep[data-done=true]{color:var(--sodium);border-color:#ff7a1a66}.readinessMeter{background:var(--heat-cool);border-radius:var(--r-pill);height:8px;position:relative;overflow:hidden}@media (width<=720px){.debugBar{flex-direction:column;align-items:stretch}.debugTabs{justify-content:stretch}.debugTabs button{flex:1;justify-content:center}.roundRail,.statusPanel,.playerGrid,.roomGrid,.roomFooter,.readinessGrid,.detectorLab,.statusMetrics,.detectorMetrics{grid-template-columns:1fr}.roomLink{grid-template-columns:1fr auto}.roomLink span{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.pulseRing:before,.pulseRing:after,.liveTag__dot,.heatBar--cracking .heatBar__fill{animation:none}}