: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;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:-.055em;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-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:-.045em;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}.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:-.075em;text-transform:uppercase;text-shadow:0 12px 42px #0009;flex-direction:column;margin:0;font-size:clamp(3.2rem,6.8vw,6.15rem);font-weight:950;line-height:.78;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:-.055em;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}.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:-.04em;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}.countdown-word{color:#f4fff9;letter-spacing:-.095em;text-align:center;white-space:nowrap;text-shadow:0 10px 50px #000000d1,0 0 34px #63f2c14d;justify-content:center;align-items:baseline;width:100%;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{letter-spacing:-.06em;font-size:clamp(3.2rem,10vw,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:-.055em;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}.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{letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(3.2rem,9vw,7.2rem);font-weight:950;line-height:.84}.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:-.07em;-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:-.075em;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(210px,1.05fr) minmax(240px,.9fr) minmax(250px,.95fr);grid-template-areas:"summary reactions rematch";align-items:center;gap:16px;padding:14px 18px;display:grid}.result-panel.is-completed .result-summary{grid-area:summary}.result-panel.is-completed h1{font-size:clamp(2rem,3.6vw,3.6rem)}.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{grid-area:reactions;gap:7px;width:100%;margin:0;padding:10px}.reaction-picker>span{color:var(--muted);letter-spacing:.13em;font-size:.6rem;font-weight:900}.reaction-picker>div{justify-content:center;gap:8px;display:flex}.reaction-picker button{border:1px solid var(--line);cursor:pointer;background:#0e1c17;border-radius:12px;place-items:center;width:48px;height:44px;font-size:1.45rem;transition:transform .14s,border-color .14s;display:grid}.result-panel.is-completed .reaction-picker button{width:41px;height:38px;font-size:1.25rem}.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:1fr .55fr;width:min(430px,100%);margin:12px auto 0}.rematch-controls{border-radius:var(--radius-md);background:#05110db3;border:1px solid #63f2c133;grid-area:rematch;gap:9px;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}.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-items:center;padding:38px;display:flex;position:absolute;inset:0}.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{letter-spacing:-.075em;text-wrap:balance;max-width:820px;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}.departure-stage .button{min-width:min(280px,100%)}.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}.game-pause-overlay>p{color:var(--mint);letter-spacing:.18em;margin:20px 0 8px;font-size:.66rem;font-weight:900}.game-pause-overlay h1{letter-spacing:-.065em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(2.5rem,7vw,5.8rem);font-weight:950;line-height:.88}.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}.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{letter-spacing:-.065em;margin:0;font-size:clamp(2.3rem,7vw,5rem);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:-.055em;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:-.055em;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<=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{flex-wrap:wrap;gap:6px}.arena-app .topbar-actions{flex-wrap:wrap;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(2.45rem,12.5vw,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{letter-spacing:-.055em;padding:0 10px;font-size:clamp(2.65rem,13vw,4.5rem)}.queue-stage{padding:20px}.queue-stage h1{font-size:clamp(3.1rem,15vw,5.2rem)}.queue-stage:before{width:86vw}.result-panel{padding:17px 15px 19px}.result-panel.is-completed{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"summary""rematch""reactions";gap:10px;padding:13px}.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-panel.is-completed .reaction-picker{width:min(360px,100%);margin:0 auto}.reaction-picker button{width:43px;height:40px;font-size:1.3rem}.result-actions{margin-top:9px}.result-actions .button{min-height:47px}.rematch-controls{width:min(430px,100%);margin:0 auto;padding: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.75rem,15vw,5rem)}.departure-message{margin:16px 0 24px;font-size:.78rem}.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 (orientation:landscape) and (height<=620px){.arena-app{padding-top:8px;padding-bottom:8px}.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{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"summary reactions rematch";gap:8px;padding:8px}.result-panel.is-completed .reaction-picker,.rematch-controls{padding:7px}.result-panel.is-completed .reaction-picker button{width:36px;height:34px;font-size:1.1rem}.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-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}}