:root{--paper:#0a0d13;--paper-2:#10141b;--card:#141a24;--raised:#1a2230;--ink:#f2f5fa;--ink-2:#a7b2c2;--ink-3:#6e7a8c;--line:#242c38;--line-soft:#ffffff1a;--line-strong:#ffffff3d;--accent:#f42a42;--accent-hot:#ff3247;--accent-deep:#de1730;--accent-ink:#1a0308;--accent-soft:#2a0a12;--me:#2e9bff;--me-soft:#0f2233;--opp:#ff3247;--opp-soft:#2e0d13;--good:#2fd47a;--good-soft:#10291d;--bad:#ff5c6e;--bad-soft:#2e1014;--gold:#e8b14c;--shadow:0 1px 2px #00000080, 0 8px 24px #00000073;--shadow-lift:0 12px 34px #000000a6, 0 2px 6px #00000080;--glow-accent:0 0 18px #f42a4261;--glow-accent-hover:0 0 28px #f42a4294;--glow-me:0 0 10px #2e9bff8c;--glow-opp:0 0 10px #ff32478c;--chamfer-sm:8px;--chamfer-md:10px;--chamfer-lg:12px;--ctl-h-sm:28px;--ctl-h-md:34px;--ctl-h-lg:42px;--t-hover:.12s;--t-press:70ms;--t-enter:.18s;--ease-out:cubic-bezier(.2, .8, .3, 1);--ease-in:cubic-bezier(.5, 0, .9, .4);--font-ui:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-text:"Space Grotesk", system-ui, sans-serif;--font-display:"Anton", "Space Grotesk", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.chamfer-sm{clip-path:polygon(var(--chamfer-sm) 0, 100% 0, 100% calc(100% - var(--chamfer-sm)), calc(100% - var(--chamfer-sm)) 100%, 0 100%, 0 var(--chamfer-sm))}.chamfer-md{clip-path:polygon(var(--chamfer-md) 0, 100% 0, 100% calc(100% - var(--chamfer-md)), calc(100% - var(--chamfer-md)) 100%, 0 100%, 0 var(--chamfer-md))}.chamfer-lg{clip-path:polygon(var(--chamfer-lg) 0, 100% 0, 100% calc(100% - var(--chamfer-lg)), calc(100% - var(--chamfer-lg)) 100%, 0 100%, 0 var(--chamfer-lg))}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input{font:inherit;color:inherit}.app{height:100dvh;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);flex-direction:column;display:flex;position:relative;overflow:hidden}.game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}:is(.screen:has(.onboard),.screen:has(.chapters),.screen:has(.queue-title),.screen:has(.match)){background-repeat:no-repeat;background-size:100% 100%}.screen:has(.onboard){background-image:url(/art/bg/onboard.svg)}.screen:has(.chapters){background-image:url(/art/bg/chapters.svg)}.screen:has(.queue-title){background-image:url(/art/bg/queue.svg)}.screen:has(.match){background-image:url(/art/bg/gameplay.svg)}.center{text-align:center;flex:1;place-items:center;padding:24px;display:grid}.btn{letter-spacing:.02em;border:1px solid var(--line-strong);min-height:48px;color:var(--ink);clip-path:polygon(var(--chamfer-lg) 0, 100% 0, 100% calc(100% - var(--chamfer-lg)), calc(100% - var(--chamfer-lg)) 100%, 0 100%, 0 var(--chamfer-lg));transition:background var(--t-hover) var(--ease-out), border-color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-in);background:#ffffff0a;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.btn:hover:not(:disabled){background:#ffffff17;border-color:#ffffff6b}.btn:active:not(:disabled){background:#ffffff08;transform:translateY(1px)scale(.985)}.btn.primary{background:linear-gradient(90deg, var(--accent-hot), var(--accent-deep));color:var(--accent-ink);box-shadow:var(--glow-accent);border-color:#0000}.btn.primary:hover:not(:disabled){box-shadow:var(--glow-accent-hover);background:linear-gradient(90deg,#ff4c5e,#ea203c)}.btn.primary:active:not(:disabled){background:linear-gradient(90deg, var(--accent-deep), #ae0f22);box-shadow:0 0 9px #f42a422e}.btn.ghost{box-shadow:none;color:var(--ink-3);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--ink);background:#ffffff0f;border-color:#0000}.btn:disabled{opacity:.45;box-shadow:none}.icon-btn{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--ink-2);transition:background var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out), border-color var(--t-hover) var(--ease-out);background:#ffffff0a;place-items:center;display:grid;position:relative}.icon-btn:before,.icon-btn:after{content:"";border:0 solid var(--accent);width:8px;height:8px;transition:width var(--t-hover) var(--ease-out), height var(--t-hover) var(--ease-out);position:absolute}.icon-btn:before{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.icon-btn:after{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.icon-btn:hover{color:var(--ink);background:#ffffff1a;border-color:#ffffff6b}.icon-btn:hover:before,.icon-btn:hover:after{width:10px;height:10px}.icon-btn:active{background:#ffffff08}.toast{left:50%;bottom:calc(var(--safe-b) + 20px);background:var(--ink);width:min(92vw,460px);color:var(--paper);box-shadow:var(--shadow-lift);z-index:50;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex;position:absolute;transform:translate(-50%)}.toast button{color:inherit;margin-left:auto;font-weight:700}.arena{flex-direction:column;flex:1;gap:18px;width:100%;max-width:880px;margin:0 auto;padding:20px 18px 28px;display:flex;overflow-y:auto}.arena-top{align-items:center;gap:8px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:34px;font-weight:400;line-height:1}.brand .blank-mark{background:var(--accent);width:1.1em;height:.18em;box-shadow:var(--glow-accent);vertical-align:.22em;margin-left:.22em;display:inline-block}.tagline{color:var(--ink-2);margin-top:4px;font-size:15px}.me-chip{background:var(--card);box-shadow:var(--shadow);text-align:left;border-radius:14px;align-self:flex-start;align-items:center;gap:10px;padding:10px 14px;display:flex}.avatar{width:36px;height:36px;color:var(--ink);border:2px solid var(--me);box-shadow:var(--glow-me);background:radial-gradient(circle at 50% 40%,#1a2230,#0c1017);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar.opp{border-color:var(--opp);box-shadow:var(--glow-opp);background:radial-gradient(circle at 50% 40%,#1a2230,#0c1017)}.me-chip small{color:var(--ink-3);font-size:12px;display:block}.modes{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=700px){.modes{grid-template-columns:1fr 1fr}}.mode-card{text-align:left;background:linear-gradient(135deg, var(--card), var(--paper-2));border:1px solid var(--line-strong);box-shadow:var(--shadow);transition:transform var(--t-enter) var(--ease-out), border-color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out);flex-direction:column;gap:10px;padding:20px;display:flex;position:relative}.mode-card:before,.mode-card:after{content:"";border:0 solid var(--accent);pointer-events:none;width:18px;height:18px;transition:width var(--t-hover) var(--ease-out), height var(--t-hover) var(--ease-out);position:absolute}.mode-card:before{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.mode-card:after{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.mode-card:hover{box-shadow:var(--shadow), var(--glow-accent);border-color:#f42a4273;transform:translateY(-2px)}.mode-card:hover:before,.mode-card:hover:after{width:24px;height:24px}.mode-card:active{transform:scale(.985)}.mode-card h2{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:30px;font-weight:400;line-height:1}.mode-card p{color:var(--ink-2);margin:0;font-size:15px}.mode-card .rating{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:flex}.mode-card .rating b{font-family:var(--font-display);letter-spacing:.01em;color:var(--accent);font-size:32px;font-weight:400}.mode-card .rating span{color:var(--ink-3);font-size:13px}.mode-card .play{align-self:stretch;margin-top:4px}.mode-card .sample{font-family:var(--font-text);color:var(--ink-2);font-size:15px}.mini-blank{vertical-align:-.2em;border:2px solid var(--accent);background:var(--accent-soft);border-radius:6px;width:3.4em;height:1.05em;display:inline-block}.practice-row{flex-wrap:wrap;gap:12px;display:flex}.practice-row .btn{flex:1;min-width:200px}.footnote{color:var(--ink-3);text-align:center;margin-top:auto;font-size:13px}.rename{align-items:center;gap:8px;display:flex}.rename input{border:2px solid var(--line);background:var(--card);border-radius:12px;width:14em;max-width:60vw;min-height:44px;padding:0 12px;font-size:16px}.install-help{text-align:left}.install-help h2{margin:0 0 8px;font-size:22px}.install-help p{color:var(--ink-2);margin:0 0 12px}.install-help ol{gap:8px;margin:0 0 20px;padding-left:22px;display:grid}.radar{width:180px;height:180px;margin:0 auto 28px;position:relative}.radar:before{content:"";border:1px solid #ffffff17;border-radius:50%;position:absolute;inset:0}.radar:after{content:"";background:linear-gradient(90deg, transparent, var(--accent)) left / 40px 1px no-repeat, linear-gradient(90deg, var(--accent), transparent) right / 40px 1px no-repeat;opacity:.55;height:1px;position:absolute;top:50%;left:-46px;right:-46px;transform:translateY(-50%)}.radar .ring{border:1px solid #f42a428c;border-radius:50%;position:absolute;inset:4px}.radar .sweep{filter:drop-shadow(0 0 10px #f42a4280);pointer-events:none;background:conic-gradient(from 200deg,#0000 0deg,#f42a420f 40deg,#f42a428c 150deg,#ff6b7c 190deg,#0000 200deg);border-radius:50%;animation:2.4s linear infinite radar-sweep;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}@keyframes radar-sweep{to{transform:rotate(360deg)}}.radar .core{font-family:var(--font-display);color:var(--ink);background:radial-gradient(circle at 50% 45%,#1a2230 0%,#0c1017 100%);border:1px solid #ffffff12;border-radius:50%;place-items:center;font-size:34px;font-weight:400;display:grid;position:absolute;inset:26px;box-shadow:inset 0 0 30px #0009}.queue-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 8px;font-size:34px;font-weight:400;line-height:1.05}.queue-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-bottom:26px}.match{flex:1;grid-template-rows:auto 1fr auto;width:100%;max-width:820px;min-height:0;margin:0 auto;display:grid;position:relative}.hud{background:linear-gradient(#101a288c,#0000);border-bottom:1px solid #31456bb3;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:12px 16px 10px;display:grid;position:relative}.hud:before,.hud:after{content:"";pointer-events:none;border:0 solid #31456be6;width:14px;height:14px;position:absolute;bottom:-1px}.hud:before{border-bottom-width:1px;border-left-width:1px;left:0}.hud:after{border-bottom-width:1px;border-right-width:1px;right:0}.hud-player{align-items:center;gap:8px;min-width:0;display:flex}.hud-player.right{text-align:right;flex-direction:row-reverse}.hud-player .who{min-width:0}.hud-player .name{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:13px;display:flex;overflow:hidden}.hud-player.right .name{justify-content:flex-end}.hud-player .score{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:30px;font-weight:400;line-height:1}.hud-player.me .score{color:var(--me);text-shadow:var(--glow-me)}.hud-player.opp .score{color:var(--opp);text-shadow:var(--glow-opp)}.dot{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px}.dot.off{background:var(--bad)}.timer{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);min-width:92px;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:center;transition:border-color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out);background:linear-gradient(90deg,#141e2c,#0a111b);border:1px solid #33507f;padding:6px 14px;font-size:24px;font-weight:400}.timer.low{color:var(--bad);border-color:var(--accent);box-shadow:var(--glow-accent)}.streak-badge{color:var(--gold);letter-spacing:.06em;background:#e8b14c29;border:1px solid #e8b14cb3;border-radius:2px;align-items:center;gap:2px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.race{background:var(--paper-2);border-radius:3px;grid-column:1/-1;height:6px;margin-top:6px;display:flex;overflow:hidden}.race .me{background:linear-gradient(90deg, var(--me), #2e9bff8c);box-shadow:var(--glow-me);transition:flex-grow .3s ease-out}.race .opp{background:linear-gradient(90deg, #ff32478c, var(--opp));box-shadow:var(--glow-opp);transition:flex-grow .3s ease-out}.race .gap{flex:1}.passage-wrap{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0;padding:6px 18px 18px;overflow-y:auto}.passage-head{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:8px 0 10px;font-size:12px;font-weight:700}.passage{font-family:var(--font-text);color:#d3dae6;text-wrap:pretty;font-size:clamp(16px,.5vw + 14px,19px);line-height:1.75}.blank{vertical-align:-.28em;width:6.6em;height:1.5em;font-family:var(--font-ui);border-radius:8px;justify-content:center;align-items:center;margin:0 .12em;font-size:.82em;font-weight:700;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.blank.dormant{background:var(--paper-2);border:2px solid #0000}.blank.active{border:2px dashed var(--accent);cursor:pointer;background:0 0}.blank.focused{background:var(--accent-soft);border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.blank.target{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 35%, transparent);transform:scale(1.06)}.blank.pending{background:var(--accent-soft);border:2px solid var(--accent);color:var(--accent);animation:.7s ease-in-out infinite alternate pending-pulse}.blank.wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}@keyframes pending-pulse{to{opacity:.55}}.restored{background-image:linear-gradient(transparent 62%, var(--good-soft) 62%);color:var(--good);border-radius:4px;padding:0 .1em;font-weight:700}.restored.opp{color:var(--opp);background-image:linear-gradient(transparent 62%, var(--opp-soft) 62%)}.tray{background:linear-gradient(to top, var(--paper) 70%, transparent);flex-direction:column;gap:8px;padding:10px 14px 12px;display:flex}.tray-hint{text-align:center;color:var(--ink-3);min-height:16px;font-size:12px}.chips{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.chip{background:linear-gradient(135deg, var(--raised), var(--paper-2));border:1px solid var(--line-strong);min-height:58px;box-shadow:var(--shadow);color:var(--ink);text-align:center;touch-action:none;overflow-wrap:anywhere;clip-path:polygon(var(--chamfer-md) 0, 100% 0, 100% calc(100% - var(--chamfer-md)), calc(100% - var(--chamfer-md)) 100%, 0 100%, 0 var(--chamfer-md));transition:border-color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out);padding:8px 10px;font-size:clamp(14px,1vw + 11px,17px);font-weight:700;line-height:1.15;position:relative}.chip.long{letter-spacing:-.01em;font-size:clamp(12px,.8vw + 9px,15px)}.chip:hover:not(:disabled){box-shadow:var(--shadow), var(--glow-accent);border-color:#f42a4280}.chip .key{color:var(--ink-3);font-size:11px;font-weight:600;position:absolute;top:5px;left:8px}@media (pointer:coarse){.chip .key{display:none}}.chip.eliminated{text-decoration:line-through}.cooldown-bar{background:var(--bad);transform-origin:0;border-radius:2px;height:4px}.drag-ghost{z-index:40;pointer-events:none;background:var(--card);min-height:52px;color:var(--ink);box-shadow:var(--shadow-lift);white-space:nowrap;will-change:transform;border-radius:16px;place-items:center;padding:10px 16px;font-size:17px;font-weight:800;display:grid;position:fixed;top:0;left:0}.particle{z-index:45;pointer-events:none;border-radius:50%;width:8px;height:8px;position:fixed}.edge-flash{pointer-events:none;z-index:30;box-shadow:inset 0 0 0 4px var(--gold), inset 0 0 60px color-mix(in srgb, var(--gold) 55%, transparent);position:absolute;inset:0}.float-score{z-index:46;pointer-events:none;color:var(--good);font-size:18px;font-weight:800;position:fixed}@media (orientation:landscape) and (height<=520px){.match{grid-template-rows:auto 1fr;grid-template-columns:1fr minmax(220px,34%);max-width:none}.hud{grid-column:1/-1;padding-top:6px}.passage-wrap{grid-row:2}.tray{background:0 0;grid-area:2/2;justify-content:center}.chips{grid-template-columns:1fr}.chip{min-height:48px}}.overlay{z-index:35;padding:calc(var(--safe-t) + 20px) 20px calc(var(--safe-b) + 20px);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(6px);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.overlay.dim{color:var(--ink);background:#0a0d13d1}.panel{border:1px solid var(--line-strong);width:min(100%,460px);max-height:100%;color:var(--ink);box-shadow:var(--shadow-lift), 0 0 34px #f42a4238;background:linear-gradient(135deg,#1c2029,#0e1117);padding:26px 22px;position:relative;overflow-y:auto}.panel:before,.panel:after{content:"";border:0 solid var(--accent);pointer-events:none;width:20px;height:20px;position:absolute}.panel:before{border-top-width:3px;border-left-width:3px;top:-1px;left:-1px}.panel:after{border-bottom-width:3px;border-right-width:3px;bottom:-1px;right:-1px}.versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:10px 0 20px;display:grid}.versus .side{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.versus .side .avatar{width:64px;height:64px;font-size:26px}.versus .side b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.versus .side small{color:var(--ink-3);font-variant-numeric:tabular-nums}.versus .vs{color:var(--ink-3);font-weight:800}.count-num{font-family:var(--font-display);letter-spacing:0;color:var(--accent);text-shadow:0 0 28px #f42a4280;font-size:110px;font-weight:400;line-height:1}.chapter-tag{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.outcome{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 6px 24px #0000008c;margin:4px 0 8px;font-size:54px;font-weight:400;line-height:1}.outcome.win{color:var(--good)}.outcome.loss,.outcome.resigned{color:var(--bad)}.outcome.draw{color:var(--gold)}.final-scores{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:14px;margin:8px 0 4px;font-size:40px;font-weight:800;display:flex}.final-scores .me{color:var(--accent)}.final-scores .opp{color:var(--opp)}.final-scores .sep{color:var(--ink-3);font-size:28px}.rating-delta{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin:8px 0 4px;display:inline-flex}.rating-delta b{font-size:22px}.rating-delta .up{color:var(--good);font-weight:800}.rating-delta .down{color:var(--bad);font-weight:800}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0;display:grid}.stat{background:var(--paper-2);text-align:left;border-radius:14px;padding:10px}.stat small{color:var(--ink-3);font-size:12px;display:block}.stat b{font-variant-numeric:tabular-nums;font-size:20px}.actions{flex-direction:column;gap:10px;display:flex}.actions-row{gap:10px;display:flex}.actions-row .btn{flex:1}.expiry{background:var(--accent);transform-origin:0;border-radius:3px;height:5px;margin:14px 0 16px}.banner{z-index:32;background:var(--ink);color:var(--paper);white-space:nowrap;box-shadow:var(--shadow-lift);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;position:absolute;top:70px;left:50%;transform:translate(-50%)}.spinner{border:4px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:36px;height:36px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.review{flex:1;width:100%;max-width:760px;margin:0 auto;padding:14px 18px 32px;overflow-y:auto}.review-top{background:var(--paper);z-index:2;align-items:center;gap:8px;padding:6px 0 10px;display:flex;position:sticky;top:0}.review-top h1{margin:0;font-size:20px}.review-card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;margin-bottom:14px;padding:18px}.review-card .passage{font-size:16px;line-height:1.65}.review .ans{background:var(--good-soft);color:var(--good);border-radius:4px;padding:0 .15em;font-weight:700}.review .ans.missed{background:var(--bad-soft);color:var(--bad)}.review .ans.opp{background:var(--opp-soft);color:var(--opp)}.review .ans.unseen{background:var(--paper-2);color:var(--ink-2)}.attempts{flex-direction:column;gap:6px;margin-top:12px;font-size:14px;display:flex}.attempts .row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.attempts .row b{min-width:7em}.attempts .wrong{color:var(--bad);text-decoration:line-through}.legend{color:var(--ink-2);flex-wrap:wrap;gap:12px;margin-bottom:14px;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.quit-confirm{text-align:center;width:min(100%,380px)}.quit-mark{background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%);width:38px;height:34px;margin:-34px auto 14px;position:relative}.quit-mark:after{content:"!";color:var(--accent-ink);font-family:var(--font-display);place-items:end center;padding-bottom:3px;font-size:17px;line-height:1;display:grid;position:absolute;inset:0}.quit-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 8px;font-size:30px;font-weight:400;line-height:1.05}.quit-title span{color:var(--accent)}.quit-sub{color:var(--ink-2);margin:0 0 20px;font-size:14px}.quit-confirm .actions-row{gap:12px;display:flex}.quit-confirm .actions-row .btn{flex:1;min-height:42px;font-size:14px}.chapters{flex-direction:column;flex:1;gap:18px;width:100%;max-width:880px;margin:0 auto;padding:20px 18px 24px;display:flex;overflow-y:auto}.chapters-top{align-items:flex-start;gap:14px;display:flex}.step-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.step-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.step-bar{background:#ffffff1f;width:78px;height:3px;display:block}.step-bar i{background:var(--accent);height:100%;box-shadow:var(--glow-accent);display:block}.chapters-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 8px;font-size:34px;font-weight:400;line-height:1}.chapters-title span{color:var(--accent)}.chapters-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.chapter-cols{gap:18px;display:grid}@media (width>=700px){.chapter-cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.chapter-col{flex-direction:column;gap:8px;display:flex}.chapter-col-head{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin-bottom:2px;font-size:11px;display:flex}.chapter-col-head i{background:var(--accent);width:2px;height:12px}.chapter-row{text-align:left;border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink-2);transition:border-color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out);background:linear-gradient(90deg,#171c25e6,#0b0e14e6);align-items:center;gap:12px;padding:8px 14px 8px 10px;display:flex;position:relative}.chapter-row:hover{color:var(--ink);border-color:#f42a4273}.chapter-row.on{border-color:var(--accent);color:var(--ink);box-shadow:var(--glow-accent);background:linear-gradient(90deg,#3a0b14f2,#160a10d9)}.chapter-row.on:before{content:"";background:var(--accent);width:3px;position:absolute;top:6px;bottom:6px;left:-1px}.chapter-chip{text-align:center;letter-spacing:.08em;min-width:28px;color:var(--ink-2);background:#ffffff0a;border:1px solid #f42a4273;flex:none;padding:3px 0;font-size:9px;font-weight:700}.chapter-row.on .chapter-chip{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chapter-num{min-width:16px;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.chapter-name{flex:1;min-width:0;font-size:14px}.chapter-count{color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.chapters-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:8px;display:flex}.chapters-hint{color:var(--ink-3);font-size:11px}.chapters-empty{color:var(--ink-2);padding:24px 0}.onboard{flex-direction:column;flex:1;gap:20px;width:100%;max-width:880px;margin:0 auto;padding:24px 18px;display:flex;position:relative;overflow-y:auto}.onboard-art{display:none}@media (width>=1000px){.onboard{max-width:1280px;padding-right:412px}.onboard-art{pointer-events:none;background:url(/art/onboard-hero.webp) 100%/auto 100% no-repeat;width:380px;height:100%;display:block;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32%);mask-image:linear-gradient(90deg,#0000,#000 32%)}}.login{flex-direction:column;flex:1;justify-content:center;gap:22px;width:100%;max-width:880px;margin:0 auto;padding:24px 18px;display:flex;position:relative;overflow-y:auto}@media (width>=1000px){.login{max-width:1280px;padding-right:412px}}.login-head{gap:8px;display:grid}.login-form{gap:16px;max-width:360px;display:grid}.login-form .btn.primary{justify-self:start}.login-phone{display:block;position:relative}.login-cc{color:var(--ink-2);pointer-events:none;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-phone .field-input{padding-left:52px}.login-otp{font-family:var(--font-display);letter-spacing:.4em;text-align:center;font-size:22px}.login-error{color:#ff6b7c;margin:0;font-size:12px}.login-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.login-link{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.login-link:hover:not(:disabled){color:var(--ink)}.login-link:disabled{color:var(--ink-3);cursor:default}.login-link svg{width:14px;height:14px}.onboard-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 8px;font-size:34px;font-weight:400;line-height:1.02}.onboard-title span{color:var(--accent)}.onboard-sub{color:var(--ink-2);margin:0;font-size:13px}.onboard-form{gap:16px;display:grid}@media (width>=700px){.onboard-form{grid-template-columns:1fr 1fr}.onboard-form .onboard-actions{grid-column:1/-1}}.field{flex-direction:column;gap:7px;display:flex}.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:10px}.field-label b{color:var(--accent)}.field-label i{color:var(--ink-3);letter-spacing:.1em;font-style:normal}.field-input{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:border-color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out);background:linear-gradient(90deg,#181d26,#10141b);border-radius:3px;padding:0 14px;font-size:14px}.field-input option{color:var(--ink);background:#10141b}select.field-input:has(option[value=""]:checked){color:var(--ink-2)}.field-input::placeholder{color:var(--ink-3)}.field-input.on{border-left:3px solid var(--accent)}.field-input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 14px #f42a4247}.onboard-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:6px;display:flex}.onboard-note{color:var(--ink-3);font-size:11px}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.avatar-tile{aspect-ratio:1;background:var(--card);border:1px solid var(--line-strong);transition:border-color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out), transform var(--t-hover) var(--ease-out);padding:0;position:relative;overflow:hidden}.avatar-tile img{object-fit:cover;width:100%;height:100%;display:block}.avatar-tile:hover{border-color:#f42a4280;transform:translateY(-2px)}.avatar-tile.on{border-color:var(--accent);box-shadow:var(--glow-accent), 0 0 34px #f42a4252;border-width:2px}.avatar-tile.on:after{content:"";background:var(--accent);width:38%;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.score-sheet{gap:12px;margin:4px 0 2px;display:grid}.stat-trio-name{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin-bottom:6px;font-size:10px;display:flex}.stat-trio-name:before{content:"";background:var(--me);width:2px;height:11px}.stat-trio.opp .stat-trio-name:before{background:var(--opp)}.stat-trio .stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat b i{color:var(--ink-3);font-size:.65em;font-style:normal}.panel.wip{text-align:center;justify-items:center;gap:10px;width:min(360px,88vw);padding:26px 28px 24px;display:grid}.wip-tag{letter-spacing:.18em;color:#ff6b7c;background:#f42a4224;border:1px solid #f42a428c;padding:4px 8px;font-size:9px;font-weight:700}.wip-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:26px;font-weight:400}.wip-sub{color:var(--ink-2);margin:0;font-size:11px;line-height:17px}.panel.wip .btn{width:132px;margin-top:4px}.result-screen{z-index:50;background:#08090c;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.rs-stage{width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.rs-bg{background:radial-gradient(120% 90% at 50% 120%,#ffffff0d,#0000 60%),url(/art/bg/result.svg) 0 0/100% 100% no-repeat;position:absolute;inset:0}.rs-bg:after{content:"";background:radial-gradient(75% 75% at 50% 45%,#0000 35%,#08090c 100%);position:absolute;inset:0}.rs-hero{object-fit:cover;object-position:center top;pointer-events:none;width:20.25cqw;height:93.9cqh;position:absolute;top:.55cqh}.rs-hero.you{left:11.5cqw}.rs-hero.opp{left:67.5cqw}.rs-word{text-align:center;font-family:var(--font-display);letter-spacing:-.25cqw;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:15.75cqw;font-weight:400;line-height:.95;position:absolute;top:20.8cqh;left:0;right:0}.result-screen.win .rs-word{background-image:linear-gradient(#27f2b5,#14c48f 55%,#0c6e51)}.result-screen.loss .rs-word{background-image:linear-gradient(#f22740,#c4142a 55%,#6e0c18)}.result-screen.draw .rs-word{background-image:linear-gradient(#7a8a9f,#5b6a7d 55%,#333c47)}.result-screen.aborted .rs-word{background-image:linear-gradient(#f77722,#c85a10 55%,#70330a);font-size:10.5cqw}.rs-board{justify-content:space-between;display:flex;position:absolute;top:35.5cqh;left:4.5cqw;right:4.5cqw}.rs-player{gap:1.7cqh;display:grid}.rs-player.opp{text-align:right;justify-items:end}.rs-name{text-transform:uppercase;letter-spacing:.4cqw;color:#e8ecf2;font-size:1.25cqw;font-weight:500}.rs-score{font-family:var(--font-display);color:#f2f5fa;font-size:7.25cqw;line-height:1}.result-screen.win .rs-player.you .rs-score{color:#2fe3ac}.result-screen.loss .rs-player.you .rs-score{color:#e01b33}.result-screen.draw .rs-score{color:#e8edf5}.rs-rating{letter-spacing:.2cqw;color:#8c99ac;white-space:nowrap;font-size:1cqw}.rs-rating i{margin-left:.6cqw;font-style:normal}.rs-rating i.up{color:#2fd47a}.rs-rating i.down{color:#f42a42}.rs-stats{justify-content:space-between;display:flex;position:absolute;top:65.3cqh;left:4cqw;right:4cqw}.rs-trio{gap:.75cqw;display:flex}.rs-stat{gap:1.1cqh;min-width:7.75cqw;padding-left:.75cqw;display:grid;position:relative}.rs-div{background:#ffffff1f;width:1px;height:7.2cqh;position:absolute;top:.8cqh;left:-.4cqw}.rs-stat b{color:#e8ecf2;font-size:1.62cqw;font-weight:500}.rs-stat small{letter-spacing:.2cqw;color:#6e7889;font-size:.875cqw}.rs-footer{justify-content:space-between;align-items:center;gap:2cqw;display:flex;position:absolute;top:81.4cqh;left:4.5cqw;right:4.5cqw}.rs-footnote{letter-spacing:.175cqw;color:#798393;border-left:2px solid #ffffff2e;padding-left:1.25cqw;font-size:1cqw;font-weight:500;line-height:1.5}.rs-actions{gap:1.75cqw;display:flex}.rs-btn{cursor:pointer;height:11.7cqh;font-family:var(--font-ui);letter-spacing:.225cqw;color:#0a0b10;clip-path:polygon(0 0,calc(100% - .9cqw) 0,100% .9cqw,100% 100%,.9cqw 100%,0 calc(100% - .9cqw));transition:filter var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);border:0;padding:0 2.6cqw;font-size:1.375cqw;font-weight:700}.rs-btn.ghost{color:#e8ecf2;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff24}.rs-btn:hover{filter:brightness(1.08)}.rs-btn:active{transform:translateY(1px)}.rs-back{cursor:pointer;font-family:var(--font-ui);letter-spacing:.225cqw;color:#98a2b2;white-space:nowrap;background:0 0;border:0;font-size:1.125cqw;font-weight:500}.rs-back:before{content:"→ "}.rs-back:hover{color:#f2f5fa}@media (orientation:portrait){.rs-stage{container-type:size}.rs-hero{width:45cqw;height:34cqh;top:4cqh}.rs-hero.you{left:2cqw}.rs-hero.opp{left:auto;right:2cqw}.rs-word{letter-spacing:-.4cqw;font-size:21cqw;top:26cqh}.result-screen.aborted .rs-word{font-size:14cqw}.rs-board{top:41cqh;left:5.5cqw;right:5.5cqw}.rs-name{letter-spacing:.9cqw;font-size:2.8cqw}.rs-score{font-size:13cqw}.rs-rating{letter-spacing:.45cqw;font-size:2.2cqw}.rs-stats{flex-direction:column;gap:1.4cqh;top:55cqh;left:5.5cqw;right:5.5cqw}.rs-trio{gap:2cqw}.rs-stat{min-width:17cqw;padding-left:2cqw}.rs-stat b{font-size:3.6cqw}.rs-stat small{letter-spacing:.45cqw;font-size:2cqw}.rs-div{height:3.2cqh;top:.4cqh;left:-1cqw}.rs-footer{flex-direction:column-reverse;align-items:stretch;gap:2cqh;top:auto;bottom:4cqh}.rs-actions{flex-direction:column;gap:1.6cqh}.rs-btn{letter-spacing:.5cqw;clip-path:polygon(0 0,calc(100% - 2cqw) 0,100% 2cqw,100% 100%,2cqw 100%,0 calc(100% - 2cqw));height:5.6cqh;padding:0 5cqw;font-size:3.1cqw}.rs-back{letter-spacing:.5cqw;text-align:right;font-size:2.5cqw}.rs-footnote{letter-spacing:.35cqw;padding-left:2.5cqw;font-size:2.2cqw}}.mf{z-index:48;background:#0a0c11;position:fixed;inset:0;overflow:hidden;container-type:size}.mf-bg{background:linear-gradient(#0000 82%,#141922 88%,#0a0c11 100%),url(/art/bg/matchfound.svg) 0 0/100% 100% no-repeat;position:absolute;inset:0}.mf-floorline{background:#ffffff1a;height:1px;position:absolute;top:83cqh;left:0;right:0}.mf-streak{width:37.5cqw;height:3px;position:absolute;top:87.8cqh}.mf-streak.red{background:linear-gradient(90deg,#0000,#e8253cbf 45%,#0000);left:2.5cqw}.mf-streak.white{background:linear-gradient(90deg,#0000,#c9d4e280 50%,#0000);height:2px;top:89.4cqh;left:58.75cqw}.mf-dash{background:#e8253ccc;width:3px;position:absolute;left:49.9cqw}.mf-dash.d1{height:2.8cqh;top:88.3cqh}.mf-dash.d2{height:3.3cqh;top:92.8cqh}.mf-dash.d3{height:2.2cqh;top:96.7cqh}.mf-portrait{object-fit:cover;object-position:center top;pointer-events:none;height:55cqh;position:absolute;top:4.4cqh}.mf-portrait.you{width:20.9cqw;left:9.6cqw}.mf-portrait.opp{width:18.4cqw;left:69cqw}.mf-side{position:absolute;top:5cqh}.mf-side.you{left:5.25cqw}.mf-side.opp{text-align:right;right:5.5cqw}.mf-side em{letter-spacing:.375cqw;color:#e6eaf1;margin:.6cqw 0 0 1.75cqw;font-size:1.125cqw;font-style:normal;font-weight:500;display:block}.mf-side.opp em{margin:.6cqw 1.75cqw 0 0}.mf-corner{border-top:1.4px solid #e8253cd9;border-left:1.4px solid #e8253cd9;width:1.75cqw;height:1.75cqw;position:absolute;top:0}.mf-side.you .mf-corner{left:0}.mf-side.opp .mf-corner{border-top-color:#e6eaf1d9;border-left:0;border-right:1.4px solid #e6eaf1d9;right:0}.mf-sidedash{background:#e8253c;width:3.25cqw;height:2px;margin:1cqh 0 0 1.75cqw;display:block}.mf-side.opp .mf-sidedash{background:#e6eaf1;margin:1cqh 1.75cqw 0 auto}.mf-word{text-align:center;font-family:var(--font-display);letter-spacing:.0625cqw;margin:0;font-size:6.25cqw;font-weight:400;line-height:1.04;position:absolute;top:8.9cqh;left:0;right:0}.mf-word span{color:#0000;-webkit-background-clip:text;background-clip:text}.mf-word .w{background-image:linear-gradient(#fff,#c3cad5)}.mf-word .r{background-image:linear-gradient(#ff3b50,#be1228)}.mf-count{text-align:center;position:absolute;top:0;left:0;right:0}.mf-count small{letter-spacing:.425cqw;color:#7d889a;font-size:1cqw;font-weight:500;position:absolute;top:30cqh;left:0;right:0}.mf-hair{background:#ffffff1a;width:1px;height:32.2cqh;position:absolute;top:31.1cqh}.mf-hair.left{left:39.1cqw}.mf-hair.right{left:60.9cqw}.mf-ring{place-items:center;width:11cqw;height:24.4cqh;display:grid;position:absolute;top:35cqh;left:44.5cqw}.mf-ring svg{width:100%;height:100%;position:absolute;inset:0}.mf-ring .arc{transform-origin:50%;animation:2.4s linear infinite mf-arc-spin}@keyframes mf-arc-spin{to{transform:rotate(360deg)}}.mf-ring b{font-family:var(--font-display);color:#fff;font-size:7.75cqw;font-weight:400;line-height:1}.mf-card{align-items:center;gap:1.25cqw;width:27.5cqw;height:12.8cqh;padding-left:1.25cqw;display:flex;position:absolute;top:59.4cqh}.mf-card.you{background:linear-gradient(90deg,#3a0a144d,#0a0c118c);border:1px solid #e8253c47;left:5.4cqw}.mf-card.opp{background:linear-gradient(90deg,#1c232f4d,#0a0c118c);border:1px solid #e6eaf147;left:67.1cqw}.mf-card img{object-fit:cover;border-radius:50%;width:3.75cqw;height:3.75cqw}.mf-card b{color:#f2f5fa;font-size:1.75cqw;font-weight:700}.mf-card .tick{background:#e8253cf2;position:absolute}.mf-card.opp .tick{background:#e6eaf1f2}.mf-card .tick.tl{width:1.25cqw;height:2px;top:-1px;left:-1px;box-shadow:0 0}.mf-card .tick.tl:after{content:"";background:inherit;width:2px;height:.9cqw;position:absolute;top:0;left:0}.mf-card .tick.br{width:1.25cqw;height:2px;bottom:-1px;right:-1px}.mf-card .tick.br:after{content:"";background:inherit;width:2px;height:.9cqw;position:absolute;bottom:0;right:0}.mf-rules{justify-content:center;align-items:center;gap:1.5cqw;display:flex;position:absolute;top:72.8cqh;left:0;right:0}.mf-rule{align-items:flex-start;gap:1.5cqw;display:flex}.mf-rule-icon{place-items:center;padding-top:.2cqh;display:grid}.mf-rule-text{gap:.3cqh;display:grid}.mf-rule-text b{letter-spacing:.1cqw;color:#e6eaf1;font-size:1.125cqw;font-weight:700}.mf-rule-text small{letter-spacing:.15cqw;color:#7d889a;font-size:.875cqw}.mf-div{background:#ffffff1f;width:1px;height:6.1cqh}@media (orientation:portrait){.mf-word{letter-spacing:.14cqw;font-size:13.9cqw;top:4.5cqh}.mf-portrait{object-position:center top}.mf-portrait.you{width:46.4cqw;height:24.75cqh;top:16cqh;left:5.5cqw}.mf-portrait.opp{width:40.8cqw;height:24.75cqh;top:58.5cqh;left:53.6cqw}.mf-side.you{top:13.25cqh;left:3.9cqw}.mf-side.opp{top:55cqh;right:5cqw}.mf-side em{letter-spacing:.83cqw;margin-left:3.9cqw;font-size:2.5cqw}.mf-side.opp em{margin:0 3.9cqw 0 0}.mf-corner{width:3.9cqw;height:3.9cqw}.mf-sidedash{width:7.2cqw;margin-left:3.9cqw}.mf-side.opp .mf-sidedash{margin:.5cqh 3.9cqw 0 auto}.mf-count small{letter-spacing:.94cqw;font-size:2.2cqw;top:42.25cqh}.mf-hair{width:25cqw;height:1px;top:50.3cqh}.mf-hair.left{left:8.3cqw}.mf-hair.right{left:auto;right:8.3cqw}.mf-ring{width:24.4cqw;height:11cqh;top:44.75cqh;left:37.8cqw}.mf-ring b{font-size:17.2cqw}.mf-card{gap:2.8cqw;width:61cqw;height:5.75cqh;padding-left:2.8cqw}.mf-card.you{top:34.25cqh;left:5.5cqw}.mf-card.opp{top:75.25cqh;left:33.3cqw}.mf-card img{width:8.3cqw;height:8.3cqw}.mf-card b{font-size:3.9cqw}.mf-card .tick.tl,.mf-card .tick.br{width:2.8cqw}.mf-floorline{top:83cqh}.mf-rules{flex-direction:column;align-items:flex-start;gap:1cqh;top:84.5cqh;left:11cqw;right:11cqw}.mf-div{display:none}.mf-rule-text b{letter-spacing:.22cqw;font-size:2.5cqw}.mf-rule-text small{letter-spacing:.33cqw;font-size:1.95cqw}.mf-streak{width:37.5cqw}.mf-streak.red{height:7px;top:88cqh}.mf-streak.white{height:4px;top:89.8cqh}.mf-dash{width:1px;left:50cqw}}.ar{background:#0a0b10;position:fixed;inset:0;overflow:hidden;container-type:size}.ar-glow{filter:blur(40px);pointer-events:none;border-radius:50%;position:absolute}.ar-glow.red{background:#f0223a29;width:47.5cqw;height:83cqh;top:55cqh;left:-15cqw}.ar-glow.steel{background:#3a475938;width:52.5cqw;height:89cqh;top:-39cqh;left:70cqw}.ar-head{z-index:2;justify-content:space-between;align-items:flex-start;gap:2cqw;display:flex;position:absolute;top:2.2cqh;left:2cqw;right:2cqw}.ar-title h1{font-family:var(--font-display);letter-spacing:.3cqw;color:#fff;margin:0;font-size:3.75cqw;font-weight:400;line-height:1.05}.ar-title small{letter-spacing:.42cqw;color:#7c8598;margin-top:.6cqh;font-size:1cqw;font-weight:500;display:block}.ar-nav{align-items:center;gap:1.5cqw;display:flex}.ar-chip{cursor:pointer;color:#e8ecf2;height:10cqh;font-family:var(--font-ui);letter-spacing:.15cqw;transition:background var(--t-hover) var(--ease-out);background:#0c1017e0;border:0;align-items:center;gap:1cqw;padding:0 1.75cqw;font-size:1.125cqw;font-weight:700;display:flex;position:relative}.ar-chip:hover{background:#161c26eb}.ar-chip svg{width:1.9cqw;height:1.9cqw}.ar-chip i{color:#9aa4b4;margin-left:.5cqw;font-style:normal}.ar-chip:before,.ar-chip:after{content:"";pointer-events:none;border:2px solid #ffffffbf;width:1.5cqw;height:1.5cqw;position:absolute}.ar-chip:before{border-bottom:0;border-right:0;top:0;left:0}.ar-chip:after{border-top:0;border-left:0;bottom:0;right:0}.ar-chip.red:before,.ar-chip.red:after{border-color:#f0223a}.ar-chip.red svg{color:#f0223a}.ar-chip.icon{padding:0 1.25cqw}.ar-chip.icon svg{width:2.2cqw;height:2.2cqw}.ar-me img{object-fit:cover;border-radius:50%;width:2.75cqw;height:2.75cqw}.ar-chip.ar-me{cursor:default}.ar-chip.ar-me:hover{background:#0c1017e0}.ar-cards{gap:2cqw;display:flex;position:absolute;inset:22.8cqh 2cqw 15.5cqh}.ar-card{cursor:pointer;text-align:left;color:inherit;font-family:var(--font-ui);transition:transform var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out);background:linear-gradient(135deg,#1d060c,#0a0b10);border:0;flex:1;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f0223aa6}.ar-card.ff{background:linear-gradient(135deg,#14171e,#0a0b10);box-shadow:inset 0 0 0 1px #ffffff40}.ar-card:hover{transform:translateY(-2px)}.ar-card-art{background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.ar-card.sprint .ar-card-art{background-image:url(/art/card-texture-sprint.svg)}.ar-card.ff .ar-card-art{background-image:url(/art/card-texture-ff.svg)}.ar-card:after{content:"";background:linear-gradient(80deg,#0a0b10eb 0%,#12050a99 34%,#0000 62%);position:absolute;inset:0}.ar-card.ff:after{background:linear-gradient(80deg,#14171ef0 0%,#14171e99 32%,#0000 60%)}.ar-frame{z-index:1;pointer-events:none;position:absolute;inset:0}.ar-frame i{position:absolute}.ar-frame i:not(.tick){width:20px;height:20px}.ar-frame .tl{border-top:2px solid var(--card-line);border-left:2px solid var(--card-line);top:0;left:0}.ar-frame .tr{border-top:2px solid var(--card-line);border-right:2px solid var(--card-line);top:0;right:0}.ar-frame .bl{border-bottom:2px solid var(--card-line);border-left:2px solid var(--card-line);bottom:0;left:0}.ar-frame .br{border-bottom:2px solid var(--card-line);border-right:2px solid var(--card-line);bottom:0;right:0}.ar-frame .tick{background:var(--card-line);width:3px;height:14px;margin-top:-7px;top:50%}.ar-frame .tick.l{left:0}.ar-frame .tick.r{right:0}.ar-card.sprint{--card-line:#f0223a}.ar-card.ff{--card-line:#e8ecf2}.ar-bars{z-index:1;gap:.75cqw;display:flex;position:absolute;top:3.9cqh;left:2.75cqw}.ar-bars i{background:#ffffff59;width:1.6cqw;height:.45cqh}.ar-bars i:first-child{width:2cqw;height:1.35cqh}.ar-bars i:last-child{width:.6cqw}.ar-card.sprint .ar-bars i:first-child{background:#f0223a}.ar-card.ff .ar-bars i:first-child{background:#e8ecf2}.ar-card-l1,.ar-card-l2{font-family:var(--font-display);letter-spacing:.06cqw;color:#0000;z-index:1;-webkit-background-clip:text;background-clip:text;margin-left:2.75cqw;font-size:5cqw;font-weight:400;line-height:1.02;display:block;position:relative}.ar-card-l1{background-image:linear-gradient(#fff,#b9bfc9);margin-top:9.4cqh}.ar-card.sprint .ar-card-l2{background-image:linear-gradient(#f56,#d4102a)}.ar-card.ff .ar-card-l2{background-image:linear-gradient(#f2f5fa,#8e99a9)}.ar-card-sub{color:#aeb6c4;z-index:1;margin:3.9cqh 0 0 2.75cqw;font-size:1.625cqw;display:block;position:relative}.ar-play{color:#0a0b10;clip-path:polygon(1cqw 0,100% 0,100% calc(100% - 1cqw),calc(100% - 1cqw) 100%,0 100%,0 1cqw);z-index:1;background:linear-gradient(#ff3247,#de1730);justify-content:center;align-items:center;gap:1cqw;width:14.75cqw;height:11.7cqh;font-size:1.75cqw;font-weight:700;display:flex;position:absolute;bottom:6.1cqh;right:2.75cqw}.ar-play i{font-style:normal}.ar-card.ff .ar-play{background:#eef2f7}@media (orientation:portrait){.ar{overflow-y:auto}.ar-head{flex-direction:column;gap:1.6cqh;top:2cqh;left:4.5cqw;right:4.5cqw}.ar-title h1{letter-spacing:.7cqw;font-size:8.3cqw}.ar-title small{letter-spacing:.94cqw;font-size:2.2cqw}.ar-nav{flex-wrap:wrap;gap:2.2cqw;width:100%}.ar-chip{letter-spacing:.33cqw;flex:none;height:5cqh;padding:0 3.9cqw;font-size:2.5cqw}.ar-chip svg{width:4.2cqw;height:4.2cqw}.ar-chip:before,.ar-chip:after{width:3.3cqw;height:3.3cqw}.ar-chip.icon svg{width:4.9cqw;height:4.9cqw}.ar-me img{width:6.1cqw;height:6.1cqw}.ar-cards{flex-direction:column;gap:2.2cqh;inset:19cqh 4.5cqw 3cqh}.ar-bars{gap:1.7cqw;top:2.4cqh;left:6.1cqw}.ar-bars i{width:3.4cqw;height:.25cqh}.ar-bars i:first-child{width:4.4cqw;height:.7cqh}.ar-bars i:last-child{width:1.3cqw}.ar-card-l1{margin:5.5cqh 0 0 6.1cqw;font-size:11.1cqw}.ar-card-l2{margin-left:6.1cqw;font-size:11.1cqw}.ar-card-sub{margin:2.2cqh 0 0 6.1cqw;font-size:3.6cqw}.ar-play{width:32.8cqw;height:5.25cqh;font-size:3.9cqw;bottom:3.4cqh;right:6.1cqw}.ar-glow.red{width:105cqw;height:37cqh;top:70cqh;left:-33cqw}.ar-glow.steel{width:116cqw;height:40cqh;top:-17cqh;left:55cqw}}.gd-scrim{z-index:55;background:#05070a61;place-items:center;display:grid;position:fixed;inset:0}.gd{text-align:center;background:linear-gradient(#1c2029f5,#0e1117fa);border:1px solid #ffffff1f;width:min(360px,92vw);padding:26px 0 24px;position:relative}.gd-br{background:#e8253c;position:absolute}.gd-br.h{width:20px;height:3px}.gd-br.v{width:3px;height:20px}.gd-br.tl.h,.gd-br.tl.v{top:-1px;left:-1px}.gd-br.tr.h,.gd-br.tr.v{top:-1px;right:-1px}.gd-br.bl.h,.gd-br.bl.v{bottom:-1px;left:-1px}.gd-br.br.h,.gd-br.br.v{bottom:-1px;right:-1px}.gd-rule{background:#e8253c8c;width:140px;height:1px;position:absolute;top:-1px}.gd-rule.l{left:14px}.gd-rule.r{right:14px}.gd-badge{color:#e8253c;place-items:center;display:grid;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.gd-title{font-family:var(--font-display);letter-spacing:.5px;color:#fff;margin:0;font-size:30px;font-weight:400;line-height:1.06}.gd-title em{color:#e8253c;font-style:normal}.gd-sub{color:#98a3b4;margin:8px 0 0;font-size:10px}.gd-hint{letter-spacing:2.6px;color:#98a3b4;margin:4px 0 0;font-size:8px;font-weight:500}.gd-foot{color:#8e99ab;margin:14px 0 0;font-size:9px}.gd-actions{justify-content:center;gap:8px;margin-top:24px;display:flex}.gd-btn{color:#e6eaf1;width:140px;height:38px;font-family:var(--font-ui);letter-spacing:1.6px;cursor:pointer;transition:background var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);background:#ffffff0d;border:1px solid #ffffff47;font-size:10px;font-weight:700}.gd-btn:hover{background:#ffffff1a}.gd-btn:active{transform:translateY(1px)}.gd-btn.danger{color:#1a0308;background:linear-gradient(#ff3a4e,#d9142c);border-color:#ff6b7c80}.gd-btn.danger:hover{filter:brightness(1.08)}.gd-ring{place-items:center;width:88px;height:88px;margin:16px auto 0;display:grid;position:relative}.gd-ring svg{position:absolute;inset:0}.gd-ring .arc{transform-origin:50%;animation:2.4s linear infinite mf-arc-spin}.gd-ring b{font-family:var(--font-display);color:#fff;font-size:62px;font-weight:400;line-height:1}.gd-count{font-family:var(--font-display);color:#e8253c;margin-top:8px;font-size:46px;font-weight:400;line-height:1}.gd-count i{opacity:.5;vertical-align:6%;padding:0 10px;font-size:.74em;font-style:normal}.toast-declined{z-index:60;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);text-align:left;background:linear-gradient(#1b2029f7,#0e1117fa);border:1px solid #ffffff1f;align-items:center;gap:12px;width:min(344px,92vw);padding:10px 14px 12px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.toast-declined:before{content:"";background:#e8253c;width:3px;height:38px;position:absolute;top:10px;left:0}.toast-declined .t-br{background:#e8253c;position:absolute}.toast-declined .t-br.h{width:16px;height:2px;top:0;left:0}.toast-declined .t-br.v{width:2px;height:16px;top:0;left:0}.toast-icon{color:#e8253c;background:#2a0a11;border:1px solid #e8253ce6;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;line-height:1;display:grid}.toast-copy b{letter-spacing:2px;color:#f2f5fa;font-size:11px;display:block}.toast-copy small{color:#96a2b4;font-size:10px}.toast-dismiss{color:#8e99ab;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:14px}.toast-track{background:#ffffff14;height:2px;position:absolute;bottom:0;left:0;right:0}.toast-fill{transform-origin:0;background:linear-gradient(90deg,#ff3a4e,#e8253c80);height:2px;position:absolute;bottom:0;left:0}.rs-grade{pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.rs-sweep{text-align:center;color:#0000;background:linear-gradient(120deg,#0000 40%,#ffffff59 50%,#0000 60%) 120% 0/250% 100%;-webkit-background-clip:text;background-clip:text;animation:.3s cubic-bezier(.2,.8,.3,1) .52s forwards rs-sweep;position:absolute;inset:0}@keyframes rs-sweep{to{background-position:-120% 0}}.result-screen:not(.reduced) .rs-hero.you{animation:5s ease-in-out 1.8s infinite rs-float}.result-screen:not(.reduced) .rs-hero.opp{animation:5s ease-in-out 4.3s infinite rs-float}.result-screen.draw:not(.reduced) .rs-hero.opp{animation-delay:1.8s}@keyframes rs-float{50%{translate:0 -2px}}.result-screen:not(.reduced) .rs-pulse{animation:2.8s ease-in-out 1.8s infinite rs-glow}.result-screen.win .rs-pulse{--pulse:47 227 172}.result-screen.loss .rs-pulse,.result-screen.draw .rs-pulse{--pulse:238 242 247}.result-screen.aborted .rs-pulse{--pulse:242 107 29}@keyframes rs-glow{0%,to{box-shadow:0 0 14px rgb(var(--pulse) / .2)}50%{box-shadow:0 0 22px rgb(var(--pulse) / .35)}}.rs-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rs-particles i{opacity:0;will-change:transform;background:#2fe3ac80;border-radius:50%;width:3px;height:3px;animation-name:rs-drift;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-3%}@keyframes rs-drift{0%{opacity:0;transform:translateY(0)}12%{opacity:.7}85%{opacity:.25}to{opacity:0;transform:translateY(-105vh)translate(3vw)}}.rs-back{transition:color var(--t-hover) var(--ease-out)}.rs-back:before{transition:transform var(--t-hover) var(--ease-out);display:inline-block}.rs-back:hover:before{transform:translate(3px)}.rs-back:active{opacity:.6}@media (prefers-reduced-motion:reduce){.rs-hero,.rs-pulse,.rs-particles i,.rs-sweep{animation:none!important}}.ar-glow.red{animation:6s ease-in-out infinite ar-breathe}.ar-glow.steel{animation:6s ease-in-out 3s infinite ar-breathe}@keyframes ar-breathe{0%,to{opacity:.85}50%{opacity:1}}.ar-card-art{transition:transform .4s var(--ease-out)}.ar-card:hover .ar-card-art{transform:scale(1.03)}.ar-card:active{transform:scale(.985)}.ar-play{transition:filter var(--t-hover) var(--ease-out)}.ar-card:hover .ar-play{filter:brightness(1.1)drop-shadow(0 0 10px #f0223a59)}.ar-card.ff:hover .ar-play{filter:brightness(1.05)drop-shadow(0 0 10px #eef2f74d)}.gd-badge{animation:.5s ease-out .2s gd-badge-pulse}@keyframes gd-badge-pulse{30%{filter:drop-shadow(0 0 10px #e8253cb3)}to{filter:drop-shadow(0 0 #e8253c00)}}@media (prefers-reduced-motion:reduce){.ar-glow,.gd-badge{animation:none!important}.ar-card:hover .ar-card-art{transform:none}}.rs-score-label{letter-spacing:.3cqw;color:#6e7889;margin-top:-.8cqh;font-size:.95cqw;font-weight:500}@media (orientation:portrait){.rs-score-label{letter-spacing:.6cqw;margin-top:-.4cqh;font-size:2.1cqw}}