.language-selector{flex-shrink:0;position:relative}.language-trigger{border:1px solid var(--line);max-width:206px;min-height:36px;color:var(--text);font:inherit;cursor:pointer;background:#08130fd6;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.7rem;display:inline-flex}.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:var(--mint)}.language-trigger:focus-visible,.language-option:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.language-trigger svg{flex-shrink:0}.language-globe{color:var(--muted)}.language-current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.language-code{display:none}.language-popover{z-index:100;color:#f1fff9;text-align:left;letter-spacing:normal;background:#14201e;border:1px solid #30423e;border-radius:12px;width:288px;max-width:calc(100vw - 28px);padding:0 0 6px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 16px 44px #0008}.language-search{color:#92aea3;border-bottom:1px solid #283b35;align-items:center;gap:10px;min-height:45px;padding:0 15px;display:flex}.language-search input{color:#f1fff9;width:100%;min-width:0;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:8px 0;font-size:.85rem}.language-search:focus-within{border-bottom-color:var(--mint)}.language-search input::placeholder{color:#92aea3}.language-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45665b transparent;max-height:min(286px,100dvh - 180px);overflow-y:auto}.language-popover .language-option{color:#f1fff9;background:0 0;border:0;border-radius:5px;justify-content:flex-start;align-items:center;gap:18px;min-height:55px;margin:0 4px;padding:8px 15px;font-size:.85rem;font-weight:400;text-decoration:none;display:flex}.language-popover .language-option.is-active{background:#21372f}.language-radio{border:2px solid #6b897d;border-radius:50%;flex-shrink:0;width:19px;height:19px}.language-option[aria-selected=true] .language-radio{border-color:var(--mint);background:var(--mint);box-shadow:inset 0 0 0 4px #14201e}.language-names{flex-direction:column;gap:3px;line-height:1.3;display:flex}.language-names strong{font-weight:600}.language-names>span{color:#9fb6af;font-size:.8rem}.language-empty{color:#9fb6af;margin:0;padding:20px;font-size:.85rem}.features-header{z-index:20;flex-wrap:wrap;position:relative}.features-header nav{flex-wrap:wrap;justify-content:flex-end}@media (width<=700px){.language-selector{position:static}.language-trigger{gap:5px;min-height:32px;padding:0 8px;font-size:.64rem}.language-current{display:none}.language-code{display:inline}.language-popover{top:calc(100% + 8px)}}.language-selector.is-inline{width:100%;position:relative}.language-selector.is-inline .language-trigger{text-align:left;background:0 0;border:0;border-radius:9px;gap:7px;width:100%;max-width:none;min-height:46px;padding:10px;font-size:.82rem;display:flex}.language-selector.is-inline .language-trigger:hover,.language-selector.is-inline .language-trigger[aria-expanded=true]{background:#21372f}.language-selector.is-inline .language-current{display:inline}.language-selector.is-inline .language-code{display:none}.language-inline-label{color:var(--muted);flex:none}.language-selector.is-inline .language-trigger>svg:last-child{margin-left:auto}.language-selector.is-inline .language-popover{width:100%;max-width:none;box-shadow:none;border-radius:9px;margin:3px 0 6px;position:static}.language-selector.is-inline .language-options{max-height:min(260px,100dvh - 250px)}.header-navigation{flex:none;position:relative}.header-navigation-desktop{align-items:center;gap:9px;display:flex}.header-navigation-mobile{display:none}.header-navigation-link:focus-visible,.header-menu-trigger:focus-visible,.header-menu-link:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.header-menu-trigger{width:32px;height:32px;color:var(--mint);cursor:pointer;background:#08130fd6;border:1px solid #63f2c147;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-menu-trigger:hover,.header-menu-trigger[aria-expanded=true]{border-color:var(--mint);background:#142b22}.header-menu-panel{z-index:100;overscroll-behavior:contain;width:288px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 96px);color:var(--text);text-align:left;letter-spacing:normal;background:#14201e;border:1px solid #30423e;border-radius:15px;padding:7px;animation:.14s ease-out header-menu-enter;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 16px 44px #0008}.header-menu-panel .header-menu-link{min-height:46px;color:var(--mint);letter-spacing:.04em;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px;font-size:.85rem;font-weight:750;text-decoration:none;display:flex}.header-menu-link svg{flex:none}.header-menu-panel .header-menu-link:hover{background:#21372f}@keyframes header-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.header-navigation-desktop{display:none}.header-navigation-mobile{display:block}}@media (prefers-reduced-motion:reduce){.header-menu-panel{animation:none}}:root{color:#f1fff9;font-synthesis:none;text-rendering:optimizelegibility;--bg:#030807;--surface:#09130f;--surface-strong:#0d1a16;--surface-soft:#11221c;--line:#b2eed929;--line-strong:#b2eed947;--text:#f1fff9;--muted:#89a79d;--mint:#63f2c1;--mint-strong:#39dba5;--mint-dark:#0b5d44;--coral:#ff718e;--coral-strong:#ff5378;--yellow:#ffd36a;--radius-xl:30px;--radius-lg:22px;--radius-md:15px;--display-tracking:.01em;background:#030807;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 16% -6%, #3df2b926, transparent 31rem), radial-gradient(circle at 91% 77%, #ff53781a, transparent 28rem), var(--bg);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,select,input,textarea{font:inherit}button{touch-action:manipulation}button,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.startup-fallback{width:min(680px,100% - 36px);min-height:100svh;padding:max(32px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;margin:0 auto;display:flex}.startup-fallback-eyebrow{color:var(--coral);letter-spacing:.16em;margin:0;font-size:.78rem;font-weight:900}.startup-fallback h1{max-width:620px;color:var(--text);letter-spacing:var(--display-tracking);margin:0;font-size:clamp(2.4rem,9vw,5.2rem);line-height:.95}.startup-fallback-description{max-width:580px;color:var(--muted);margin:0;font-size:clamp(1rem,3.8vw,1.2rem);line-height:1.55}.startup-fallback code{overflow-wrap:anywhere;border:1px solid var(--line-strong);max-width:100%;color:var(--mint);background:#09130fd1;border-radius:10px;padding:10px 13px;font-size:.88rem}.startup-fallback-detail{color:#ffc3d0;white-space:pre-wrap;overflow-wrap:anywhere;background:#1c080eb8;border:1px solid #ff718e47;border-radius:12px;width:100%;max-width:620px;max-height:160px;margin:0;padding:13px;font:.78rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.startup-fallback-actions{flex-wrap:wrap;gap:10px;display:flex}.startup-fallback-actions .button{min-width:180px;text-decoration:none}.startup-notice{z-index:100;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);gap:12px;width:min(440px,100vw - 32px);max-height:calc(100svh - 32px);padding:20px;display:grid;position:fixed;overflow:auto;box-shadow:0 16px 64px #0009}.startup-notice h2{margin:0;font-size:1.2rem}.startup-notice .startup-fallback-description{font-size:.9rem}.startup-notice code{color:var(--mint);overflow-wrap:anywhere}.feature-create-card form[data-startup-inert]>.button:disabled,.feature-create-card form[data-startup-inert] input:disabled,.feature-create-card form[data-startup-inert] textarea:disabled{opacity:1;cursor:wait;-webkit-text-fill-color:currentColor}[data-startup-action=camera]{position:relative}html[data-startup-pending=camera] [data-startup-action=camera]:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;position:absolute;right:12px}@media (prefers-reduced-motion:reduce){html[data-startup-pending=camera] [data-startup-action=camera]:after{animation:none}}.arena-app{isolation:isolate;cursor:default;-webkit-user-select:none;user-select:none;width:100%;min-height:100svh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));position:relative;overflow:hidden}.arena-app:not(.phase-camera_setup){padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}.arena-app:not(.phase-camera_setup) .topbar{min-height:36px;margin-bottom:9px}.ambient-grid{z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(#63f2c10a 1px,#0000 1px),linear-gradient(90deg,#63f2c10a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100%);min-height:42px;margin:0 auto 14px;display:flex;position:relative}.brand{color:var(--mint);letter-spacing:.22em;align-items:center;gap:10px;font-size:.79rem;font-weight:950;text-decoration:none;display:inline-flex}.brand-logo{filter:drop-shadow(0 0 9px #48dce433);flex:none;width:30px;height:30px;display:block}.arena-app .brand-logo{width:40px;height:40px}.arena-app .brand{white-space:nowrap;flex-shrink:0}.topbar-actions{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.ideas-link{min-height:36px;color:var(--mint);letter-spacing:.09em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08130fc7;border:1px solid #63f2c147;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:.63rem;font-weight:950;text-decoration:none;display:inline-flex}.ideas-link:hover{background:#102a21e0;border-color:#63f2c194}.presence-pill{min-height:36px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08130fc7;border:1px solid #63f2c138;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:.63rem;font-weight:850;display:inline-flex}.presence-pill strong{text-align:center;min-width:2ch;color:var(--mint);font-variant-numeric:tabular-nums;font-size:.72rem}.presence-pill strong:nth-of-type(2){color:var(--coral)}.presence-pill i{color:#daefe86b;font-style:normal}.presence-playing-icon{color:var(--coral);flex:none;display:none}.presence-dot{background:var(--mint);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #63f2c1b8}.presence-pill.is-connecting .presence-dot{background:#ffd166;box-shadow:0 0 10px #ffd16694}.presence-pill.is-unavailable{opacity:.62;border-color:#daefe81f}.presence-pill.is-unavailable .presence-dot{background:var(--muted);box-shadow:none}.presence-pill.is-unavailable strong{color:var(--muted)}.sound-button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08130fc7;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.72rem;font-weight:850;display:inline-flex}.sound-button>.sound-icon{color:currentColor;flex:none;width:18px;height:18px;display:block}.sound-button.is-on{color:var(--mint);border-color:#63f2c159}.sound-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.arena-shell{width:min(1120px,100%);margin:0 auto;position:relative}.game-surface{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg, #11261ed1, #050d0afa), var(--surface);position:relative;overflow:hidden;box-shadow:0 36px 120px #00000073,inset 0 1px #ffffff06}.phase-camera_setup .game-surface{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);display:grid}.camera-stage{min-width:0;min-height:min(66vh,660px);color:var(--text);background:radial-gradient(circle,#15302670,#0000 68%),#010403;place-items:center;display:grid;position:relative;overflow:hidden}.phase-camera_setup .camera-stage{border-right:1px solid var(--line);min-height:min(75vh,720px)}.phase-result .camera-stage{min-height:clamp(300px,100svh - 360px,560px)}.is-match-completed .camera-stage{min-height:clamp(300px,100svh - 360px,520px)}.frozen-photo{object-fit:contain;object-position:center;background:#010403;width:100%;height:100%;position:absolute;inset:0}.camera-video-frame{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.camera-video{object-fit:contain;object-position:center;opacity:1;background:#010403;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.camera-video.is-hidden{opacity:0;pointer-events:none}.camera-stage.is-mirrored .camera-video{transform:scaleX(-1)}.hand-overlay{z-index:3;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .16s;position:absolute;inset:0}.hand-overlay.is-active{opacity:1}.hand-presence{z-index:6;color:var(--yellow);letter-spacing:.11em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:30px;background:#020806a3;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:.65rem;font-weight:900;display:inline-flex;position:absolute;top:18px;right:18px}.hand-presence>span{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px}.hand-presence.is-ready{color:var(--mint)}.gesture-readout{--gesture-color:var(--mint);z-index:9;border:1px solid color-mix(in srgb, var(--gesture-color) 38%, transparent);max-width:calc(100% - 36px);min-height:44px;color:var(--gesture-color);box-shadow:0 12px 38px #00000057, 0 0 24px color-mix(in srgb, var(--gesture-color) 10%, transparent);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010806c2;border-radius:15px;justify-content:center;align-items:baseline;gap:8px;padding:9px 15px;transition:color .12s,border-color .12s,box-shadow .12s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.gesture-readout.is-rock{--gesture-color:#55e7ff}.gesture-readout.is-paper{--gesture-color:#63f2c1}.gesture-readout.is-scissors{--gesture-color:#3f8cff}.gesture-readout.is-oops{--gesture-color:#ffc857}.gesture-readout strong{letter-spacing:var(--display-tracking);text-shadow:0 0 18px color-mix(in srgb, var(--gesture-color) 62%, transparent);flex:none;font-size:clamp(1.25rem,3vw,1.9rem);font-weight:950;line-height:.82}.gesture-readout span{min-width:0;color:color-mix(in srgb, var(--gesture-color) 75%, white);letter-spacing:.015em;font-size:.72rem;font-weight:750;line-height:1.15}.camera-empty{z-index:2;isolation:isolate;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(760px,94%);min-height:100%;padding:28px 18px 34px;display:flex;position:relative;container-type:inline-size}.camera-empty>p{z-index:2;color:var(--mint);letter-spacing:.22em;margin:3px 0 10px;font-size:.82rem;font-weight:900;position:relative}.camera-empty h1{z-index:2;letter-spacing:var(--display-tracking);text-transform:uppercase;text-shadow:0 12px 42px #0009;flex-direction:column;margin:0;font-size:clamp(2rem,min(6.8vw,15cqi),6.15rem);font-weight:950;line-height:.9;display:flex;position:relative}.camera-empty h1 span:nth-child(2){color:#dffaf2}.camera-empty>strong{z-index:2;color:var(--muted);margin-top:22px;font-size:.9rem;font-weight:650;position:relative}.intro-gesture-arena{z-index:0;pointer-events:none;position:absolute;inset:-9% -5%;overflow:visible}.intro-gesture-arena:before{content:"";background:radial-gradient(circle at 17% 35%,#63f2c114,#0000 31%),radial-gradient(circle at 82% 67%,#63f2c112,#0000 32%);position:absolute;inset:0}.intro-gesture-arena:after{z-index:1;content:"";background:radial-gradient(57% 49% at 50% 54%,#010907db 0%,#0109078a 55%,#0000 100%);position:absolute;inset:0}.intro-gesture{color:var(--mint);opacity:.46;will-change:transform;position:absolute}.intro-gesture[data-gesture=rock]{width:52%;animation:13s ease-in-out infinite alternate intro-rock-float;top:39%;left:-8%}.intro-gesture[data-gesture=paper]{width:47%;animation:16s ease-in-out -5s infinite alternate intro-paper-float;top:34%;right:-11%}.intro-gesture[data-gesture=scissors]{width:48%;animation:14.5s ease-in-out -9s infinite alternate intro-scissors-float;top:-9%;left:-5%}.intro-gesture svg{filter:drop-shadow(0 0 10px #63f2c17a);width:100%;height:auto;overflow:visible}.intro-bones{stroke:currentColor;stroke-width:2.15px;stroke-linecap:round;stroke-linejoin:round}.intro-joints{fill:var(--mint-soft);stroke:currentColor;stroke-width:1.15px}@keyframes intro-rock-float{0%{transform:translate(-10px,14px)rotate(-19deg)scale(1.03)}to{transform:translate(22px,-16px)rotate(-11deg)scale(1.08)}}@keyframes intro-paper-float{0%{transform:translate(18px,15px)rotate(12deg)scale(1.03)}to{transform:translate(-18px,-17px)rotate(5deg)scale(1.09)}}@keyframes intro-scissors-float{0%{transform:translate(-12px,-15px)rotate(60deg)scale(1.04)}to{transform:translate(21px,18px)rotate(69deg)scale(1.1)}}.setup-panel{flex-direction:column;justify-content:center;gap:24px;min-width:0;padding:34px;display:flex}.setup-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.setup-heading h2{letter-spacing:var(--display-tracking);margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:.95}.setup-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.camera-select{grid-column:1/-1;gap:8px;display:grid}.camera-select>span,.setting-toggle small{color:var(--muted);letter-spacing:.14em;font-size:.62rem;font-weight:900}.camera-select select{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;min-height:50px;color:var(--text);background:#07100d;padding:0 42px 0 13px}.camera-select select:disabled{color:#63786f}.setting-toggle{border:1px solid var(--line);border-radius:var(--radius-md);min-height:63px;color:var(--muted);cursor:pointer;text-align:left;background:#07100d;align-items:center;gap:12px;padding:10px 12px;display:flex}.setting-toggle>span:last-child{color:#dcece6;gap:2px;font-size:.83rem;font-weight:800;display:grid}.setting-toggle:disabled{cursor:not-allowed;opacity:.5}.toggle-track{background:#32453e;border-radius:999px;flex:none;width:37px;height:22px;transition:background .16s;position:relative}.toggle-track>span{background:#9aaea6;border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.setting-toggle.is-on .toggle-track{background:var(--mint-dark)}.setting-toggle.is-on .toggle-track>span{background:var(--mint);transform:translate(15px);box-shadow:0 0 13px #63f2c173}.setup-actions,.result-actions{gap:10px;display:grid}.setup-actions{grid-template-columns:1fr}.button{border:1px solid var(--line-strong);border-radius:var(--radius-md);min-height:52px;color:var(--text);background:var(--surface-soft);cursor:pointer;letter-spacing:-.01em;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:.84rem;font-weight:900;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.38}.button-primary{border-color:var(--mint);color:#04100c;background:var(--mint);box-shadow:0 10px 30px #38dba424}.button-primary:hover:not(:disabled){background:#79f7cc;border-color:#91ffd8}.button-loader{border:2px solid #03110c38;border-top-color:#04100c;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}.button-secondary{background:#11221ccc}.button-ghost{border-color:var(--line);color:#c6d9d1;background:0 0}.setup-status{color:#b3c8c0;align-items:flex-start;gap:9px;min-height:1.5em;margin:-6px 0 -13px;font-size:.77rem;line-height:1.45;display:flex}.setup-status>span{background:var(--mint);border-radius:50%;flex:none;width:7px;height:7px;margin-top:.31em;box-shadow:0 0 10px #63f2c1a6}.setup-status>span.is-error{background:var(--coral);box-shadow:0 0 10px #ff718ea6}.setup-status>span.is-loading{border:2px solid #63f2c133;border-top-color:var(--mint);width:14px;height:14px;box-shadow:none;background:0 0;margin-top:.05em;animation:.8s linear infinite spin}.setup-error-info{color:var(--coral);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:4px;padding:0;font-size:.75rem;font-weight:900;text-decoration:underline}.floating-error-info{z-index:230;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));color:#ffdbe2;font:inherit;cursor:pointer;background:#270c14eb;border:1px solid #ff718e8c;border-radius:999px;padding:10px 14px;font-size:.72rem;font-weight:900;position:fixed;box-shadow:0 12px 34px #00000073}.privacy-note{border-top:1px solid var(--line);color:#698078;margin:0;padding-top:16px;font-size:.69rem;line-height:1.5}.feedback-contact{color:#8da49b;text-align:center;text-wrap:balance;-webkit-user-select:text;user-select:text;margin:18px auto 0;padding:0 12px;font-size:clamp(.9rem,1.6vw,1.05rem);font-weight:650;line-height:1.45}.feedback-contact a{color:var(--mint);text-underline-offset:3px;-webkit-user-select:text;user-select:text;font-weight:850;text-decoration-color:#63f2c16b}.feedback-contact a:hover{color:#91ffd8;text-decoration-color:currentColor}@media (width>=641px){.feedback-contact{font-size:.86rem}}.score-hud{z-index:5;border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08130fe6;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:80px;margin-bottom:8px;padding:10px 20px;display:grid;position:relative;box-shadow:0 15px 45px #0000003d}.score-player{gap:7px;display:grid}.score-player>div{align-items:center;gap:8px;display:flex}.score-player>div>span{letter-spacing:.15em;font-size:.75rem;font-weight:950}.score-player-you{color:var(--mint)}.score-player-opponent{color:var(--coral);text-align:right;justify-items:end}.score-pips{gap:6px;display:flex}.score-pips i{opacity:.34;border:1px solid;border-radius:999px;width:25px;height:6px;transition:opacity .22s,background .22s,box-shadow .22s}.score-pips i.is-filled{opacity:1;background:currentColor;box-shadow:0 0 14px}.score-center{text-align:center;place-items:center;min-width:120px;display:grid}.score-numbers{justify-content:center;align-items:center;gap:13px;display:flex}.score-numbers strong{min-width:.8em;color:var(--text);letter-spacing:-.07em;font-size:2.35rem;font-weight:950;line-height:.9}.score-numbers strong:first-child{color:var(--mint)}.score-numbers strong:last-child{color:var(--coral)}.score-numbers span{color:#5f776e;font-weight:900}.score-center small{color:var(--muted);letter-spacing:.1em;margin-top:7px;font-size:.65rem;font-weight:850}.photo-pair{z-index:2;background:#010403;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0}.photo-card{background:#020806;grid-template-rows:36px minmax(0,1fr) 60px;min-width:0;height:100%;min-height:0;margin:0;display:grid;position:relative;overflow:hidden}.photo-card-opponent{border-left:1px solid var(--line-strong);animation:.42s cubic-bezier(.2,.85,.3,1) both opponent-in}@keyframes opponent-in{0%{opacity:0;transform:translate(24px)}}.photo-card figcaption{z-index:2;border-bottom:1px solid var(--line);color:var(--mint);letter-spacing:.14em;text-transform:uppercase;background:#050e0beb;justify-content:space-between;align-items:center;padding:0 16px;font-size:.72rem;font-weight:950;display:flex;position:relative}.photo-card-opponent figcaption{color:var(--coral)}.photo-frame{background:radial-gradient(circle,#63f2c10a,#0000 60%),#010403;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.photo-card-opponent .photo-frame{background:radial-gradient(circle,#ff718e0b,#0000 60%),#010403}.photo-frame img{object-fit:contain;object-position:50% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.photo-open{width:100%;height:100%;color:var(--text);cursor:zoom-in;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.photo-open:focus-visible{outline-offset:-4px}.photo-open>span{border:1px solid var(--line-strong);background:#030d0ac7;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:10px;right:10px}.photo-open svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.photo-viewer{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.photo-viewer[open]{flex-direction:column;display:flex}.photo-viewer::backdrop{background:0 0}.photo-viewer-backdrop{pointer-events:none;background:#010604f5;position:absolute;inset:0}.photo-viewer-toolbar{z-index:2;justify-content:space-between;gap:12px;height:44px;display:flex;position:absolute}.photo-viewer-zoom{flex-shrink:0;gap:6px;display:flex}.photo-viewer-toolbar button{border:1px solid var(--line-strong);min-width:44px;height:44px;color:var(--mint);cursor:pointer;background:#0a1a13;border-radius:12px;flex-shrink:0;place-items:center;padding:0 10px;font:500 1.5rem/1 system-ui,sans-serif;display:grid}.photo-viewer-toolbar .photo-viewer-reset{min-width:68px;font-size:.8rem;font-weight:800}.photo-viewer-toolbar button:disabled{opacity:.4;cursor:default}.photo-viewer-stage{min-width:0;min-height:0;margin:calc(max(12px, env(safe-area-inset-top)) + 52px) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));touch-action:none;cursor:zoom-out;flex:1;position:relative;overflow:hidden}.photo-viewer-stage.is-zoomed{cursor:grab}.photo-viewer-stage.is-zoomed:active{cursor:grabbing}.photo-viewer-stage img{object-fit:contain;transform-origin:50%;pointer-events:none;will-change:transform;max-width:none;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-viewer-stage>p{text-align:center;background:#010604;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.gesture-result{--gesture-color:var(--muted);border-top:1px solid var(--line);color:var(--gesture-color);text-align:center;background:#06100d;place-content:center;padding:8px;display:grid}.gesture-result.is-rock{--gesture-color:#55e7ff}.gesture-result.is-paper{--gesture-color:#63f2c1}.gesture-result.is-scissors{--gesture-color:#3f8cff}.gesture-result.is-oops{--gesture-color:#ffc857}.gesture-result strong{letter-spacing:var(--display-tracking);text-shadow:0 0 18px color-mix(in srgb, var(--gesture-color) 48%, transparent);font-size:clamp(1rem,3vw,1.75rem);font-weight:950}.gesture-result small{color:color-mix(in srgb, var(--gesture-color) 75%, white);margin-top:2px;font-size:.68rem}.photo-pair.is-revealed .photo-card-you .gesture-result strong{animation:.3s cubic-bezier(.2,1.3,.4,1) 80ms both gesture-reveal}.photo-pair.is-revealed .photo-card-opponent .gesture-result strong{animation:.3s cubic-bezier(.2,1.3,.4,1) .16s both gesture-reveal}@keyframes gesture-reveal{0%{opacity:0;transform:translateY(10px)scale(.75)}}.processing-overlay,.soft-overlay,.stage-placeholder{z-index:7;color:#dcebe5;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0105047a;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;display:flex;position:absolute;inset:0}.soft-overlay{background:#01050499}.stage-placeholder{color:var(--muted);background:#020806}.loader{border:3px solid #63f2c12e;border-top-color:var(--mint);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.loader-small{border-width:2px;width:16px;height:16px}.loader-large{width:46px;height:46px}@keyframes spin{to{transform:rotate(360deg)}}.countdown{z-index:8;pointer-events:none;background:radial-gradient(circle,#02080608,#02080673),linear-gradient(90deg,#63f2c114,#0000 42%,#ff718e14);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.countdown-word{color:#f4fff9;width:100%;letter-spacing:var(--display-tracking);text-align:center;white-space:nowrap;text-shadow:0 10px 50px #000000d1,0 0 34px #63f2c14d;justify-content:center;align-items:baseline;padding:0 18px;font-size:clamp(6rem,19vw,14rem);font-weight:950;line-height:.8;animation:.26s cubic-bezier(.15,1.3,.35,1) both cue-in;display:flex}.countdown-word i{letter-spacing:0;margin-left:.07em;font-style:normal}.countdown.is-ready .countdown-word{font-size:clamp(1.65rem,min(10vw,7.8cqi),6.8rem)}@keyframes cue-in{0%{opacity:0;filter:blur(8px);transform:scale(.62)rotate(-3deg)}}.match-rule-overlay{z-index:9;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#63f2c11f,#0000 52%),linear-gradient(90deg,#63f2c114,#0107057a 48%,#ff718e14);place-items:center;padding:24px;animation:.26s ease-out both match-rule-overlay-in;display:grid;position:absolute;inset:0;overflow:hidden}.match-rule-card{text-align:center;place-items:center;gap:9px;display:grid}.match-rule-card small{color:var(--coral);letter-spacing:.2em;font-size:clamp(.88rem,1.8vw,1.08rem);font-weight:950}.match-rule-card strong{color:#f2fff9;letter-spacing:var(--display-tracking);text-shadow:0 12px 44px #000000b8,0 0 34px #63f2c133;opacity:0;transform-origin:50%;will-change:opacity, transform;font-size:clamp(2.4rem,9vw,6.4rem);font-weight:950;line-height:.9;animation:3s cubic-bezier(.33,0,.2,1) .14s forwards match-rule-text-scale,.7s ease-out .14s forwards match-rule-text-fade;transform:scale(.72)}.match-rule-card>span{color:var(--mint);letter-spacing:.15em;opacity:0;transform-origin:50%;will-change:opacity, transform;font-size:clamp(1.08rem,3vw,1.68rem);font-weight:950;animation:3s cubic-bezier(.33,0,.2,1) .14s forwards match-rule-text-scale,.7s ease-out .14s forwards match-rule-text-fade;transform:scale(.72)}@keyframes match-rule-overlay-in{0%{opacity:0;transform:scale(1.035)}}@keyframes match-rule-text-scale{0%{transform:scale(.72)}to{transform:scale(1)}}@keyframes match-rule-text-fade{0%{opacity:0}to{opacity:1}}.recognition-pill{z-index:8;color:#ecfff8;letter-spacing:.015em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030b08ed;border:1px solid #63f2c161;border-radius:999px;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-size:.88rem;font-weight:900;animation:.22s ease-out both recognition-pill-in;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0000006b,0 0 24px #63f2c121}.recognition-pill .loader-small{border-width:2.5px;width:20px;height:20px}@keyframes recognition-pill-in{0%{opacity:0;transform:translate(-50%,6px)scale(.96)}}.queue-stage{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.queue-stage:before{aspect-ratio:1;content:"";border:1px solid #63f2c121;border-radius:50%;width:min(66vw,630px);animation:5s linear infinite queue-orbit;position:absolute;box-shadow:inset 0 0 100px #63f2c109,0 0 120px #63f2c10d}@keyframes queue-orbit{to{transform:rotate(360deg)}}.queue-stage>:not(.queue-words){z-index:2;position:relative}.queue-stage>p{color:var(--mint);letter-spacing:.2em;margin:24px 0 8px;font-size:.68rem;font-weight:950}.queue-stage h1{max-width:100%;letter-spacing:var(--display-tracking);text-transform:uppercase;margin:0;font-size:clamp(1.65rem,min(9vw,10.5cqi),7.2rem);font-weight:950;line-height:.95}.queue-hint{color:var(--muted);margin-top:24px;font-size:.8rem}.queue-words{pointer-events:none;position:absolute;inset:0}.queue-words span{color:#0000;letter-spacing:var(--display-tracking);-webkit-text-stroke:1px #63f2c11c;font-size:clamp(3rem,9vw,8rem);font-weight:950;animation:8s ease-in-out infinite alternate word-drift;position:absolute}.queue-words span:first-child{top:8%;left:-2%;transform:rotate(-12deg)}.queue-words span:nth-child(2){animation-delay:-3s;top:47%;right:-4%;transform:rotate(9deg)}.queue-words span:nth-child(3){animation-delay:-5s;bottom:3%;left:8%;transform:rotate(-4deg)}@keyframes word-drift{50%{translate:18px -10px}}.queue-actions{border-top:1px solid var(--line);justify-content:center;padding:14px;display:flex}.queue-actions .button{min-width:180px}.result-panel{border-top:1px solid var(--line);text-align:center;background:linear-gradient(90deg,#63f2c109,#0000 45%,#ff718e09),#08120f;padding:22px 26px 24px;position:relative}.result-summary{min-width:0}.comparison-copy{color:var(--yellow);letter-spacing:.14em;margin:0 0 5px;font-size:.72rem;font-weight:950;animation:.28s ease-out 80ms both result-rise}.result-panel h1{color:var(--text);letter-spacing:var(--display-tracking);margin:0;font-size:clamp(2.5rem,7vw,5.8rem);font-weight:950;line-height:.9;animation:.33s cubic-bezier(.2,1.2,.4,1) .23s both result-rise}.result-panel.outcome-won h1{color:var(--mint);text-shadow:0 0 42px #63f2c129}.result-panel.outcome-lost h1{color:var(--coral);text-shadow:0 0 42px #ff718e24}.result-panel.outcome-draw h1{color:var(--yellow)}.result-subtitle{color:var(--muted);margin:8px 0 0;font-size:.77rem;animation:.3s ease-out .42s both result-rise}.next-round-status{z-index:9;color:#eafff7;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05120ee6;border:1px solid #63f2c157;border-radius:16px;gap:9px;width:min(280px,100% - 28px);min-height:50px;padding:10px 15px 9px;animation:.28s ease-out both next-round-status-in;display:grid;position:absolute;top:59%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 32px #00000042,0 0 26px #63f2c11a}.next-round-copy{justify-content:center;align-items:center;gap:9px;display:flex}.next-round-copy .loader-small{border-width:2.5px;width:18px;height:18px}.next-round-copy strong{color:var(--mint);letter-spacing:.08em;font-size:.92rem;font-weight:950}.next-round-progress{background:#63f2c121;border-radius:999px;height:3px;overflow:hidden}.next-round-progress i{border-radius:inherit;background:var(--mint);transform-origin:0;width:100%;height:100%;animation:next-round-progress var(--next-round-duration,2.6s) linear forwards;display:block;transform:scaleX(0);box-shadow:0 0 12px #63f2c1b3}@keyframes next-round-progress{to{transform:scaleX(1)}}@keyframes next-round-status-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.96)}}@keyframes result-rise{0%{opacity:0;transform:translateY(10px)}}.result-panel.is-completed{border-top:0;border-bottom:1px solid var(--line);text-align:left;grid-template-columns:minmax(0,.8fr) minmax(268px,1fr) minmax(300px,1.2fr);grid-template-areas:"summary reactions rematch";align-items:stretch;gap:12px;padding:14px 18px;display:grid}.result-panel.is-completed .result-summary{grid-area:summary;align-self:center;container-type:inline-size}.result-panel.is-completed h1{font-size:min(clamp(1.75rem,3.6vw,3.6rem),10.5cqi)}.result-panel.is-completed .result-subtitle{margin-top:5px}.reaction-spotlights{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:hidden}.reaction-spotlight{--lane-x:0px;transform:translate(calc(-50% + var(--lane-x)), -50%);place-items:center;transition:transform .42s cubic-bezier(.2,.9,.3,1);animation:3.1s both reaction-spotlight-life;display:grid;position:absolute;top:50%;left:50%}.reaction-spotlights.has-both .reaction-spotlight.is-you{--lane-x:calc(-1 * clamp(78px, 24vw, 270px))}.reaction-spotlights.has-both .reaction-spotlight.is-opponent{--lane-x:clamp(78px, 24vw, 270px)}.reaction-spotlight:before{aspect-ratio:1;content:"";filter:blur(8px);background:radial-gradient(circle,#63f2c133,#0000 67%);border-radius:50%;width:min(58vw,520px);position:absolute}.reaction-spotlight.is-opponent:before{background:radial-gradient(circle,#ff718e38,#0000 67%)}.reaction-spotlight>div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030d0ae6;border:1px solid #63f2c17a;border-radius:28px;grid-template-rows:auto auto;place-items:center;gap:16px;width:min(330px,82vw);padding:22px 34px 25px;transition:width .42s cubic-bezier(.2,.9,.3,1),padding .42s cubic-bezier(.2,.9,.3,1);animation:.46s cubic-bezier(.15,1.35,.35,1) both reaction-spotlight-card;display:grid;position:relative;box-shadow:0 24px 80px #000000a8,0 0 40px #63f2c12e}.reaction-spotlights.has-both .reaction-spotlight>div{width:min(250px,42vw);padding:18px 18px 22px}.reaction-spotlight.is-opponent>div{border-color:#ff718e85;box-shadow:0 24px 80px #000000a8,0 0 44px #ff718e33}.reaction-spotlight>div>span{z-index:1;filter:drop-shadow(0 14px 24px #00000080);font-size:clamp(5rem,12vw,8rem);line-height:1;animation:.62s cubic-bezier(.16,1.4,.35,1) 80ms both reaction-spotlight-emoji;display:block;position:relative}.reaction-spotlights.has-both .reaction-spotlight>div>span{font-size:clamp(3.5rem,8vw,5.2rem)}.reaction-spotlight strong{z-index:2;color:var(--mint);letter-spacing:.18em;text-align:center;white-space:nowrap;padding-top:4px;font-size:.72rem;font-weight:950;line-height:1.25;display:block;position:relative}.reaction-spotlight.is-opponent strong{color:var(--coral)}.reaction-spotlights.has-both .reaction-spotlight strong{letter-spacing:.11em;font-size:clamp(.5rem,1.25vw,.65rem)}@keyframes reaction-spotlight-life{0%,to{opacity:0}10%,82%{opacity:1}}@keyframes reaction-spotlight-card{0%{filter:blur(7px);transform:translateY(24px)scale(.78)}}@keyframes reaction-spotlight-emoji{0%{opacity:0;transform:scale(.18)rotate(-18deg)}}.reaction-picker{border:1px solid var(--line);border-radius:var(--radius-md);background:#030a088c;gap:10px;width:min(430px,100%);margin:22px auto 0;padding:14px;display:grid}.result-panel.is-completed .reaction-picker{text-align:center;grid-area:reactions;align-content:center;gap:8px;width:100%;min-width:0;margin:0;padding:10px}.reaction-picker>span{color:var(--muted);letter-spacing:.13em;font-size:.6rem;font-weight:900}.reaction-picker>div{grid-template-columns:repeat(5,minmax(0,48px));justify-content:center;gap:6px;display:grid}.reaction-picker button{border:1px solid var(--line);cursor:pointer;background:#0e1c17;border-radius:12px;place-items:center;width:100%;min-width:0;height:44px;padding:0;font-size:1.45rem;transition:transform .14s,border-color .14s;display:grid}.result-panel.is-completed .reaction-picker button{font-size:1.35rem}.reaction-picker button:hover:not(:disabled){border-color:var(--mint);transform:translateY(-3px)scale(1.04)}.reaction-picker button:disabled{cursor:default;opacity:.58}.result-actions{grid-template-columns:minmax(0,1fr) minmax(68px,.32fr);gap:6px;width:min(430px,100%);margin:12px auto 0}.result-actions .button{overflow-wrap:anywhere;border-radius:12px;min-width:0;min-height:44px;padding:8px 10px;font-size:.76rem;line-height:1.2}.result-actions .button-primary{grid-column:1/-1;min-height:48px;font-size:.82rem}.result-actions .button-secondary{color:var(--mint)}.rematch-controls{border:1px solid var(--line);border-radius:var(--radius-md);background:#030a088c;grid-area:rematch;align-content:center;gap:7px;min-width:0;padding:10px;display:grid}.rematch-controls .result-actions{width:100%;margin:0}.repeat-state{color:var(--mint);justify-content:center;align-items:center;gap:8px;margin:13px 0 0;font-size:.72rem;font-weight:800;display:flex}.rematch-controls .repeat-state{text-align:center;min-height:18px;margin:0}.rematch-controls .repeat-state .loader{flex-shrink:0}.departure-stage{z-index:12;text-align:center;background:radial-gradient(circle at 42% 44%,#63f2c11a,#0000 34%),radial-gradient(circle at 58% 44%,#ff718e1a,#0000 34%),#010705f7;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;width:100%;min-width:0;padding:38px;display:flex;position:relative}.departure-mark{width:104px;height:72px;color:var(--muted);place-items:center;display:grid}.departure-mark svg{fill:#ffffff06;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:100%;height:100%;display:block;overflow:visible}.departure-mark circle:first-child{stroke:var(--mint);filter:drop-shadow(0 0 9px #63f2c173)}.departure-mark circle:nth-child(2){stroke:var(--coral);filter:drop-shadow(0 0 9px #ff718e73)}.departure-stage>p{color:var(--coral);letter-spacing:.18em;margin:18px 0 8px;font-size:.65rem;font-weight:900}.departure-stage h1{max-width:820px;letter-spacing:var(--display-tracking);text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(3rem,9vw,7.5rem);font-weight:950;line-height:.84}.departure-message{max-width:520px;color:var(--muted);margin:20px 0 28px;font-size:.9rem}.phase-session_ended .camera-stage{max-height:none}.departure-actions{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;width:min(600px,100%);display:grid}.departure-actions .button{text-wrap:balance;min-width:0;padding:12px;line-height:1.25}.game-pause-overlay{z-index:18;text-align:center;-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 42%,#63f2c121,#0000 34%),#010806f0;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0;container-type:inline-size}.game-pause-overlay>p{color:var(--mint);letter-spacing:.18em;margin:20px 0 8px;font-size:.66rem;font-weight:900}.game-pause-overlay h1{width:min(760px,100%);letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-size:clamp(1.25rem,min(7vw,8.5cqi),4.25rem);font-weight:950;line-height:.98}.game-pause-overlay>span:not(.loader){max-width:480px;color:var(--muted);margin:17px 0 16px;font-size:.94rem;line-height:1.45}.game-pause-overlay>strong{color:var(--mint);text-shadow:0 0 24px #63f2c140;font-size:clamp(2rem,6vw,3.8rem);line-height:1}.game-pause-overlay>small{color:var(--muted);letter-spacing:.15em;margin-top:7px;font-size:.6rem;font-weight:900}.pause-banner{z-index:17;top:max(58px, env(safe-area-inset-top));width:min(390px,100% - 28px);color:var(--mint);-webkit-backdrop-filter:blur(12px);background:#020d0aed;border:1px solid #63f2c152;border-radius:16px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;padding:11px 15px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #0000006b}.pause-banner .loader{grid-row:1/3}.pause-banner strong{letter-spacing:.09em;font-size:.7rem}.pause-banner>span:last-child{color:var(--muted);font-size:.68rem}.error-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(66vh,660px);padding:38px;display:flex;container-type:inline-size}.error-mark{width:66px;height:66px;color:var(--coral);background:#ff718e14;border:1px solid #ff718e80;border-radius:50%;place-items:center;font-size:2rem;font-weight:950;display:grid;box-shadow:0 0 50px #ff718e14}.error-panel>p{color:var(--coral);letter-spacing:.18em;margin:22px 0 7px;font-size:.65rem;font-weight:900}.error-panel h1{max-width:100%;letter-spacing:var(--display-tracking);margin:0;font-size:min(clamp(2.3rem,7vw,5rem),13cqi);line-height:.9}.error-panel>span:not(.error-mark){max-width:520px;color:var(--muted);cursor:text;-webkit-user-select:text;user-select:text;margin:15px 0 25px}.technical-notice-backdrop{z-index:240;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);background:#010705c7;place-items:center;display:grid;position:fixed;inset:0}.technical-notice{text-align:center;background:radial-gradient(circle at 50% 0,#ff718e1f,#0000 42%),#030f0bfa;border:1px solid #ff718e7a;border-radius:28px;flex-direction:column;align-items:center;width:min(440px,100%);padding:34px 28px 28px;animation:.24s ease-out both technical-notice-enter;display:flex;box-shadow:0 30px 100px #000000b8,0 0 55px #ff718e14}.technical-notice>p{color:var(--coral);letter-spacing:.18em;margin:20px 0 7px;font-size:.68rem;font-weight:900}.technical-notice h2{letter-spacing:var(--display-tracking);margin:0;font-size:clamp(2.2rem,8vw,3.4rem);line-height:.92}.technical-notice>span:not(.error-mark){max-width:340px;color:var(--muted);margin:16px 0 24px;font-size:.94rem;line-height:1.5}.technical-notice .button{width:min(280px,100%)}.technical-notice-actions,.error-actions{justify-content:center;gap:10px;width:min(420px,100%);display:flex}.technical-notice-actions .button,.error-actions .button{width:auto;min-width:150px}.error-info-backdrop{z-index:280;padding:max(20px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);background:#010705e6;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.error-info-modal{-webkit-user-select:text;user-select:text;background:#030f0bfc;border:1px solid #ff718e73;border-radius:26px;width:min(760px,100%);max-height:min(880px,100dvh - 40px);padding:clamp(20px,4vw,34px);overflow:auto;box-shadow:0 30px 100px #000000c7}.error-info-modal>header,.error-info-modal>footer{align-items:center;gap:12px;display:flex}.error-info-modal>header{justify-content:space-between;margin-bottom:22px}.error-info-modal header p{color:var(--coral);letter-spacing:.16em;margin:0 0 5px;font-size:.66rem;font-weight:900}.error-info-modal h2{letter-spacing:var(--display-tracking);margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:.95}.error-info-modal header>button{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:var(--surface-strong);cursor:pointer;border-radius:50%;font-size:1.5rem}.error-info-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.error-info-summary>div{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;min-width:0;padding:13px 14px}.error-info-summary dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.6rem;font-weight:900}.error-info-summary dd{overflow-wrap:anywhere;margin:0;font-size:.82rem;font-weight:800}.error-info-message{border-left:3px solid var(--coral);background:#ff718e12;gap:7px;margin:14px 0;padding:16px;display:grid}.error-info-message span{color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.error-info-modal details{border:1px solid var(--line);background:#010805;border-radius:14px;margin-top:14px}.error-info-modal summary{cursor:pointer;padding:14px 16px;font-size:.75rem;font-weight:900}.error-info-modal pre{color:#bfe9db;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;margin:0;padding:0 16px 16px;font-size:.68rem;line-height:1.5;overflow:auto}.error-info-modal>footer{justify-content:flex-end;margin-top:18px}.error-info-modal footer>span{color:var(--mint);margin-right:auto;font-size:.72rem;font-weight:800}@keyframes technical-notice-enter{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.debug-panel{z-index:100;right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));color:#aebfb9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:text;-webkit-user-select:text;user-select:text;background:#010604f0;border:1px solid #ffd36a59;border-radius:12px;gap:3px;max-width:min(430px,100vw - 20px);padding:11px 13px;font:600 .65rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:fixed;box-shadow:0 18px 50px #00000080}.debug-panel strong{color:var(--yellow)}@media (width<=1000px){.result-panel.is-completed{grid-template-columns:minmax(268px,.9fr) minmax(0,1.1fr);grid-template-areas:"summary summary""reactions rematch"}.result-panel.is-completed .result-summary{text-align:center}}@media (width<=720px){.result-panel.is-completed{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"summary""rematch""reactions";gap:10px;padding:13px}.result-panel.is-completed .reaction-picker,.rematch-controls{width:100%;margin:0}}@media (width<=900px){.phase-camera_setup .game-surface{display:block}.phase-camera_setup .camera-stage{border-right:0;border-bottom:1px solid var(--line);min-height:min(57vh,570px)}.setup-panel{gap:18px;padding:24px}}@media (width<=640px){.arena-app{padding:max(10px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left))}.topbar{min-height:38px;margin-bottom:8px;padding:0 5px}.brand{letter-spacing:.17em;font-size:.69rem}.sound-button{min-height:32px;padding:0 9px;font-size:.61rem}.sound-button>.sound-icon{width:17px;height:17px}.topbar-actions{gap:6px}.presence-pill{letter-spacing:.045em;gap:4px;min-height:32px;padding:0 8px;font-size:.54rem}.presence-pill strong{font-size:.64rem}.arena-app .topbar{gap:6px}.arena-app .topbar-actions{flex:none;gap:4px;max-width:100%;margin-left:auto}.arena-app .topbar-actions>*{flex-shrink:0}.arena-app .ideas-link{padding-inline:8px}.arena-app .presence-pill{padding-inline:5px}.arena-app .sound-button{gap:4px}.game-surface{border-radius:22px}.camera-stage{min-height:55svh;max-height:580px}.phase-result .camera-stage{min-height:43svh;max-height:410px}.phase-queue .camera-stage{min-height:calc(100svh - 151px);max-height:none}.is-match-completed .camera-stage{min-height:38svh;max-height:370px}.phase-camera_setup .camera-stage{min-height:51svh;max-height:520px}.camera-empty{width:97%;min-height:100%;padding:14px 6px 20px}.camera-empty h1{font-size:clamp(2rem,min(12.5vw,15cqi),4rem)}.camera-empty>p{margin-bottom:11px;font-size:.72rem}.camera-empty>strong{margin-top:17px;font-size:.8rem}.intro-gesture-arena{inset:-4% -3%}.intro-gesture[data-gesture=rock]{width:68%;top:46%;left:-20%}.intro-gesture[data-gesture=paper]{width:60%;top:43%;right:-20%}.intro-gesture[data-gesture=scissors]{width:63%;top:-7%;left:-14%}.hand-presence{min-height:27px;padding:0 8px;font-size:.56rem;top:11px;right:11px}.gesture-readout{border-radius:13px;gap:6px;max-width:calc(100% - 24px);min-height:39px;padding:8px 12px;bottom:12px}.gesture-readout strong{font-size:1.18rem}.gesture-readout span{font-size:.66rem}.setup-panel{gap:16px;padding:20px 16px 18px}.setup-heading h2{font-size:1.8rem}.setup-controls{grid-template-columns:1fr 1fr}.setting-toggle{min-height:58px}.setup-actions{grid-template-columns:1fr}.setup-actions .button{min-height:50px}.setup-actions .button-primary{grid-row:1}.privacy-note{display:none}.score-hud{border-radius:18px;gap:8px;min-height:74px;margin-bottom:7px;padding:10px 12px}.score-player>div>span{letter-spacing:.1em;font-size:.66rem}.score-center{min-width:90px}.score-numbers{gap:8px}.score-numbers strong{font-size:1.85rem}.score-center small{letter-spacing:.06em;margin-top:4px;font-size:.6rem}.score-pips i{width:18px;height:5px}.photo-card{grid-template-rows:32px minmax(0,1fr) 52px}.photo-card figcaption{letter-spacing:.09em;padding:0 9px;font-size:.65rem}.gesture-result{padding:5px 3px}.gesture-result strong{font-size:clamp(.9rem,5vw,1.35rem)}.gesture-result small{max-width:120px;font-size:.6rem;line-height:1.1}.countdown-word{font-size:clamp(5rem,30vw,8rem)}.countdown.is-ready .countdown-word{padding:0 10px;font-size:clamp(1.65rem,min(13vw,7.8cqi),4.5rem)}.queue-stage{padding:20px}.queue-stage h1{font-size:clamp(1.65rem,min(15vw,10.5cqi),5.2rem)}.queue-stage:before{width:86vw}.result-panel{padding:17px 15px 19px}.comparison-copy{font-size:.66rem}.result-panel h1{font-size:clamp(2.2rem,11vw,3.5rem)}.reaction-picker{gap:8px;margin-top:16px;padding:11px}.result-actions{margin-top:9px}.departure-stage{padding:28px max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.departure-stage h1{font-size:clamp(2.25rem,12vw,4.5rem)}.departure-message{margin:16px 0 24px;font-size:.78rem}.departure-actions{gap:8px}.departure-actions .button{padding:10px 8px;font-size:.76rem}.error-panel{min-height:70svh;padding:26px 20px}}@media (width<=640px) and (orientation:portrait){.phase-prepare .camera-stage,.phase-countdown .camera-stage,.phase-submitting .camera-stage,.phase-photos .camera-stage{min-height:62dvh;max-height:640px}.phase-result:not(.is-match-completed) .camera-stage{min-height:50dvh;max-height:470px}}@media (width<=380px){.score-player>div>span{font-size:.61rem}.score-center{min-width:80px}.score-center small{font-size:.58rem}.setting-toggle{padding:8px}.toggle-track{width:34px}.setting-toggle.is-on .toggle-track>span{transform:translate(12px)}}@media (width<=480px){.arena-app .brand{letter-spacing:.12em;gap:7px;font-size:.62rem}}@media (width<=420px){.brand{letter-spacing:.12em;gap:7px;font-size:.62rem}.brand-logo{width:26px;height:26px}.sound-button{justify-content:center;width:32px;padding:0}.sound-label{display:none}}@media (width<=700px){.arena-app .topbar{flex-wrap:nowrap;gap:6px}.arena-app .brand-logo{width:36px;height:36px}.arena-app .topbar-actions{flex-wrap:nowrap;gap:4px}.arena-app .presence-pill{height:32px;min-height:32px}.arena-app .sound-button{flex:0 0 32px;justify-content:center;width:32px;height:32px;min-height:32px;padding:0}.arena-app .sound-label{display:none}}@media (width>=701px) and (width<=900px){.arena-app .language-current{display:none}.arena-app .language-code{display:inline}}@media (width<=520px){.arena-app .brand{letter-spacing:.1em;gap:5px;font-size:.62rem}.arena-app .presence-label{display:none}.arena-app .presence-playing-icon{display:block}}@media (orientation:landscape) and (height<=620px){.arena-app{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.topbar{display:none}.score-hud{min-height:62px}.camera-stage{min-height:calc(100svh - 90px)}.phase-result .camera-stage,.is-match-completed .camera-stage{min-height:clamp(220px,100svh - 235px,390px)}.result-panel.is-completed{gap:8px;padding:8px}.result-panel.is-completed .reaction-picker,.rematch-controls{padding:7px}.phase-camera_setup .game-surface{grid-template-columns:1.2fr .8fr;display:grid}.phase-camera_setup .camera-stage{border-right:1px solid var(--line);border-bottom:0;min-height:calc(100svh - 16px)}.setup-panel{max-height:calc(100svh - 16px);padding:18px;overflow-y:auto}}.stats-app{width:min(1800px,100%);min-height:100svh;padding:max(22px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:var(--text);margin:0 auto}.stats-header,.stats-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.stats-header{color:var(--muted);letter-spacing:.16em;margin-bottom:18px;font-size:.72rem;font-weight:850}.stats-brand,.stats-table a,.stats-match-card a,.stats-back-link{color:var(--mint);font-weight:900;text-decoration:none}.stats-brand{letter-spacing:.2em;align-items:center;gap:10px;display:inline-flex}.stats-attribution{color:var(--muted);text-align:center;padding:18px 4px 0;font-size:.72rem}.stats-attribution a{color:inherit;text-underline-offset:.2em}.stats-card{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:#09130feb;overflow:hidden;box-shadow:0 28px 80px #00000047}.stats-title-row{border-bottom:1px solid var(--line);padding:clamp(22px,4vw,38px)}.stats-title-row h1{letter-spacing:-.055em;text-transform:uppercase;margin:4px 0 0;font-size:clamp(2rem,5vw,4rem);line-height:.95}.stats-kicker{color:var(--mint);letter-spacing:.16em;margin:0;font-size:.7rem;font-weight:950}.stats-back-link{border:1px solid #63f2c15c;border-radius:999px;flex:none;padding:11px 16px}.stats-table-scroll{overscroll-behavior-inline:contain;overflow-x:auto}.stats-table{border-collapse:collapse;width:100%;min-width:1480px;font-size:.86rem}.stats-table th,.stats-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 13px}.stats-table th{z-index:1;color:var(--muted);background:var(--surface-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:900;position:sticky;top:0}.stats-table tbody tr{transition:background .16s}.stats-table tbody tr:hover,.stats-table tbody tr:target{background:#63f2c112}.stats-table tbody tr:last-child td{border-bottom:0}.stats-score{color:var(--yellow);font-size:1rem;font-weight:950}.stats-message{color:var(--muted);text-align:center;margin:0;padding:42px}.stats-player-card{max-width:980px;margin:0 auto}.stats-match-card{max-width:1320px;margin:0 auto}.match-overview{border-bottom:1px solid var(--line);grid-template-columns:minmax(240px,.72fr) minmax(0,1.6fr);display:grid}.match-final-score{border-right:1px solid var(--line);background:radial-gradient(circle at 50% 80%, #ffc85721, transparent 55%), var(--surface-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:230px;padding:28px;display:flex}.match-final-score span,.match-final-score small,.match-meta-grid span,.match-player-card>span,.match-player-card dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:900}.match-final-score strong{color:var(--yellow);letter-spacing:-.08em;text-shadow:0 0 30px #ffc85738;font-size:clamp(4rem,9vw,7rem);line-height:.88}.match-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:clamp(20px,3vw,32px);display:grid}.match-meta-grid>div{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);flex-direction:column;gap:8px;min-width:0;padding:17px;display:flex}.match-meta-grid strong{text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.match-player-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;padding:clamp(20px,3vw,32px);display:grid}.match-player-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);padding:clamp(20px,3vw,30px)}.match-player-card.is-a{box-shadow:inset 3px 0 0 var(--mint)}.match-player-card.is-b{box-shadow:inset 3px 0 0 var(--coral)}.match-player-card>a{width:fit-content;margin-top:8px;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1;display:block}.match-player-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;display:grid}.match-player-card dl>div{min-width:0}.match-player-card dt,.match-player-card dd{margin:0}.match-player-card dd{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;overflow:hidden}.match-round-history{border-bottom:1px solid var(--line)}.match-section-heading{padding:clamp(22px,3vw,32px)}.match-section-heading h2{letter-spacing:-.04em;text-transform:uppercase;margin:5px 0 0;font-size:clamp(1.8rem,4vw,3rem)}.match-round-table{border-collapse:collapse;width:100%;min-width:680px}.match-round-table th,.match-round-table td{border-top:1px solid var(--line);text-align:left;white-space:nowrap;padding:15px clamp(16px,3vw,32px)}.match-round-table th{color:var(--muted);background:var(--surface-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:900}.stats-gesture{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:950}.stats-gesture.is-rock{color:#55e7ff}.stats-gesture.is-paper{color:#63f2c1}.stats-gesture.is-scissors{color:#3f8cff}.stats-gesture.is-oops{color:#ffc857}.match-chain{justify-content:space-between;gap:16px;padding:20px clamp(20px,3vw,32px);display:flex}.match-chain a:last-child{margin-left:auto}.player-meta,.player-totals{gap:12px;padding:clamp(18px,3vw,32px);display:grid}.player-meta{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}.player-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.player-meta>div,.player-totals>div{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);flex-direction:column;gap:7px;min-width:0;padding:18px;display:flex}.player-meta span,.player-totals span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850}.player-meta strong{text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.player-totals strong{color:var(--mint);font-size:clamp(1.8rem,5vw,3rem);line-height:1}@media (width<=720px){.technical-notice-actions,.error-actions,.error-info-modal>footer{flex-direction:column;align-items:stretch}.technical-notice-actions .button,.error-actions .button,.error-info-modal footer .button{width:100%}.error-info-summary{grid-template-columns:1fr}.error-info-modal footer>span{text-align:center;min-height:1rem;margin:0}.stats-header>span{display:none}.stats-title-row{flex-direction:column;align-items:flex-start}.stats-back-link{text-align:center;align-self:stretch}.player-meta,.player-totals{grid-template-columns:1fr 1fr}.player-meta>div:first-child{grid-column:1/-1}.match-overview{grid-template-columns:1fr}.match-final-score{border-right:0;border-bottom:1px solid var(--line);min-height:190px}.match-meta-grid,.match-player-grid{grid-template-columns:1fr}.match-player-card dl{grid-template-columns:1fr 1fr}.match-player-card dl>div:first-child{grid-column:1/-1}}.diagnostics-page{min-height:100dvh;color:var(--text);background:var(--background);padding:clamp(20px,4vw,52px)}.diagnostics-header{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1500px;margin:0 auto 24px;display:flex}.diagnostics-header p,.diagnostics-unlock p{color:var(--mint);letter-spacing:.16em;margin:0 0 7px;font-size:.68rem;font-weight:900}.diagnostics-header h1,.diagnostics-unlock h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:.9}.diagnostics-header nav{gap:8px;display:flex}.diagnostics-header nav a,.diagnostics-header nav button{border:1px solid var(--line);color:var(--text);background:var(--surface-strong);font:inherit;cursor:pointer;border-radius:999px;padding:11px 15px;font-size:.75rem;font-weight:850;text-decoration:none}.diagnostics-overview{grid-template-columns:160px 160px minmax(260px,1fr);gap:10px;max-width:1500px;margin:0 auto 12px;display:grid}.diagnostics-overview>div,.diagnostics-overview>label{border:1px solid var(--line);background:var(--surface);border-radius:15px;gap:6px;padding:14px 16px;display:grid}.diagnostics-overview span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:900}.diagnostics-overview strong{color:var(--mint);font-size:1.7rem}.diagnostics-overview input,.diagnostics-unlock input{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#010805;border-radius:10px;padding:10px 12px}.diagnostics-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:18px;max-width:1500px;margin:0 auto;overflow:auto}.diagnostics-table{border-collapse:collapse;width:100%;font-size:.76rem}.diagnostics-table th,.diagnostics-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:13px 14px}.diagnostics-table th{color:var(--muted);background:var(--surface-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.diagnostics-table tbody tr{cursor:pointer}.diagnostics-table tbody tr:hover{background:#63f2c10a}.diagnostics-table td button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:850}.diagnostic-severity{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:.58rem;font-weight:900}.diagnostic-severity.is-warning{color:#ffc857;background:#ffc8571a}.diagnostic-severity.is-error,.diagnostic-severity.is-fatal{color:var(--coral);background:#ff718e1a}.diagnostics-state{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.diagnostics-state.is-error{color:var(--coral)}.diagnostics-unlock{place-items:center;display:grid}.diagnostics-unlock>section{border:1px solid var(--line);background:var(--surface);border-radius:26px;width:min(520px,100%);padding:clamp(26px,6vw,46px)}.diagnostics-unlock>section>span{color:var(--muted);margin:18px 0;display:block}.diagnostics-unlock form{gap:10px;margin-bottom:20px;display:grid}.diagnostics-unlock a{color:var(--mint)}.diagnostics-detail>pre{border:1px solid var(--line);color:#bfe9db;white-space:pre-wrap;overflow-wrap:anywhere;background:#010805;border-radius:14px;max-height:50vh;padding:16px;font-size:.68rem;overflow:auto}@media (width<=720px){.diagnostics-header{flex-direction:column;align-items:stretch}.diagnostics-header nav{grid-template-columns:repeat(3,1fr);display:grid}.diagnostics-header nav>*{text-align:center}.diagnostics-overview{grid-template-columns:1fr 1fr}.diagnostics-overview label{grid-column:1/-1}}.features-app{isolation:isolate;min-height:100svh;padding:max(22px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));cursor:default;position:relative}.features-header{justify-content:space-between;align-items:center;gap:18px;width:min(1040px,100%);min-height:44px;margin:0 auto clamp(48px,8vw,92px);display:flex}.features-header nav{align-items:center;gap:8px;display:flex}.features-header nav>a{border:1px solid var(--line);min-height:38px;color:var(--text);background:#08130fc2;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.72rem;font-weight:850;text-decoration:none;display:inline-flex}.features-header nav>a:first-child{color:var(--mint)}.features-hero,.feature-create-card,.features-notice,.feature-list-section{width:min(1040px,100%);margin-left:auto;margin-right:auto}.features-hero{margin-bottom:clamp(30px,6vw,58px)}.features-hero>p,.feature-create-card>div>p{color:var(--mint);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:950}.features-hero h1{letter-spacing:-.07em;text-wrap:balance;max-width:850px;margin:0;font-size:clamp(3.2rem,9.5vw,7rem);line-height:.88}.features-hero>span{max-width:700px;color:var(--muted);margin-top:24px;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.55;display:block}.feature-create-card{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:radial-gradient(circle at 10% 10%,#63f2c117,#0000 38%),#09130fe6;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(24px,5vw,64px);margin-bottom:18px;padding:clamp(22px,4vw,42px);display:grid;box-shadow:0 24px 80px #0000004d}.feature-create-card>div>span{color:var(--muted);line-height:1.55}.feature-create-card form,.feature-edit-form{gap:14px;display:grid}.feature-create-card label{gap:7px;display:grid}.feature-create-card label>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.66rem;font-weight:900}.feature-create-card input,.feature-create-card textarea,.feature-edit-form input,.feature-edit-form textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);resize:vertical;background:#010805c7;border-radius:13px;outline:0;padding:14px 15px;line-height:1.45}.feature-create-card input:focus,.feature-create-card textarea:focus,.feature-edit-form input:focus,.feature-edit-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #63f2c114}.feature-create-card form>.button{justify-self:end;min-width:190px}.features-notice{border:1px solid var(--line);color:var(--mint);background:#63f2c114;border-radius:13px;margin-bottom:18px;padding:13px 16px;font-size:.88rem;font-weight:750}.features-notice.is-error{color:#ffc2cf;background:#ff718e14;border-color:#ff718e4d}.feature-list-section>header{justify-content:space-between;align-items:center;gap:14px;margin:34px 0 13px;display:flex}.feature-list-section>header>span{color:var(--muted);font-size:.72rem;font-weight:800}.feature-sort{border:1px solid var(--line);background:#09130fc7;border-radius:999px;padding:4px;display:inline-flex}.feature-sort button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:.72rem;font-weight:850}.feature-sort button.is-active{color:#02110c;background:var(--mint)}.feature-card{border:1px solid var(--line);background:#09130fe0;border-radius:20px;grid-template-columns:82px minmax(0,1fr);margin-bottom:12px;display:grid;overflow:hidden}.feature-card.is-done{border-color:#63f2c159}.feature-votes{border-right:1px solid var(--line);background:#01080570;grid-template-rows:1fr 1fr;display:grid}.feature-votes button{min-height:70px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;display:flex}.feature-votes button:first-child{border-bottom:1px solid var(--line)}.feature-votes button>span{font-size:1.2rem;line-height:1}.feature-votes button>strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.feature-votes button:hover,.feature-votes button.is-selected{color:var(--mint);background:#63f2c114}.feature-votes button.is-negative:hover,.feature-votes button.is-negative.is-selected{color:var(--coral);background:#ff718e14}.feature-votes button:disabled{cursor:wait;opacity:.66}.feature-content{min-width:0;padding:clamp(18px,3.4vw,30px)}.feature-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.feature-meta>span{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:.58rem;font-weight:950}.feature-status{color:var(--mint);background:#63f2c11a}.feature-card.is-planned .feature-status,.feature-card.is-in_progress .feature-status{color:var(--yellow);background:#ffd36a1a}.feature-author{color:#9fbfff;background:#4e8bff1f}.feature-meta time{color:var(--muted);margin-left:auto;font-size:.68rem}.feature-content h2{color:var(--text);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.1}.feature-content>p{color:#b9d1c8;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.6}.feature-owner-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding-top:14px;display:flex}.feature-owner-row>span{max-width:660px;color:var(--muted);font-size:.7rem;line-height:1.5}.feature-owner-row>div,.feature-edit-form>div{flex:none;gap:8px;display:flex}.feature-owner-row button{border:1px solid var(--line);color:var(--text);background:var(--surface-strong);cursor:pointer;border-radius:9px;padding:7px 10px;font-size:.68rem;font-weight:850}.feature-owner-row button:last-child{color:var(--coral)}.feature-edit-form>div .button{min-height:42px;padding:0 18px}.feature-state{border:1px dashed var(--line-strong);min-height:180px;color:var(--muted);text-align:center;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.feature-state button{color:var(--mint);cursor:pointer;background:0 0;border:0;padding:0;font-weight:850}@media (width<=680px){.features-app{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left))}.features-header{margin-bottom:52px}.features-header nav>a{min-height:34px;padding:0 10px;font-size:.64rem}.features-hero{padding:0 8px}.features-hero h1{font-size:clamp(3rem,15vw,4.7rem)}.feature-create-card{border-radius:22px;grid-template-columns:1fr;gap:22px;padding:22px 18px}.feature-create-card form>.button{justify-self:stretch;width:100%}.feature-list-section>header{flex-direction:column;align-items:flex-start}.feature-sort{width:100%}.feature-sort button{flex:1}.feature-card{border-radius:17px;grid-template-columns:62px minmax(0,1fr)}.feature-votes button{min-height:78px}.feature-content{padding:18px 15px}.feature-meta time{width:100%;margin-left:0}.feature-owner-row{flex-direction:column;align-items:flex-start}}.admin-page{min-height:100dvh;color:var(--text);padding:clamp(20px,3.5vw,48px)}.admin-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1640px;margin:0 auto 24px;display:flex}.admin-header p,.admin-unlock-card>p,.admin-section-heading p,.admin-player-card>header p{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px;font-size:.68rem;font-weight:900}.admin-header h1,.admin-unlock-card h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:.9}.admin-header>div>span,.admin-section-heading>span,.admin-unlock-card>span{color:var(--muted);margin-top:13px;display:block}.admin-header nav{flex-wrap:wrap;gap:8px;display:flex}.admin-header nav>*,.admin-mini-button{border:1px solid var(--line);color:var(--text);background:var(--surface-strong);font:inherit;cursor:pointer;border-radius:999px;padding:10px 14px;font-size:.75rem;font-weight:850;text-decoration:none}.admin-header nav>.is-active{color:var(--mint);background:#63f2c117;border-color:#63f2c175}.admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1640px;margin:0 auto;display:grid}.admin-dashboard-grid>a{border:1px solid var(--line);min-height:260px;color:var(--text);background:radial-gradient(circle at 100% 0, #63f2c117, transparent 48%), var(--surface);border-radius:24px;padding:clamp(22px,3vw,34px);text-decoration:none;display:block}.admin-dashboard-grid>a:hover{border-color:#63f2c166;transform:translateY(-2px)}.admin-dashboard-grid p,.admin-feature-card>header p{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.65rem;font-weight:900}.admin-dashboard-grid h2,.admin-feature-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1}.admin-dashboard-grid dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:56px 0 0;display:grid}.admin-dashboard-grid dt,.admin-dashboard-grid dd,.admin-feature-meta dt,.admin-feature-meta dd{margin:0}.admin-dashboard-grid dt,.admin-feature-meta dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:850}.admin-dashboard-grid dd{color:var(--mint);margin-top:7px;font-size:1.6rem;font-weight:900}.admin-overview{grid-template-columns:repeat(4,minmax(110px,160px)) minmax(190px,1fr);gap:10px;max-width:1640px;margin:0 auto 16px;display:grid}.admin-overview>div{border:1px solid var(--line);background:var(--surface);border-radius:15px;gap:5px;padding:14px 16px;display:grid}.admin-overview>div span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:900}.admin-overview>div strong{color:var(--mint);font-size:1.7rem}.admin-overview>button{place-self:center end}.admin-feature-overview{grid-template-columns:repeat(4,minmax(100px,140px)) minmax(220px,1fr) auto}.admin-feature-filter{border:1px solid var(--line);background:var(--surface);border-radius:15px;gap:6px;padding:11px 14px;display:grid}.admin-feature-filter>span,.admin-feature-toggle>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.admin-feature-filter input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:6px 0}.admin-feature-toggle{border:1px solid var(--line);background:var(--surface);border-radius:15px;justify-content:center;align-items:center;gap:9px;min-width:145px;padding:12px;display:flex}.admin-feature-toggle input{width:20px;height:20px;accent-color:var(--mint)}.admin-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1640px;margin:0 auto;display:grid}.admin-feature-list>.admin-empty{grid-column:1/-1;width:100%}.admin-feature-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d1a16fa,#050e0bfa);border-radius:22px;min-width:0;padding:clamp(18px,2.4vw,27px)}.admin-feature-card.is-deleted{opacity:.74;border-color:#ff718e3d}.admin-feature-card>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-feature-description{color:#b9d1c8;white-space:pre-wrap;overflow-wrap:anywhere;min-height:3.2em;margin:18px 0;line-height:1.6}.admin-feature-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 18px;display:grid}.admin-feature-meta>div{border:1px solid var(--line);background:#0108057a;border-radius:11px;min-width:0;padding:10px 12px}.admin-feature-meta dd{color:var(--text);text-overflow:ellipsis;margin-top:5px;font-size:.78rem;overflow:hidden}.admin-feature-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-feature-actions select{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--surface-strong);text-transform:capitalize;border-radius:999px;padding:0 30px 0 11px;font-size:.72rem;font-weight:800}.admin-feature-editor form,.admin-feature-editor label{gap:9px;display:grid}.admin-feature-editor form{gap:14px}.admin-feature-editor label>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:900}.admin-feature-editor input,.admin-feature-editor textarea{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#010805;border-radius:11px;padding:12px 14px}.admin-feature-editor footer{justify-content:flex-end;gap:9px;margin-top:8px;display:flex}.admin-state{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.admin-state.is-error{color:var(--coral)}.admin-message{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid;border-radius:14px;max-width:1640px;margin:0 auto 14px;padding:13px 16px;font-weight:800;line-height:1.45;position:sticky;top:12px}.admin-message.is-success{color:var(--mint);background:#051f17f0;border-color:#63f2c173}.admin-message.is-error{color:var(--coral);background:#23080ef0;border-color:#ff718e7a}.admin-create-card,.admin-player-card,.admin-empty{border:1px solid var(--line);background:linear-gradient(145deg,#0d1a16fa,#050e0bfa);border-radius:24px;max-width:1640px;margin:0 auto 16px;padding:clamp(18px,2.5vw,28px)}.admin-create-card{border-color:#63f2c157;gap:18px;display:grid}.admin-create-card>button{justify-self:start}.admin-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.admin-section-heading h2,.admin-player-card>header h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.admin-player-list{gap:4px;display:grid}.admin-player-card.is-busy{border-color:#ffd36a61}.admin-player-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.admin-badges{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.admin-badges span{letter-spacing:.08em;border-radius:999px;padding:7px 10px;font-size:.62rem;font-weight:900}.admin-badges .is-ready{color:var(--mint);background:#63f2c11a}.admin-badges .is-incomplete{color:var(--coral);background:#ff718e1a}.admin-badges .is-playing{color:var(--yellow);background:#ffd36a1a}.admin-badges .is-idle{color:var(--muted);background:#89a79d1a}.admin-profile-form{gap:14px;padding:18px 0;display:grid}.admin-fields{grid-template-columns:repeat(8,minmax(100px,1fr));gap:9px;display:grid}.admin-fields label{align-content:start;gap:7px;display:grid}.admin-fields label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.admin-fields input:not([type=checkbox]),.admin-fields select,.admin-unlock-card input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#010805;border-radius:10px;padding:10px 11px}.admin-fields input:disabled,.admin-fields select:disabled{opacity:.55}.admin-enabled-field{border:1px solid var(--line);background:#010805;border-radius:10px;padding:9px 11px}.admin-enabled-field input{width:22px;height:22px;accent-color:var(--mint)}.admin-profile-actions{flex-wrap:wrap;gap:9px;display:flex}.admin-danger-button{color:var(--coral);background:#ff718e0f;border:1px solid #ff718e47}.admin-gesture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-gesture-group{border:1px solid var(--line);background:#010805a6;border-radius:18px;min-width:0;padding:14px}.admin-gesture-group>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-gesture-group h3{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1rem}.admin-gesture-group.is-rock h3{color:var(--mint)}.admin-gesture-group.is-paper h3{color:#ff718e}.admin-gesture-group.is-scissors h3{color:#4ca7ff}.admin-gesture-group>header span{color:var(--muted);font-size:.72rem}.admin-frame-list{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:9px;display:grid}.admin-frame{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;margin:0;overflow:hidden}.admin-frame img,.admin-frame-placeholder{aspect-ratio:4/3;object-fit:contain;background:#000;place-items:center;width:100%;display:grid}.admin-frame figcaption{color:var(--muted);justify-content:space-between;gap:6px;padding:8px;font-size:.62rem;display:flex}.admin-frame>div:last-child{grid-template-columns:1fr 1fr;gap:5px;padding:0 7px 7px;display:grid}.admin-mini-button{text-align:center;min-width:0;padding:7px 5px;font-size:.64rem;display:block;overflow:hidden}.admin-mini-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.admin-mini-button.is-danger{color:var(--coral)}.admin-mini-button:disabled{opacity:.45;cursor:not-allowed}.admin-mini-button:has(input:disabled){opacity:.45;cursor:not-allowed}.admin-add-frame{border:1px dashed var(--line-strong);min-height:150px;color:var(--muted);text-align:center;cursor:pointer;background:#63f2c106;border-radius:14px;place-content:center;gap:4px;display:grid}.admin-add-frame strong{color:var(--mint);font-size:1.8rem;line-height:1}.admin-add-frame span{color:var(--text);text-transform:capitalize;font-size:.72rem;font-weight:850}.admin-add-frame small{font-size:.58rem;line-height:1.45}.admin-add-frame:disabled{opacity:.4;cursor:not-allowed}.admin-hidden-input{display:none}.admin-virtual-players>.admin-message{pointer-events:none;width:min(680px,100% - 32px);position:fixed;top:12px;left:50%;transform:translate(-50%)}.admin-upload-status{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;margin-top:12px;padding:12px;font-size:.8rem;line-height:1.5}.admin-upload-status strong{display:block}.admin-upload-status progress{width:100%;accent-color:var(--mint)}.admin-upload-status ul{max-height:220px;color:var(--coral);padding-left:18px;overflow:auto}.admin-upload-status p{color:var(--muted)}.admin-busy-note{color:var(--yellow);margin:14px 0 0;font-size:.74rem;font-weight:750}.admin-empty{color:var(--muted);text-align:center}.admin-unlock{place-items:center;display:grid}.admin-unlock-card{border:1px solid var(--line);background:var(--surface);border-radius:26px;width:min(520px,100%);padding:clamp(26px,6vw,46px)}.admin-unlock-card form{gap:10px;margin:20px 0;display:grid}.admin-unlock-card a{color:var(--mint)}@media (width<=1180px){.admin-fields{grid-template-columns:repeat(4,minmax(120px,1fr))}.admin-gesture-grid{grid-template-columns:1fr}.admin-feature-overview{grid-template-columns:repeat(4,1fr)}.admin-feature-filter{grid-column:1/4}}@media (width<=720px){.admin-header{flex-direction:column;align-items:stretch}.admin-header nav{grid-template-columns:repeat(3,1fr);display:grid}.admin-header nav>*{text-align:center;padding-inline:6px}.admin-overview{grid-template-columns:repeat(2,1fr)}.admin-overview>button{grid-column:1/-1;justify-self:stretch}.admin-section-heading{flex-direction:column;align-items:flex-start}.admin-fields{grid-template-columns:1fr 1fr}.admin-player-card>header{align-items:flex-start}.admin-frame-list{grid-template-columns:1fr 1fr}.admin-dashboard-grid,.admin-feature-list{grid-template-columns:1fr}.admin-feature-filter,.admin-feature-toggle{grid-column:1/-1}}@media (width<=430px){.admin-page{padding-inline:12px}.admin-fields,.admin-frame-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.intro-gesture{opacity:.46;animation:none!important}.match-rule-card strong,.match-rule-card>span{opacity:1;transform:scale(1);animation:none!important}.intro-gesture[data-gesture=rock]{transform:rotate(-15deg)scale(1.06)}.intro-gesture[data-gesture=paper]{transform:rotate(8deg)scale(1.06)}.intro-gesture[data-gesture=scissors]{transform:rotate(65deg)scale(1.06)}.reaction-spotlight,.reaction-spotlight>div,.reaction-spotlight>div>span{animation:none!important}}.phase-room .camera-stage{min-height:clamp(540px,82svh,760px)}.friend-room{justify-content:flex-start;gap:0;overflow:hidden auto}.friend-room:before{display:none}.friend-room .queue-words{overflow:hidden}.friend-room h1{max-width:640px;letter-spacing:var(--display-tracking);font-size:clamp(1.75rem,3.6vw,2.3rem);line-height:1.08}.friend-room-intro{flex-direction:column;flex:none;align-items:center;margin-top:auto;display:flex}.friend-room-intro>.loader-large{flex:none}.friend-room-intro>.friend-room-waiting{color:var(--mint);letter-spacing:.2em;text-transform:uppercase;margin:16px 0 12px;font-size:.68rem;font-weight:950}.friend-room-share{--friend-qr-size:224px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030f0be0;border:1px solid #63f2c13d;border-radius:20px;grid-template-columns:minmax(0,1fr);gap:20px;width:min(100%,580px);margin:20px 0 auto;padding:20px 24px 22px;display:grid;box-shadow:0 18px 48px #00000047,inset 0 1px #ffffff0a}.friend-room-share-copy{text-align:left;width:100%;min-width:0}.friend-room-share-copy label{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:950}.friend-room-link{gap:8px;margin-top:10px;display:flex}.friend-room-link input{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#07120f;border-radius:10px;flex:1;padding:11px 13px;font-size:.82rem}.friend-room-link input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.friend-room-link .button{min-width:105px}.friend-room-qr-row{width:100%;min-height:calc(var(--friend-qr-size) + 19px);border-top:1px solid var(--line);justify-content:center;padding-top:18px;display:flex}.friend-room-qr{width:var(--friend-qr-size);height:var(--friend-qr-size);image-rendering:pixelated;background:#fff;border-radius:12px;padding:9px;display:block}.friend-room-error{color:#ffb5b5;margin:8px 0 0;font-size:.78rem}.friend-room-issue{gap:16px}.friend-room-issue h1{max-width:760px;font-size:clamp(2.8rem,8vw,5.8rem)}.friend-room-issue>p{max-width:560px;color:var(--muted);letter-spacing:normal;margin:0;font-size:.94rem;font-weight:400}.friend-room-issue .button{min-width:180px}@media (width<=640px){.friend-room{padding:22px 16px}.friend-room h1{font-size:clamp(1.6rem,7vw,2rem)}.friend-room-share{--friend-qr-size:min(56vw, 208px);gap:16px;margin-top:18px;padding:16px}}@media (width<=420px){.friend-room-link{flex-direction:column}.friend-room-link input{box-sizing:border-box;width:100%}}@media (width<=640px) and (orientation:portrait){.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room){flex-direction:column;height:100svh;min-height:0;display:flex}.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .topbar{flex:none}.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .arena-shell,.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .game-surface{flex-direction:column;flex:auto;min-height:0;display:flex}.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .camera-stage{flex:1 1 0;min-height:0;max-height:none}.phase-camera_setup .setup-panel{flex:none;gap:9px;padding:12px 14px 11px}.phase-camera_setup .setup-heading h2{font-size:clamp(1.35rem,5.5vw,1.65rem);line-height:1.05}.phase-camera_setup .setup-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px}.phase-camera_setup .camera-select{grid-column:auto;gap:4px}.phase-camera_setup .camera-select select{text-overflow:ellipsis;min-height:44px;padding-right:26px}.phase-camera_setup .setting-toggle{gap:8px;min-height:44px;padding:6px 8px}.phase-camera_setup .setup-actions{gap:7px}.phase-camera_setup .setup-actions .button{min-height:44px}.phase-camera_setup .setup-status{min-height:0;margin:0;font-size:.72rem;line-height:1.3}.phase-camera_setup .feedback-contact{flex:none;margin-top:7px;font-size:.75rem;line-height:1.25}.arena-app:is(.phase-queue,.phase-room) .queue-actions{flex:none;padding:8px}.arena-app:is(.phase-queue,.phase-room) .queue-actions .button{min-height:44px}.phase-room .friend-room{padding:14px 15px}.phase-room .friend-room-intro>.loader-large{width:38px;height:38px}.phase-room .friend-room-intro>.friend-room-waiting{margin:9px 0 7px}.phase-room .friend-room-share{--friend-qr-size:min(50vw, 27svh, 200px);gap:11px;margin-top:10px;padding:12px}.phase-room .friend-room-link{flex-direction:row;gap:6px;margin-top:7px}.phase-room .friend-room-link input{width:auto;padding:8px 9px}.phase-room .friend-room-link .button{min-width:74px;min-height:42px;padding-inline:10px}.phase-room .friend-room-qr-row{min-height:calc(var(--friend-qr-size) + 11px);padding-top:10px}}@media (width<=640px) and (height<=700px) and (orientation:portrait){.phase-camera_setup .camera-empty h1{font-size:clamp(1.75rem,min(10vw,15cqi),3rem)}.phase-camera_setup .camera-empty>p{margin-bottom:6px}.phase-camera_setup .camera-empty>strong{margin-top:8px}.phase-room .friend-room{padding-block:10px}.phase-room .friend-room h1{font-size:clamp(1.45rem,6.5vw,1.8rem)}}@media (width<=640px) and (height<=550px) and (orientation:portrait){.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room){height:auto;min-height:100svh;overflow:visible}.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .arena-shell,.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .game-surface{flex:none}.arena-app.phase-camera_setup .camera-stage{flex:none;min-height:180px}.arena-app:is(.phase-queue,.phase-room) .camera-stage{flex:none;min-height:360px}}@media (orientation:landscape) and (height<=620px) and (width<=900px){.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room){flex-direction:column;height:100svh;min-height:0;display:flex}.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .arena-shell{flex-direction:column;flex:auto;min-height:0;display:flex}.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .game-surface{flex:auto;min-height:0}.arena-app:is(.phase-camera_setup,.phase-queue,.phase-room) .camera-stage{min-height:0;max-height:none}.arena-app.phase-camera_setup .game-surface{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr);display:grid}.phase-camera_setup .camera-stage{height:100%}.phase-camera_setup .setup-panel{gap:7px;max-height:none;padding:10px 12px;overflow-y:auto}.phase-camera_setup .setup-heading h2{font-size:clamp(1.25rem,3vw,1.6rem);line-height:1}.phase-camera_setup .setup-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:6px}.phase-camera_setup .camera-select{grid-column:auto;gap:3px}.phase-camera_setup .camera-select select,.phase-camera_setup .setting-toggle{min-height:42px}.phase-camera_setup .setting-toggle{gap:5px;padding:5px}.phase-camera_setup .setup-actions{gap:6px}.phase-camera_setup .setup-actions .button{min-height:42px}.phase-camera_setup .setup-status{min-height:0;margin:0;font-size:.68rem;line-height:1.2}.phase-camera_setup .feedback-contact{flex:none;margin-top:4px;font-size:.7rem;line-height:1.1}.arena-app:is(.phase-queue,.phase-room) .game-surface{flex-direction:column;display:flex}.arena-app:is(.phase-queue,.phase-room) .camera-stage{flex:1 1 0}.arena-app:is(.phase-queue,.phase-room) .queue-actions{flex:none;padding:6px}.arena-app:is(.phase-queue,.phase-room) .queue-actions .button{min-height:40px}.phase-queue .queue-stage>p{margin:10px 0 6px}.phase-queue .queue-stage h1{font-size:clamp(2rem,min(6vw,12cqi),4rem)}.phase-queue .queue-hint{margin-top:10px}.phase-room .friend-room{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-content:center;gap:12px;padding:5px 8px;display:grid;overflow-y:auto}.phase-room .friend-room-intro{grid-area:1/1;align-self:center;margin:0}.phase-room .friend-room-intro>.loader-large{width:38px;height:38px}.phase-room .friend-room-intro>.friend-room-waiting{margin:10px 0 8px}.phase-room .friend-room h1{font-size:clamp(1.4rem,3.5vw,2rem)}.phase-room .friend-room-share{--friend-qr-size:min(40svh, 150px);grid-area:1/2;align-self:center;gap:8px;margin:0;padding:8px}.phase-room .friend-room-link{flex-direction:row;gap:6px;margin-top:6px}.phase-room .friend-room-link .button{min-width:72px;min-height:40px;padding-inline:8px}.phase-room .friend-room-qr-row{min-height:calc(var(--friend-qr-size) + 8px);padding-top:7px}}.result-actions.has-chat{grid-template-columns:minmax(0,1fr) minmax(92px,.6fr)}.result-actions.has-chat .button-primary{grid-column:auto}.result-chat-button{gap:7px;position:relative}.result-actions .button.needs-attention{border-color:var(--mint);animation:2.4s ease-in-out infinite action-attention;box-shadow:0 0 0 3px #63f2c180,0 0 25px #63f2c152}.result-actions .result-chat-button.needs-attention{isolation:isolate;color:#f0fff8;background:#23744d;position:relative;overflow:visible}@keyframes action-attention{0%,to{box-shadow:0 0 0 2px #63f2c173,0 0 12px #63f2c133}50%{box-shadow:0 0 0 6px #63f2c140,0 0 32px #63f2c185}}.chat-arrival-focus{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.chat-arrival-focus:before,.chat-arrival-focus:after{content:"";border-radius:inherit;opacity:0;border:3px solid #a8ffdc;animation:.95s cubic-bezier(.16,.7,.3,1) both chat-arrival-focus;position:absolute;inset:0;box-shadow:0 0 14px #63f2c1cc,inset 0 0 10px #63f2c159}.chat-arrival-focus:after{border-width:2px;animation-delay:.3s}@keyframes chat-arrival-focus{0%{opacity:0;transform:scale(1.48,1.85)}12%{opacity:1}75%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1)}}.result-actions .button.rematch-invitation{color:#241700;background:#ffc958;border-color:#ffe6a1;gap:7px;animation:1.8s ease-in-out infinite rematch-attention;box-shadow:0 0 0 3px #ffc95873,0 0 25px #ffc95866}.result-actions .button.rematch-invitation:hover{background:#ffd77f;border-color:#fff0bf}.rematch-invitation-icon{flex:none;width:19px;height:19px;animation:3.6s ease-in-out infinite rematch-turn}@keyframes rematch-attention{0%,to{box-shadow:0 0 0 2px #ffc95880,0 0 12px #ffc9584d}50%{box-shadow:0 0 0 6px #ffc9584d,0 0 32px #ffc95899}}@keyframes rematch-turn{0%,45%{transform:rotate(0)}80%,to{transform:rotate(180deg)}}.result-chat-button svg{flex:none;width:20px;height:20px}.chat-unread-badge{color:#04100c;background:var(--mint);border-radius:10px;place-items:center;min-width:20px;height:20px;padding-inline:4px;font-size:.65rem;line-height:1;display:inline-grid}.chat-panel{--chat-visible-height:100dvh;--chat-visible-top:0px;inset:var(--chat-visible-top) 0 auto auto;width:min(440px,100%);max-width:none;height:var(--chat-visible-height);border:0;border-left:1px solid var(--line-strong);max-height:none;color:var(--text);background:var(--surface);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:24px 0 0 24px;margin:0;padding:0;position:fixed;overflow:hidden;box-shadow:-20px 0 80px #0006}.chat-panel[open]{grid-template-rows:auto minmax(0,1fr) auto auto;animation:.22s cubic-bezier(.22,.7,.2,1) chat-slide-in;display:grid}.chat-panel::backdrop{background:#00050375;animation:.18s ease-out chat-backdrop-in}.chat-header{padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 17px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:14px 12px;display:grid}.chat-heading{align-items:center;gap:11px;display:flex}.chat-heading-icon{width:42px;height:42px;color:var(--mint);background:#63f2c10f;border:1px solid #63f2c13d;border-radius:14px;flex:none;place-items:center;display:grid}.chat-heading-icon svg{width:26px;height:26px}.chat-heading h2{letter-spacing:-.035em;margin:0;font-size:1.1rem;font-weight:850}.chat-close{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:10px;display:grid}.chat-close:hover{background:var(--surface-soft)}.chat-close svg{width:22px;height:22px}.chat-privacy{color:var(--muted);grid-column:1/-1;margin:0;font-size:.73rem;line-height:1.5}.chat-conversation{grid-template-rows:minmax(0,1fr) 28px;min-height:0;display:grid;position:relative;overflow:hidden}.chat-typing-indicator{min-width:0;padding:0 max(20px, env(safe-area-inset-right)) 8px max(20px, env(safe-area-inset-left));color:#85ddbc;align-items:center;gap:7px;font-size:.75rem;line-height:20px;display:flex}.chat-typing-dots{flex:none;align-items:center;gap:3px;height:16px;display:inline-flex}.chat-typing-dots>span{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite chat-typing-dot}.chat-typing-dots>span:nth-child(2){animation-delay:.15s}.chat-typing-dots>span:nth-child(3){animation-delay:.3s}@keyframes chat-typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-messages{height:100%;padding:22px max(20px, env(safe-area-inset-right)) 18px max(20px, env(safe-area-inset-left));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;overflow-anchor:none;overflow:auto}.chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.chat-empty>svg{width:48px;height:48px;color:var(--mint);opacity:.65;margin-bottom:14px}.chat-empty h3{letter-spacing:-.025em;margin:0 0 8px;font-size:1.12rem}.chat-empty p{max-width:230px;color:var(--muted);margin:0;font-size:.85rem;line-height:1.55}.chat-message-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.chat-message{color:#f0f6ff;background:#263b54;border:1px solid #415d7a;border-radius:16px 16px 16px 4px;align-self:flex-start;min-width:0;max-width:88%;padding:12px 48px 8px 13px;position:relative}.chat-message.from-you{color:#effff6;background:#235740;border-color:#47856b;border-radius:16px 16px 4px;align-self:flex-end}.chat-message.is-failed{border-color:#ff718e8c}.chat-message-text{overflow-wrap:anywhere;white-space:pre-wrap;unicode-bidi:plaintext;margin:0;font-size:.91rem;line-height:1.5}.chat-message-meta{color:#c2d2e5;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;margin-top:6px;font-size:.62rem;display:flex}.chat-message.from-you .chat-message-meta{color:#b8e6cc}.chat-message-text a{color:#bfdcff;text-underline-offset:3px;text-decoration:underline}.chat-message.from-you .chat-message-text a{color:#beffda}.chat-message-actions-toggle{color:#c8dce2;cursor:pointer;background:0 0;border:0;border-radius:0 15px 0 12px;place-items:center;width:44px;height:44px;padding:12px;display:grid;position:absolute;top:0;right:0}.chat-message-actions-toggle svg{width:20px;height:20px}.chat-message-actions-toggle:hover,.chat-message-actions-toggle[aria-expanded=true]{color:#fff;background:#ffffff1a}.chat-message-menu{background:#0d1d1a;border:1px solid #fff3;border-radius:12px;gap:4px;margin:32px -38px 10px 0;padding:4px;display:flex}.chat-message-menu button{color:#f0f8f5;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:44px;padding:6px 8px;font-size:.75rem;display:inline-flex}.chat-message-menu button:hover{background:#254536}.chat-message-menu button:disabled{opacity:.4;cursor:default}.chat-message-menu svg{flex:none;width:16px;height:16px}.chat-message-menu button>span{font-size:1.25rem}.chat-message-quote{color:#e2edff;text-align:left;cursor:pointer;background:#0000002e;border:0;border-left:3px solid #b0d3fc;border-radius:4px 8px 8px 4px;align-items:center;gap:8px;width:100%;min-height:44px;margin:0 0 9px;padding:7px 9px;font-size:.76rem;line-height:1.4;display:flex}.chat-message.from-you .chat-message-quote{color:#defcea;border-left-color:#88e3ac}.chat-message-quote:disabled{cursor:default}.chat-message-quote>span:last-child{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-message.is-highlighted{outline-offset:3px;outline:3px solid #d5ff6a}.chat-message.is-failed .chat-message-meta{color:#ffabbc}.chat-retry{color:#ffb9c8;cursor:pointer;text-align:left;background:0 0;border:0;min-height:44px;margin-top:3px;padding:4px 0;font-size:.78rem;font-weight:750}.chat-new-messages{border:1px solid var(--line-strong);max-width:calc(100% - 40px);min-height:44px;color:var(--mint);white-space:nowrap;cursor:pointer;background:#122c22;border-radius:24px;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:.78rem;font-weight:750;display:inline-flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000061}.chat-composer{min-width:0;padding:12px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));border-top:1px solid var(--line);gap:10px;margin:0;display:grid;position:relative}.chat-composer-row{align-items:flex-end;gap:8px;min-width:0;display:flex}.chat-reply-preview{border-left:3px solid var(--mint);align-items:center;gap:10px;min-width:0;padding:0 0 0 7px;display:flex}.chat-reply-icon{color:var(--mint);font-size:1.4rem}.chat-reply-preview>div{flex:1;min-width:0}.chat-reply-label{color:var(--mint);font-size:.72rem;font-weight:700}.chat-reply-preview p{color:#c2d3ca;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.77rem;overflow:hidden}.chat-reply-cancel{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:11px;display:grid}.chat-reply-cancel svg{width:22px;height:22px}.chat-reply-cancel:hover{background:var(--surface-soft)}.chat-emoji-toggle{border:1px solid var(--line-strong);color:#b9d1c6;background:var(--surface-soft);cursor:pointer;border-radius:15px;flex:none;place-items:center;width:44px;height:46px;padding:10px;display:grid}.chat-emoji-toggle svg{width:24px;height:24px}.chat-emoji-toggle:hover,.chat-emoji-toggle[aria-expanded=true]{color:var(--mint);border-color:var(--mint)}.chat-emoji-picker{z-index:3;max-height:min(300px, var(--chat-emoji-height,calc(var(--chat-visible-height) - 160px)));background:#13251d;border:1px solid #426d59;border-radius:18px;flex-direction:column;padding:7px;display:flex;position:absolute;bottom:calc(100% + 4px);left:16px;right:16px;overflow:hidden;box-shadow:0 8px 32px #00000080}.chat-emoji-categories{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:2px;padding-bottom:5px;display:flex}.chat-emoji-category{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;width:44px;height:44px;padding:6px;font-size:1.45rem}.chat-emoji-category[aria-pressed=true]{box-shadow:inset 0 -2px var(--mint);background:#315740}.chat-emoji-category-title{color:#bed2c5;margin-left:5px;font-size:.68rem;line-height:1.4}.chat-emoji-grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:2px;min-height:0;padding-top:6px;display:grid;overflow:auto}.chat-emoji-option{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:3px;font-size:1.5rem;display:grid}.chat-emoji-option:hover,.chat-emoji-category:hover{background:#315740}.chat-copy-feedback{z-index:4;color:#e4ffec;text-align:center;pointer-events:none;background:#173c29;border:1px solid #699c7d;border-radius:12px;width:fit-content;max-width:calc(100% - 40px);margin-inline:auto;padding:10px 14px;font-size:.8rem;position:absolute;bottom:calc(100% + 12px);left:20px;right:20px;box-shadow:0 5px 20px #00000059}.chat-input{resize:none;border:1px solid var(--line-strong);width:100%;min-width:0;min-height:46px;max-height:112px;color:var(--text);scrollbar-width:thin;background:#040d09;border-radius:16px;flex:auto;padding:11px 13px;font-size:16px;line-height:22px;display:block}.chat-input::placeholder{color:var(--muted);font-size:.86rem}.chat-input:focus-visible{outline:2px solid var(--mint);outline-offset:1px}.chat-send{color:#04100c;background:var(--mint);cursor:pointer;border:0;border-radius:16px;flex:none;place-items:center;width:46px;height:46px;padding:10px;display:grid}.chat-send svg{width:24px;height:24px}.chat-send:disabled{color:var(--muted);background:var(--surface-soft);cursor:default}.chat-actions{padding:0 max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.chat-actions .rematch-controls{background:0 0;border:0;gap:8px;padding:0}.chat-actions .result-actions{gap:8px}.chat-actions .result-actions .button{min-height:44px}.chat-actions .repeat-state{padding-bottom:4px;font-size:.74rem;line-height:1.3}@keyframes chat-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes chat-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes chat-backdrop-in{0%{opacity:0}to{opacity:1}}@media (width<=960px){.chat-panel{inset:calc(var(--chat-visible-top) + 24px) 0 auto;width:min(640px,100%);height:calc(var(--chat-visible-height) - 24px);border:1px solid var(--line-strong);border-bottom:0;border-radius:24px 24px 0 0;margin-inline:auto;box-shadow:0 -20px 80px #0006}.chat-panel[open]{animation-name:chat-sheet-in}.chat-header{padding-top:16px}}.chat-panel[data-compact=true]{height:var(--chat-visible-height);border-radius:0;inset-block-start:var(--chat-visible-top)}.chat-panel[data-compact=true] .chat-header{gap:0;padding-block:4px}.chat-panel[data-compact=true] .chat-heading-icon{border-radius:11px;width:34px;height:34px}.chat-panel[data-compact=true] .chat-heading>div{align-items:baseline;gap:12px;display:flex}.chat-panel[data-compact=true] .chat-heading h2{margin:0}.chat-panel[data-compact=true] .chat-privacy{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chat-panel[data-compact=true] .chat-messages{padding-block:10px}.chat-panel[data-compact=true] .chat-empty>svg{display:none}.chat-panel[data-compact=true] .chat-empty h3{margin-bottom:3px;font-size:1rem}.chat-panel[data-compact=true] .chat-empty p{max-width:100%;font-size:.75rem}.chat-panel[data-compact=true] .chat-composer{gap:8px;padding-block:6px}.chat-panel[data-compact=true] .chat-input{max-height:68px}.chat-panel[data-compact=true] .chat-actions{padding-bottom:max(8px, env(safe-area-inset-bottom))}.chat-panel[data-compact=true] .result-actions{grid-template-columns:minmax(0,1fr);gap:6px}.chat-actions .result-actions.rematch-only{grid-template-columns:minmax(0,1fr)}.chat-actions .result-actions.rematch-only .button-primary{grid-column:1}.chat-panel[data-compact=true] .result-actions .button-primary{grid-column:auto;font-size:.76rem}.chat-panel[data-compact=true] .chat-actions .repeat-state{padding-bottom:0;font-size:.7rem}@media (prefers-reduced-motion:reduce){.chat-panel[open],.chat-panel::backdrop,.result-actions .button.needs-attention,.chat-arrival-focus:before,.chat-arrival-focus:after,.chat-typing-dots>span,.rematch-invitation-icon{animation:none}}