@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}ol,ul{padding:0;list-style:none}[hidden]{display:none!important}svg{flex-shrink:0;display:block}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f2f0ea)var(--lightningcss-dark,#0c0c0c);--surface:var(--lightningcss-light,#fbfaf7)var(--lightningcss-dark,#151515);--ink:var(--lightningcss-light,#141414)var(--lightningcss-dark,#ecebe6);--ink-2:var(--lightningcss-light,#403f3b)var(--lightningcss-dark,#b3b1ab);--muted:var(--lightningcss-light,#8b8882)var(--lightningcss-dark,#6d6c68);--glow-c:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1d1d1c);--accent:var(--ink);--line:color-mix(in oklab, var(--ink) 9%, transparent);--line-strong:color-mix(in oklab, var(--ink) 20%, transparent);--soft:color-mix(in oklab, var(--ink) 5%, transparent);--hl:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#ffffff0d);--shadow:var(--lightningcss-light,color-mix(in oklab, var(--ink) 16%, transparent))var(--lightningcss-dark,#000000b3);--glow:color-mix(in oklab, var(--glow-c) 75%, transparent);--accent-soft:color-mix(in oklab, var(--accent) 14%, transparent);--grain:.05;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Instrument Serif", ui-serif, "Iowan Old Style", Georgia, serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.7, 0, .2, 1);--spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);--bouncy:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grain:.06}}@layer base{html{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background:var(--bg);min-height:100dvh;transition:background-color .6s var(--ease-out), color .6s var(--ease-out);overflow-x:clip}body:after{content:"";z-index:100;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px}kbd{font:500 11px/1 var(--font-mono);background:color-mix(in oklab, currentColor 14%, transparent);border-radius:6px;padding:4px 6px}@media (pointer:coarse){kbd{display:none}}}@layer layout{.glow{z-index:0;pointer-events:none;background:radial-gradient(700px circle at var(--mx) var(--my), var(--glow), transparent 65%), radial-gradient(ellipse 90% 45% at 50% -8%, var(--glow), transparent 70%);transition:--mx 1.2s var(--ease-out), --my 1.2s var(--ease-out);position:fixed;inset:0}#app{z-index:1;width:min(100%,1120px);min-height:100dvh;padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));padding-bottom:max(14px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr;margin-inline:auto;display:grid;position:relative}.screen{min-width:0;display:grid}:root[data-phase=intro] .screen{grid-template-rows:1fr auto}}@layer components{.hud{view-transition-name:hud;z-index:10;padding-top:env(safe-area-inset-top);min-height:calc(64px + env(safe-area-inset-top));grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:relative}.brand{font:400 26px/1 var(--font-serif);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;display:inline-flex}.brand-mark{color:var(--ink);transition:rotate .6s var(--bouncy)}.brand-mark svg{width:22px;height:22px}.brand:hover .brand-mark{rotate:-8deg}.steps{transition:opacity .5s, translate .5s var(--ease-out);gap:6px;display:flex}.steps li{background:var(--line-strong);border-radius:4px;width:clamp(16px,4vw,28px);height:4px;transition:background .4s;position:relative;overflow:hidden}.steps li[data-s=done]{background:var(--ink)}.steps li[data-s=now]:after{content:"";background:linear-gradient(90deg, transparent, var(--ink), transparent);animation:shimmer 1.8s var(--ease-in-out) infinite;position:absolute;inset:0}.hud-end{justify-self:end;align-items:center;gap:14px;display:flex}.hud-score{transition:opacity .5s, translate .5s var(--ease-out);justify-items:end;line-height:1;display:grid}.hud-score span{font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hud-score b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px;font-size:18px;font-weight:500}:root:is([data-phase=intro],[data-phase=lobby]) :is(.steps,.hud-score){opacity:0;visibility:hidden;translate:0 -8px}.icon-toggle{border:1px solid var(--line);width:42px;height:42px;transition:background .3s, transform .5s var(--spring), border-color .3s;border-radius:50%;place-items:center;display:grid}.icon-toggle:hover,.icon-toggle[aria-expanded=true]{background:var(--soft);border-color:var(--line-strong)}.icon-toggle:active{transform:scale(.9)}.lang-btn{font:600 11px/1 var(--font-mono);letter-spacing:.06em}.lang-menu{inset:var(--top,64px) var(--right,16px) auto auto;border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);min-width:200px;color:var(--ink);box-shadow:0 1px 0 var(--hl) inset, 0 30px 60px -20px var(--shadow);transform-origin:100% 0;opacity:1;transition:opacity .25s, scale .45s var(--spring), display .3s allow-discrete, overlay .3s allow-discrete;border-radius:18px;margin:0;padding:6px;position:fixed;scale:1}.lang-menu:not(:popover-open){opacity:0;scale:.92}@starting-style{.lang-menu:popover-open{opacity:0;scale:.92}}.lang-menu button{text-align:left;border-radius:12px;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .2s;display:grid}.lang-menu button:hover,.lang-menu button:focus-visible{background:var(--soft);outline:none}.lang-menu b{font:600 11px/1 var(--font-mono);color:var(--muted);letter-spacing:.06em}.lang-menu i{opacity:0;transition:opacity .2s, scale .4s var(--spring);scale:.5}.lang-menu [aria-checked=true] i{opacity:1;scale:1}.lang-menu [aria-checked=true] b{color:var(--ink)}@media (width<=480px){:root:not([data-phase=intro]) .brand-text{display:none}.hud-end{gap:8px}}.theme-toggle svg{overflow:visible}.sun-core{r:5px;transition:r .6s var(--spring)}.moon-cut{cx:30px;cy:0px;transition:cx .6s var(--ease-out), cy .6s var(--ease-out)}.rays{transform-origin:12px 12px;transform-box:view-box;transition:transform .6s var(--spring), opacity .3s}:root[data-theme=dark] .sun-core{r:8.5px}:root[data-theme=dark] .moon-cut{cx:17px;cy:7px}:root[data-theme=dark] .rays{opacity:0;transform:rotate(-90deg)scale(.4)}.btn{isolation:isolate;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;height:54px;transition:transform .5s var(--spring), background .3s, color .3s, box-shadow .3s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding-inline:26px;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.965)}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:0 1px 0 color-mix(in oklab, var(--bg) 25%, transparent) inset, 0 12px 30px -12px var(--shadow)}.btn-primary:after{content:"";z-index:-1;background:linear-gradient(105deg, transparent 35%, color-mix(in oklab, var(--bg) 30%, transparent) 50%, transparent 65%);transition:translate .9s var(--ease-out);position:absolute;inset:0;translate:-110%}.btn-primary:hover:after{translate:110%}.btn-ghost{border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--soft)}.btn small{font:500 11px/1 var(--font-mono);color:var(--muted);letter-spacing:.02em}.btn-orbit{isolation:isolate;background:var(--line-strong);border:0;padding-inline:27px}.btn-orbit:before{content:"";z-index:-2;aspect-ratio:1;background:conic-gradient(var(--line-strong) 0 55%, var(--ink) 72%, var(--line-strong) 88%);width:150%;animation:5s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.btn-orbit:after{content:"";z-index:-1;border-radius:inherit;background:var(--bg);transition:background-color .3s;position:absolute;inset:1px}.btn-orbit:hover:after{background:color-mix(in oklab, var(--ink) 5%, var(--bg))}.icon-btn{border:1px solid var(--line-strong);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:54px;height:54px;transition:transform .5s var(--spring), background .2s;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--soft)}.icon-btn:active{background:var(--soft);transform:scale(.9)}.eyebrow{font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:inline-flex}.eyebrow .dot{background:var(--ink);width:6px;height:6px;animation:blink 2.4s var(--ease-in-out) infinite;border-radius:50%}.timeline{--t:.5;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}.bands{height:20px;position:relative}.band{inset-block:0;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);border-left:1px solid var(--line-strong);font:500 9.5px/20px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding-left:7px;transition:color .3s,background .4s;position:absolute;overflow:hidden}.band[data-active]{color:var(--ink);background:linear-gradient(to bottom, var(--soft), transparent)}@container (width<=620px){.band span{letter-spacing:0;font-size:0}.band span:after{content:attr(data-short);letter-spacing:.08em;font-size:9.5px}.axis .mn{display:none}}.track{cursor:pointer;touch-action:none;height:72px;position:relative}.rail,.rl-track .rail{inset-inline:0;background:var(--line-strong);border-radius:2px;height:2px;position:absolute;top:50%;translate:0 -50%}.rail-fill{scale:var(--t) 1;transform-origin:0;border-radius:inherit;background:var(--ink);transition:opacity .5s;position:absolute;inset:0}.ruler i{left:calc(var(--x) * 100%);background:var(--line-strong);width:1px;height:6px;margin-top:7px;position:absolute;top:50%}.ruler i.mj{background:var(--muted);height:12px}.axis{height:18px;position:relative}.axis span{left:calc(var(--x) * 100%);font:500 10.5px/18px var(--font-mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute;translate:-50%}.axis span:first-child{translate:-30%}.pin{inset-block:0;translate:calc(var(--t) * 100cqi) 0;z-index:3;cursor:grab;touch-action:none;outline:none;place-items:center;width:48px;margin-left:-24px;display:grid;position:absolute;left:0}.pin:before{content:"";inset-block:8px;background:var(--ink);border-radius:2px;width:2px;margin-left:-1px;transition:opacity .4s;position:absolute;left:50%}.pin:after{content:"";background:var(--soft);width:52px;height:52px;transition:scale .5s var(--spring);border-radius:50%;position:absolute;scale:0}.pin:hover:after,.timeline[data-dragging] .pin:after{scale:1}.pin-head{z-index:1;background:var(--ink);width:22px;height:22px;box-shadow:0 0 0 5px var(--bg), 0 0 0 6px var(--line-strong), 0 10px 24px -6px var(--shadow);transition:transform .5s var(--spring), background .4s, box-shadow .4s;border-radius:50%;position:relative}.pin-head:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:8px}.pin-head:before{content:"";border:1.5px solid var(--ink);opacity:0;border-radius:50%;position:absolute;inset:-7px}.timeline:not([data-touched]) .pin-head:before{animation:invite 2s var(--ease-out) infinite}.timeline[data-dragging] .pin{cursor:grabbing}.timeline[data-dragging] .pin-head{transform:scale(1.22)}.pin:focus-visible .pin-head{box-shadow:0 0 0 5px var(--bg), 0 0 0 7px var(--ink)}.truth{inset-block:-6px;left:calc(var(--r,0) * 100%);z-index:4;visibility:hidden;width:0;position:absolute}.truth-line{inset-block:0;background:var(--ink);transform-origin:bottom;border-radius:2px;width:2px;position:absolute;left:-1px}.truth-ring{background:var(--ink);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:0}.truth-flag{background:var(--ink);color:var(--bg);font:600 12px/1 var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--bg), 0 8px 20px -8px var(--shadow);border-radius:999px;padding:6px 10px;position:absolute;bottom:calc(100% + 4px);left:0;translate:-50%}.truth-flag[data-anchor=start]{translate:-12px}.truth-flag[data-anchor=end]{translate:calc(12px - 100%)}.gap{height:14px;top:50%;left:calc(var(--lo,0) * 100%);width:calc((var(--hi,0) - var(--lo,0)) * 100%);background:repeating-linear-gradient(-45deg, var(--ink) 0 1.5px, transparent 1.5px 5px);opacity:0;border-radius:3px;min-width:2px;position:absolute;translate:0 -50%}.is-revealed .truth{visibility:visible}.is-revealed .truth-line{animation:truth-drop .9s var(--bouncy) .1s both}.is-revealed .truth-ring{animation:ring-out 1.4s var(--ease-out) .35s both}.is-revealed .truth-flag{animation:flag-in .8s var(--bouncy) .35s both}.is-revealed .gap{opacity:.55;animation:gap-grow-r .8s var(--ease-out) .5s both}.is-revealed[data-dir=left] .gap{animation-name:gap-grow-l}.is-revealed .rail-fill{opacity:.18}.is-revealed .pin{cursor:default}.is-revealed .pin:before{opacity:.3}.is-revealed .pin-head{background:var(--bg);box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 4px var(--bg);transform:scale(.72)}.is-revealed .pin-head:after{display:none}.toast{inset:auto 0 calc(24px + env(safe-area-inset-bottom)) 0;background:var(--ink);width:fit-content;color:var(--bg);box-shadow:0 20px 40px -12px var(--shadow);opacity:1;transition:opacity .35s, translate .6s var(--spring), display .4s allow-discrete, overlay .4s allow-discrete;border:0;border-radius:999px;margin-inline:auto;padding:12px 18px;font-size:14px;font-weight:500;position:fixed;translate:0}.toast:not(:popover-open){opacity:0;translate:0 16px}@starting-style{.toast:popover-open{opacity:0;translate:0 16px}}}@layer screens{#screen[data-again]{--enter:none;--enter-letter:none}.intro{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:clamp(28px,5.5vh,52px);padding-block:clamp(16px,4vh,48px) 28px;display:flex}.intro-kicker{font:italic 400 clamp(17px, 2.4vw, 21px)/1.2 var(--font-serif);letter-spacing:.01em;color:var(--ink-2);animation:1s var(--ease-out) .15s both var(--enter,fade-up);justify-content:center;align-items:center;gap:14px;display:flex}.intro-kicker:before,.intro-kicker:after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong));width:clamp(24px,6vw,44px);height:1px}.intro-kicker:after{background:linear-gradient(90deg, var(--line-strong), transparent)}.wordmark{font:400 clamp(96px, 27vw, 232px)/.82 var(--font-serif);letter-spacing:-.045em;justify-content:center;margin-top:16px;padding-bottom:.2em;display:flex}.wordmark span{animation:1.2s var(--ease-out) both var(--enter-letter,letter-in);animation-delay:calc(var(--i) * 70ms + 80ms);padding-inline:.02em;display:inline-block}.wordmark span:last-child{font-style:italic}.lede{max-width:34ch;color:var(--ink-2);text-wrap:balance;animation:1s var(--ease-out) .45s both var(--enter,fade-up);margin:22px auto 0;font-size:clamp(15px,2.2vw,18px);line-height:1.55}.demo{width:min(100%,440px);animation:1s var(--ease-out) .6s both var(--enter,fade-up)}.demo-track{height:64px;position:relative}.demo-rail{inset-inline:0;background:var(--line-strong);border-radius:2px;height:2px;position:absolute;top:50%;translate:0 -50%}.demo-ticks{inset-inline:0;background:repeating-linear-gradient(90deg, var(--line-strong) 0 1px, transparent 1px 5%);height:7px;margin-top:7px;position:absolute;top:50%}.demo-pin{inset-block:8px;background:var(--ink);width:2px;animation:demo-pin 7s var(--ease-in-out) infinite;border-radius:2px;margin-left:-1px;position:absolute;left:22%}.demo-pin:after{content:"";background:var(--ink);width:18px;height:18px;box-shadow:0 0 0 4px var(--bg), 0 0 0 5px var(--line-strong);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.demo-truth{inset-block:2px;background:var(--ink);transform-origin:bottom;width:2px;animation:demo-truth 7s var(--ease-out) infinite;margin-left:-1px;position:absolute;left:71%}.demo-truth span{background:var(--ink);color:var(--bg);font:600 10.5px/1 var(--font-mono);border-radius:99px;padding:4px 8px;position:absolute;bottom:100%;left:50%;translate:-50% -4px}.demo-gap{background:repeating-linear-gradient(-45deg, var(--ink) 0 1.5px, transparent 1.5px 5px);opacity:.5;width:7%;height:12px;animation:demo-gap 7s var(--ease-out) infinite;position:absolute;top:50%;left:64%;translate:0 -50%}.demo-axis{font:500 10.5px var(--font-mono);color:var(--muted);justify-content:space-between;display:flex}.cta{animation:1s var(--ease-out) .75s both var(--enter,fade-up);flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.how{color:var(--ink-2);animation:1s var(--ease-out) .9s both var(--enter,fade-up);flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:13.5px;display:flex}.how li{align-items:center;gap:9px;display:flex}.how b{font:500 10.5px/1 var(--font-mono);color:var(--muted)}.stats{border-top:1px solid var(--line);width:min(100%,420px);animation:1s var(--ease-out) 1s both var(--enter,fade-up);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:18px;display:grid}.stats div+div{border-left:1px solid var(--line)}.stats dt{font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:22px;font-weight:400}.marquee{animation:1.2s var(--ease-out) 1.1s both var(--enter,fade-up);padding-block:10px 4px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{align-items:baseline;gap:14px;width:max-content;animation:90s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{font:italic 400 30px/1 var(--font-serif);color:#0000;-webkit-text-stroke:1px var(--line-strong)}.marquee i{font:normal 500 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:28px}.legal-links{color:var(--muted);text-align:center;margin-top:8px;font-size:12px}.legal-links a{color:inherit;text-decoration:none}.legal-links a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.play{grid-template-rows:1fr auto;gap:8px;min-height:0;display:grid}.stage{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,3.2vh,40px);padding-block:4px;display:flex;container:stage/inline-size}.card{view-transition-name:card;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);width:min(100%,640px);box-shadow:0 1px 0 var(--hl) inset, 0 2px 6px -2px var(--shadow), 0 40px 70px -40px var(--shadow);display:grid;position:relative;overflow:hidden;container-type:inline-size}.card:after{content:"";pointer-events:none;background:linear-gradient(110deg, transparent 38%, var(--hl) 50%, transparent 62%);animation:sheen 1.6s var(--ease-out) .25s both;position:absolute;inset:0;translate:-100%}.card-body{padding:clamp(18px,4.5vw,32px);position:relative}.card.has-media .card-body{padding-top:clamp(14px,3.4vw,26px)}.card-media{aspect-ratio:16/9;background:var(--soft);isolation:isolate;width:100%;max-height:clamp(110px,24dvh,280px);transition:max-height .7s var(--ease-out);margin:0;position:relative;overflow:hidden}@media (width<=700px){.play[data-phase=reveal] .card-media{max-height:min(110px,14dvh)}}.card-media:before{content:"";background:linear-gradient(100deg, transparent 30%, var(--hl) 50%, transparent 70%) 0 0 / 250% 100%;animation:1.4s linear infinite skeleton;position:absolute;inset:0}.card-media[data-loaded]:before{display:none}.card-media:after{content:"";z-index:1;pointer-events:none;box-shadow:inset 0 -1px 0 var(--line);opacity:0;background:linear-gradient(#0000 58%,#00000073);transition:opacity .6s;position:absolute;inset:0}.card-media img{object-fit:cover;object-position:50% 28%;opacity:0;filter:grayscale()contrast(1.12)brightness(.95);width:100%;height:100%;transition:opacity .9s var(--ease-out), filter 1.6s var(--ease-out);display:block;position:absolute;inset:0;scale:1.14}.card-media[data-loaded] img{opacity:1;animation:24s cubic-bezier(.2,.6,.3,1) forwards kenburns}.play[data-phase=reveal] .card-media img{filter:grayscale(0)contrast()brightness()}.play[data-phase=reveal] .card-media:after{opacity:1}.credit{z-index:2;font:500 9.5px/1.3 var(--font-mono);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .5s .9s, translate .6s var(--ease-out) .9s;position:absolute;inset:auto 10px 8px;overflow:hidden;translate:0 6px}.credit a{color:#ffffffd9;text-decoration:none}.credit a:hover{text-decoration:underline}.play[data-phase=reveal] .credit{opacity:1;pointer-events:auto;translate:0}.card-more{width:fit-content;font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0% 1px no-repeat;transition:background-size .5s var(--ease-out), opacity .5s, translate .6s var(--ease-out);align-items:center;gap:6px;margin-top:14px;padding-bottom:3px;text-decoration:none;display:none}.card-more:hover{background-size:100% 1px}.play[data-phase=reveal] .card-more{display:inline-flex}@starting-style{.play[data-phase=reveal] .card-more{opacity:0;translate:0 6px}}@container stage (width>=700px){.card.has-media{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);width:min(100%,860px)}.card.has-media .card-media{aspect-ratio:auto;min-height:clamp(220px,30dvh,320px);max-height:none}.card.has-media .card-body{align-self:center;padding-top:clamp(18px,4.5vw,32px)}.card-media:after{background:linear-gradient(#0000 70%,#00000080)}}.card-head{justify-content:space-between;align-items:center;margin-bottom:clamp(12px,4cqi,22px);display:flex}.tag{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.tag:before{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px}.card-no{font:500 11px/1 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}.card-no i{color:var(--muted);font-style:normal}.card-title{font:400 clamp(28px, 7.4cqi, 50px)/1.04 var(--font-serif);letter-spacing:-.015em;text-wrap:balance}.card-title .w{animation:word-in .9s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .12s);display:inline-block}.card-text{max-width:54ch;color:var(--ink-2);text-wrap:pretty;animation:fade-up .9s var(--ease-out) .45s both;margin-top:clamp(10px,3cqi,16px);font-size:clamp(14px,3.4cqi,16.5px);line-height:1.55}.readout{view-transition-name:readout;justify-items:center;gap:4px;display:grid}.year{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(64px,min(21vw,14dvh),150px);font-weight:200;line-height:1;display:inline-flex}.odo{display:inline-flex}.dg{width:.6em;height:1.08em;transition:width .45s var(--ease-out), opacity .3s;display:inline-block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.dg[data-off]{opacity:0;width:0}.strip{transform:translateY(calc(var(--d,0) * -1.08em));transition:transform .7s var(--spring);flex-direction:column;display:flex}.strip span{place-items:center;height:1.08em;display:grid}.play[data-dragging] .strip{transition:transform .2s var(--ease-out)}.play[data-phase=reveal] .strip{transition-duration:1.1s}.era{font:500 max(11px, .095em)/1 var(--font-mono);letter-spacing:.06em;color:var(--muted);align-self:flex-start;margin:2.4em 0 0 .5em;transition:color .3s}.era[data-bc]{color:var(--ink)}.readout-sub{min-height:1.4em;font:500 10.5px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dock{view-transition-name:dock;gap:4px;width:min(100%,1000px);margin-inline:auto;padding-bottom:6px;display:grid}.assist{height:30px;transition:opacity .3s, height .5s var(--ease-out);place-items:center;display:grid;overflow:hidden}.hint,.scrub{font:500 10px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--muted);transition:opacity .3s, translate .45s var(--ease-out);grid-area:1/1}.scrub{opacity:0;color:var(--ink);align-items:center;gap:10px;display:flex;translate:0 6px}.play[data-dragging] .hint{opacity:0;translate:0 -6px}.play[data-dragging] .scrub{opacity:1;translate:0}.play[data-phase=reveal] .assist{opacity:0;height:0}.scrub-bars{gap:3px;display:flex}.scrub-bars i{background:var(--line-strong);width:12px;height:4px;transition:background .2s, scale .4s var(--spring);border-radius:2px}.scrub[data-level="0"] i:nth-child(-n+1),.scrub[data-level="1"] i:nth-child(-n+2),.scrub[data-level="2"] i:nth-child(-n+3),.scrub[data-level="3"] i{background:var(--ink);scale:1 1.3}.only-mouse{display:none}@media (hover:hover) and (pointer:fine){.only-mouse{display:inline}.only-touch{display:none}}.actions{grid-template-columns:54px 1fr 54px;gap:10px;width:min(100%,480px);margin-inline:auto;display:grid}.actions:has(.verdict){grid-template-columns:1fr}.verdict{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 0 var(--hl) inset, 0 30px 60px -30px var(--shadow);transition:opacity .5s var(--ease-out), translate .8s var(--spring), filter .5s;gap:14px;padding:16px;display:grid}@starting-style{.verdict{opacity:0;filter:blur(8px);translate:0 24px}}.verdict-row{justify-content:space-between;align-items:flex-end;gap:12px;padding-inline:4px;display:flex}.verdict-label{font:400 30px/1 var(--font-serif);letter-spacing:-.01em}.verdict-diff{font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:8px}.verdict-pts{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:300;line-height:1}.verdict-pts b{font-weight:inherit}.gauge{--fill:0;background:var(--soft);height:10px;transition:--fill 1.5s var(--ease-out) .45s;border-radius:3px;margin-inline:4px;position:relative;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px)}.gauge:before{content:"";width:calc(var(--fill) * 100%);background:var(--ink);position:absolute;inset:0 auto 0 0}.btn-next{width:100%}.btn-next svg{transition:translate .5s var(--spring)}.btn-next:hover svg{translate:4px}.readout .year{cursor:text;outline-offset:6px;border-radius:14px}.play[data-phase=reveal] .readout .year{cursor:default}@media (hover:hover){.play:not([data-phase=reveal]) .readout .year:hover{background:color-mix(in oklab, var(--ink) 4%, transparent)}}.readout[data-editing]>.year,.readout[data-editing]>.readout-sub{display:none}.year-edit{justify-items:center;gap:4px;display:grid}.year-edit-row{align-items:flex-start;display:inline-flex}.year-input{border:0;border-bottom:2px solid var(--accent);width:4.4ch;height:1.08em;color:var(--ink);font:200 clamp(64px, min(21vw, 14dvh), 150px)/1 var(--font-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--accent);background:0 0;outline:none;padding:0}.era-toggle{border:1px solid var(--line-strong);font:500 12px/1 var(--font-mono);letter-spacing:.06em;color:var(--ink);border-radius:99px;margin:.9em 0 0 .5em;padding:6px 10px;transition:background-color .2s,border-color .2s}.era-toggle:hover{background:var(--soft)}.era-toggle[aria-pressed=true]{border-color:var(--accent)}.year-edit-note{min-height:1.4em;font:500 10.5px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.year-edit[data-error] .year-input{border-bottom-color:#d2361c}.year-edit[data-error] .year-edit-note{color:#d2361c}.result{text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(100%,720px);margin-inline:auto;padding-block:clamp(12px,4vh,48px) 24px;display:flex}.final{animation:fade-up 1s var(--ease-out) both;align-items:baseline;gap:10px;line-height:.9;display:flex}.final b{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(76px,22vw,176px);font-weight:200}.final span{font:500 clamp(12px, 2.6vw, 16px) var(--font-mono);color:var(--muted)}.rank{font:italic 400 clamp(28px, 6vw, 40px)/1.1 var(--font-serif);animation:fade-up 1s var(--ease-out) .2s both;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.badge{background:var(--ink);color:var(--bg);font:normal 500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;animation:pop .9s var(--bouncy) 1.8s both;border-radius:999px;padding:7px 11px}.recap-line{width:100%;margin-block:12px 4px;container-type:inline-size}.rl-track{height:64px;position:relative}.rl-gap{height:8px;top:50%;left:calc(var(--lo) * 100%);width:calc((var(--hi) - var(--lo)) * 100%);background:repeating-linear-gradient(-45deg, var(--ink) 0 1.5px, transparent 1.5px 4px);opacity:.45;animation:fade-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * .14s + .7s);position:absolute;translate:0 -50%}.rl-guess,.rl-truth{top:50%;left:calc(var(--x) * 100%);animation:pop .8s var(--bouncy) both;border-radius:50%;position:absolute;translate:-50% -50%}.rl-guess{background:var(--bg);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--ink);animation-delay:calc(var(--i) * .14s + .6s)}.rl-truth{z-index:1;background:var(--ink);width:22px;height:22px;color:var(--bg);font:600 10px/1 var(--font-mono);box-shadow:0 0 0 3px var(--bg);animation-delay:calc(var(--i) * .14s + .5s);place-items:center;display:grid}@container (width<=620px){.recap-line .axis .mn{display:none}}.recap{text-align:left;gap:8px;width:100%;display:grid}.recap li{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 80%, transparent);animation:row-in .8s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + .8s);border-radius:18px;grid-template-columns:auto 52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px 12px 14px;display:grid}.rc-idx{font:500 11px/1 var(--font-mono);color:var(--muted)}.rc-thumb{object-fit:cover;background:var(--soft);filter:grayscale();width:52px;height:52px;transition:filter .5s, scale .5s var(--spring);border-radius:12px}.recap li:hover .rc-thumb{filter:none;scale:1.06}@media (width<=440px){.recap li{grid-template-columns:44px minmax(0,1fr) auto;gap:12px}.rc-idx{display:none}.rc-thumb{width:44px;height:44px}}.rc-title{font:400 19px/1.15 var(--font-serif);text-wrap:balance}.rc-meta{font:500 10.5px/1.4 var(--font-mono);color:var(--muted);margin-top:5px}.rc-meta b{color:var(--ink);font-weight:600}.rc-pts{justify-items:end;gap:6px;display:grid}.rc-pts b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.rc-bar{background:var(--line-strong);border-radius:3px;width:52px;height:3px;position:relative;overflow:hidden}.rc-bar:before{content:"";width:calc(var(--fill) * 100%);background:var(--ink);position:absolute;inset:0 auto 0 0}.result .cta{margin-top:8px;animation-delay:1.3s}@media (height<=700px){.card-media{max-height:17dvh}.card-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.track{height:62px}}.fx{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-flash{opacity:0;position:absolute;inset:0}.fx[data-tier=perfect] .fx-flash{background:var(--ink);animation:flash-hard .75s var(--ease-out) both}.fx[data-tier=great] .fx-flash{background:radial-gradient(circle at var(--ox) var(--oy), color-mix(in oklab, var(--ink) 35%, transparent), transparent 60%);animation:flash-soft .9s var(--ease-out) both}.fx[data-tier=miss] .fx-flash,.fx[data-tier=blunder] .fx-flash{background:radial-gradient(ellipse at center, transparent 35%, color-mix(in oklab, var(--ink) 55%, transparent) 130%);animation:vignette 1.6s var(--ease-out) both}.fx[data-tier=blunder] .fx-flash{animation:vignette 2s var(--ease-out) both, flicker .5s steps(2) 3}.fx-p{left:var(--ox);top:var(--oy);width:var(--s);height:var(--s);margin:calc(var(--s) / -2);background:var(--ink);animation:p-burst var(--t) cubic-bezier(.1, .85, .25, 1) var(--d) both, p-fall var(--t) cubic-bezier(.55, 0, 1, .45) var(--d) both, p-fade var(--t) linear var(--d) both;position:absolute}.fx-p.muted{background:var(--muted)}.fx-p.strip{height:calc(var(--s) * .35);width:calc(var(--s) * 2.2);border-radius:1px}.fx-p.dot{border-radius:50%}.fx-p.ring{border:1.5px solid var(--ink);background:0 0;border-radius:50%}.fx-ring{left:var(--ox);top:var(--oy);border:2px solid var(--ink);width:40px;height:40px;animation:shock 1.2s var(--ease-out) calc(var(--i) * .13s) both;border-radius:50%;margin:-20px;position:absolute}.fx[data-tier=perfect] .fx-ring{--sc:34;border-width:3px}.fx[data-tier=good] .fx-ring{--sc:7}.fx-stamp{place-items:center;display:grid;position:absolute;inset:0 0 18%}.fx-stamp span{max-width:calc(100vw - 32px);font:italic 400 clamp(46px, 13vw, 150px)/1 var(--font-serif);letter-spacing:-.03em;color:var(--ink);white-space:nowrap;background:color-mix(in oklab, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.4);box-shadow:0 1px 0 var(--hl) inset, 0 0 0 1px var(--line), 0 30px 70px -24px var(--shadow);animation:stamp 2.3s var(--ease-out) both;border-radius:999px;padding:.14em .5em .2em;position:relative}.fx[data-tier=great] .fx-stamp span{font-size:clamp(40px,10.5vw,120px);animation-duration:2.1s}.fx[data-tier=miss] .fx-stamp span,.fx[data-tier=blunder] .fx-stamp span{animation:stamp-fail 2.4s var(--ease-out) both;font-size:clamp(38px,10.5vw,108px);font-style:normal}.fx[data-tier=miss] .fx-stamp span:after,.fx[data-tier=blunder] .fx-stamp span:after{content:"";background:var(--ink);transform-origin:0;height:.06em;animation:strike .5s var(--ease-out) .35s both;position:absolute;top:55%;left:.4em;right:.4em;rotate:-4deg}.fx[data-tier=blunder] .fx-stamp span:before{content:attr(data-text);padding:inherit;color:var(--muted);clip-path:inset(0 0 100%);mix-blend-mode:difference;animation:.3s steps(2,end) 2 glitch-ghost;position:absolute;inset:0}.play[data-tier=perfect] .year{animation:year-pop 1.1s var(--bouncy) .5s both}.play[data-tier=great] .year{animation:year-pop-sm .9s var(--bouncy) .5s both}.play[data-tier=perfect] .card{animation:card-lift 1.4s var(--bouncy) .5s both}.play[data-tier=perfect] .verdict,.play[data-tier=great] .verdict{animation:verdict-bounce .9s var(--bouncy) .7s both}.play[data-tier=good] .verdict-pts{animation:nudge-up .7s var(--bouncy) .6s both}.play[data-tier=perfect] .verdict-label{animation:label-glow 1.8s var(--ease-out) .6s both}.play[data-tier=perfect] .gauge:after,.play[data-tier=great] .gauge:after{content:"";background:linear-gradient(90deg, transparent, var(--bg), transparent) 0 0 / 40% 100% no-repeat;animation:gauge-sweep 1.2s var(--ease-in-out) 1.6s 2 both;position:absolute;inset:0}.play[data-tier=miss] .verdict{animation:shake-sm .55s var(--ease-out) .55s both}.play[data-tier=blunder] .stage,.play[data-tier=blunder] .dock{animation:.7s cubic-bezier(.36,.07,.19,.97) .5s both shake-lg}.play[data-tier=blunder] .year{animation:.9s step-end .5s both glitch}.play[data-tier=blunder] .verdict-pts{animation:drop-out 1.1s var(--bouncy) 1.2s both}.play[data-tier=blunder] .card-media img{animation:24s cubic-bezier(.2,.6,.3,1) forwards kenburns,.8s steps(2,end) .5s img-flicker}.play[data-tier=miss] .pin-head,.play[data-tier=blunder] .pin-head{animation:nope .7s var(--ease-out) .6s both}.play[data-tier=miss] .verdict-label,.play[data-tier=blunder] .verdict-label{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}:root[data-tier=perfect] .hud-score b{animation:hud-pop .9s var(--bouncy) .7s both}:root[data-tier=great] .hud-score b{animation:hud-pop-sm .8s var(--bouncy) .7s both}:root[data-tier=blunder] .hud-score b{animation:shake-sm .5s var(--ease-out) .7s both}}@layer deck{.steps li[data-s=done],.eyebrow .dot,.tag:before,.rail-fill,.truth-line,.truth-ring,.gauge:before,.rc-bar:before,.fx-p.muted,.demo-truth,.demo-pin,.demo-pin:after,.rl-truth,.badge{background:var(--accent)}.truth-flag,.demo-truth span{background:var(--accent);color:var(--bg)}.gap,.rl-gap,.demo-gap{background:repeating-linear-gradient(-45deg, var(--accent) 0 1.5px, transparent 1.5px 5px)}.fx-ring,.fx-p.ring{border-color:var(--accent)}.band[data-active]{color:var(--accent);background:linear-gradient(to bottom, var(--accent-soft), transparent)}.card-more{background-image:linear-gradient(var(--accent), var(--accent))}.decks{border:1px solid var(--line);background:var(--soft);width:min(100%,390px);animation:1s var(--ease-out) .55s both var(--enter,fade-up);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;display:grid;position:relative}.decks button{z-index:1;height:42px;color:var(--ink-2);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:color .3s;display:inline-flex;position:relative}.decks button:hover,.decks button[aria-checked=true]{color:var(--ink)}.decks button i{background:var(--c);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklab, var(--c) 22%, transparent);transition:scale .5s var(--bouncy);border-radius:50%}.decks button[aria-checked=true] i{scale:1.25}.decks-indicator{inset-block:4px;background:var(--surface);width:calc(33.3333% - 2.66667px);box-shadow:0 1px 0 var(--hl) inset, 0 8px 18px -10px var(--shadow);translate:calc(var(--i) * 100%) 0;transition:translate .55s var(--spring);border-radius:999px;position:absolute;left:4px}}@layer fit{html,body{overscroll-behavior:none;height:100%;overflow:hidden}html{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{min-height:0}#app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;min-height:0}.hud{grid-template-columns:auto minmax(0,1fr) auto}.steps{justify-self:center;min-width:0;max-width:100%}.steps li{flex:0 clamp(16px,4vw,28px);min-width:5px}.screen{grid-template-rows:minmax(0,1fr);min-height:0;margin-inline:-12px;padding-inline:12px;overflow:hidden;container:screen/size}@media (height<=720px){.hud{min-height:calc(54px + env(safe-area-inset-top))}}:root[data-phase=intro] .screen{grid-template-rows:minmax(0,1fr) auto}.intro{justify-content:center;align-self:stretch;gap:clamp(14px,3.6cqh,52px);min-height:0;padding-block:clamp(6px,2cqh,40px)}.wordmark{margin-top:0;font-size:clamp(60px,min(27vw,21cqh),232px)}.lede{margin-top:clamp(8px,2cqh,22px)}.demo-track{height:clamp(46px,8cqh,64px)}.stats{padding-top:clamp(10px,2cqh,18px)}.stats dd{margin-top:clamp(5px,1cqh,8px);font-size:clamp(18px,3.4cqh,22px)}@media (width<=520px){.cta{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,390px);display:grid}.cta .btn{gap:8px;padding-inline:12px}.btn-orbit{flex-direction:column;gap:3px}.btn-orbit small{font-size:10px}}@media (width<=360px){.cta .btn{font-size:14px}}@container screen (height<=780px){.how{display:none}}@container screen (height<=600px){.marquee{display:none}.lede{font-size:14.5px;line-height:1.45}}@container screen (height<=500px){.stats{display:none}}@container screen (height<=420px){.lede{display:none}}.play{grid-template-rows:minmax(0,1fr) auto;gap:clamp(4px,1cqh,8px)}.stage{gap:clamp(8px,2.2cqh,40px);min-height:0;padding-block:clamp(2px,1cqh,12px) 0}.card{flex:0 auto;min-height:0}.readout{flex:none}.year{transition:font-size .7s var(--ease-out);font-size:clamp(46px,min(21vw,12.5cqh),150px)}.play[data-phase=reveal] .year{font-size:clamp(40px,min(17vw,9.5cqh),128px)}.dock .timeline{transition:padding-top .6s var(--ease-out)}.play[data-phase=reveal] .dock .timeline{padding-top:16px}@container stage (width<=699px){.card{flex-direction:column;display:flex}.card-body{flex:none}.card-media{aspect-ratio:auto;min-height:0;max-height:none;transition:flex-basis .7s var(--ease-out);flex:0 min(56.25cqi,34cqh)}.play[data-phase=reveal] .card-media{flex-basis:min(56.25cqi,24cqh);max-height:none}}.card-text{-webkit-line-clamp:4;max-height:6.4em;transition:max-height .6s var(--ease-out), margin-top .6s var(--ease-out), opacity .4s;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@container screen (height<=760px){.card-text{-webkit-line-clamp:3;max-height:4.8em}.play[data-phase=reveal] .card-text{opacity:0;max-height:0;margin-top:0}.card-more{margin-top:10px}}@container screen (height<=560px){.card-text{-webkit-line-clamp:2;max-height:3.2em;font-size:14px;line-height:1.5}.card-title{font-size:clamp(23px,6.4cqi,40px)}.card-head{margin-bottom:8px}.card-body,.card.has-media .card-body{padding:12px 16px 14px}.bands{display:none}}.verdict{animation:verdict-open .75s var(--ease-out) both;overflow:hidden}.play:is([data-tier=perfect],[data-tier=great]) .verdict{animation:verdict-open .75s var(--ease-out) both, verdict-bounce .9s var(--bouncy) .7s both}@media (width<=520px),(height<=760px){.verdict{gap:10px;padding:12px}.verdict-label{font-size:25px}.verdict-diff{margin-top:6px}.verdict-pts{font-size:30px}.gauge{height:8px}.btn-next{height:48px}}.result{--row:clamp(44px, 7.4cqh, 72px);justify-content:center;align-self:stretch;gap:clamp(8px,1.9cqh,18px);min-height:0;padding-block:clamp(4px,2cqh,36px)}.final b{font-size:clamp(52px,min(22vw,12.5cqh),176px)}.rank{font-size:clamp(24px,min(6vw,5cqh),40px)}.recap-line{margin-block:0}.rl-track{height:clamp(40px,7cqh,64px)}.recap{gap:clamp(5px,.9cqh,8px)}.recap li{grid-template-columns:auto calc(var(--row) - 14px) minmax(0, 1fr) auto;height:var(--row);border-radius:16px;gap:12px;padding:7px 14px 7px 7px}.rc-idx{padding-left:7px}.rc-thumb{width:100%;height:calc(var(--row) - 14px);border-radius:10px}.rc-title,.rc-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rc-title{font-size:clamp(15px,2.6cqh,19px);line-height:1.2}.rc-meta{margin-top:clamp(2px,.5cqh,5px);font-size:10px}.rc-pts b{font-size:15px}.rc-bar{width:44px}.result .cta{margin-top:0}@media (width<=440px){.recap li{grid-template-columns:calc(var(--row) - 14px) minmax(0, 1fr) auto;gap:10px;padding-right:12px}}@container screen (height<=520px){.recap-line{display:none}}@media (height<=480px){.screen{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.screen,:root[data-phase=intro] .screen{display:block}.card{flex:none}.card.has-media .card-media{min-height:150px}}}@layer live{:root{--warn:var(--lightningcss-light,#c8372f)var(--lightningcss-dark,#ff7b70)}.timer{z-index:3;pointer-events:none;background:color-mix(in oklab, var(--ink) 8%, transparent);height:4px;transition:height .4s var(--ease-out), opacity .6s;position:absolute;inset:0 0 auto}.timer i{transform-origin:0;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:time-drain var(--round,30s) linear var(--t0,0s) both;position:absolute;inset:0}.play:has(.clock[data-urgent]) .timer{height:6px}.play[data-phase=reveal] .timer{opacity:.35;height:4px}.play[data-phase=reveal] :is(.timer i,.clock i){animation-play-state:paused}.card-meta{align-items:center;gap:12px;display:inline-flex}.clock{--c:var(--ink);background:color-mix(in oklab, var(--c) 7%, transparent);color:var(--c);font:600 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;margin-block:-4px;padding:4px 8px 4px 5px;transition:color .4s,background-color .4s;display:inline-flex}.clock i{background:conic-gradient(var(--c) 0 calc(var(--left) * 1turn), color-mix(in oklab, var(--c) 18%, transparent) 0);width:16px;height:16px;animation:ring-drain var(--round,30s) linear var(--t0,0s) both;border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 4.3px,#000 4.8px);mask:radial-gradient(circle,#0000 4.3px,#000 4.8px)}.clock b{text-align:right;min-width:2ch;font-weight:inherit}.clock[data-urgent]{--c:var(--warn)}.play[data-phase=reveal] .clock{--c:var(--muted)}.verdict-side{justify-items:end;gap:7px;display:grid}.verdict-speed{font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}:root[data-phase=play] .board-btn{display:none}.cta-result{grid-template-columns:minmax(0,1fr) auto 54px;gap:10px;width:min(100%,460px);display:grid}.cta-result .btn{padding-inline:18px}@media (width<=400px){.cta-result{grid-template-columns:minmax(0,1fr) 54px 54px}.cta-result [data-action=again]{padding:0}.cta-result [data-action=again] span{display:none}}.sheet{width:min(100%,480px);max-width:none;max-height:min(88dvh,760px);padding:8px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(26px)saturate(1.3);color:var(--ink);box-shadow:0 1px 0 var(--hl) inset, 0 -30px 80px -30px var(--shadow);overscroll-behavior:contain;opacity:1;transition:translate .5s var(--ease-out), opacity .3s, display .5s allow-discrete, overlay .5s allow-discrete;border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;margin:0 auto;position:fixed;inset:auto 0 0;translate:0}.sheet[open]{display:flex}@starting-style{.sheet[open]{translate:0 100%}}.sheet[data-closing]{transition-duration:.26s;transition-timing-function:cubic-bezier(.5,0,.9,.4);translate:0 100%}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;transition:opacity .35s, display .35s allow-discrete, overlay .35s allow-discrete;background:#00000061}@starting-style{.sheet[open]::backdrop{opacity:0}}.sheet[data-closing]::backdrop{opacity:0}@media (width>=640px) and (height>=560px){.sheet{border-bottom:1px solid var(--line);border-radius:28px;height:fit-content;margin:auto;padding:22px 22px 18px;inset:0}@starting-style{.sheet[open]{opacity:0;translate:0 28px}}.sheet[data-closing]{opacity:0;translate:0 20px}.sheet-grip{display:none}}.sheet-grip{background:var(--line-strong);border-radius:3px;flex:none;width:38px;height:5px;margin:0 auto 12px}.sheet-head{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-title{font:400 clamp(28px, 8vw, 36px)/1 var(--font-serif);letter-spacing:-.015em;margin-top:10px}.lb-form{border:1px solid var(--line);background:var(--soft);border-radius:22px;flex:none;gap:10px;margin-top:16px;padding:14px;display:grid}.lb-your{justify-content:space-between;align-items:baseline;padding-inline:4px;display:flex}.lb-your span{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.lb-your b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:300}.lb-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.lb-field input{border:1px solid var(--line-strong);background:var(--bg);min-width:0;height:48px;color:var(--ink);font:400 16px var(--font-sans);border-radius:999px;outline:none;padding:0 18px;transition:border-color .2s,box-shadow .3s}.lb-field input::placeholder{color:var(--muted)}.lb-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.lb-field input:disabled{opacity:.7}.lb-field .btn{height:48px;padding-inline:20px}.lb-field .btn:disabled{cursor:default;opacity:.55}.lb-form[data-state=busy] .btn span{animation:blink 1s var(--ease-in-out) infinite}.lb-form[data-state=done] .btn{background:var(--accent);color:var(--bg);opacity:1}.lb-note{min-height:1.3em;font:500 10.5px/1.3 var(--font-mono);letter-spacing:.02em;color:var(--muted);padding-inline:6px}.lb-form[data-state=error] .lb-note{color:var(--warn)}.lb-form[data-state=done] .lb-note{color:var(--accent)}.lb-form:not([data-state]) .lb-note:empty{display:none}.lb-tabs{border:1px solid var(--line);background:var(--soft);border-radius:999px;flex:none;grid-template-columns:1fr 1fr;margin-block:16px 10px;padding:4px;display:grid;position:relative}.lb-tabs button{z-index:1;height:36px;color:var(--ink-2);border-radius:999px;font-size:13.5px;font-weight:500;transition:color .3s;position:relative}.lb-tabs [aria-selected=true]{color:var(--ink)}.lb-tabs-indicator{inset-block:4px;background:var(--surface);width:calc(50% - 4px);box-shadow:0 1px 0 var(--hl) inset, 0 8px 18px -10px var(--shadow);translate:calc(var(--i) * 100%) 0;transition:translate .5s var(--spring);border-radius:999px;position:absolute;left:4px}.lb-body{overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:140px;margin-inline:-6px;padding:4px 6px 8px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 8px calc(100% - 18px),#0000);mask-image:linear-gradient(#0000,#000 8px calc(100% - 18px),#0000)}.lb-body::-webkit-scrollbar{display:none}.lb-list{gap:3px;display:grid}.lb-list li,.lb-mine{border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;height:46px;padding:0 14px 0 6px;display:grid}.lb-list li:has(.lb-flag){grid-template-columns:34px minmax(0,1fr) auto auto;padding-right:6px}.lb-flag{height:30px;color:var(--muted);opacity:.45;border-radius:999px;align-items:center;gap:6px;padding:0 7px;transition:opacity .2s,color .2s,background-color .2s;display:inline-flex}.lb-flag span{white-space:nowrap;font-size:12px;font-weight:500;display:none}.lb-list li:hover .lb-flag,.lb-flag:focus-visible{opacity:1}.lb-flag[data-armed]{opacity:1;color:var(--bg);background:var(--ink);padding-inline:10px}.lb-flag[data-armed] span{display:inline}.lb-list li.is-reported .lb-name{font:italic 400 14px/1.2 var(--font-sans);color:var(--muted)}.lb-list li{animation:row-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 22ms)}.lb-list li:nth-child(odd):not(.lb-empty,.lb-skel){background:color-mix(in oklab, var(--ink) 3.5%, transparent)}.lb-rank{font:600 12px/1 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;justify-self:center}.lb-rank:is([data-podium="1"],[data-podium="2"],[data-podium="3"]){width:26px;height:26px;color:var(--ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 45%, transparent);border-radius:50%;place-items:center;display:grid}.lb-rank[data-podium="1"]{background:var(--accent);color:var(--bg);box-shadow:0 6px 16px -6px var(--accent)}.lb-name{font:400 19px/1.15 var(--font-serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-score{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.lb-list li.is-me,.lb-mine{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent)}.lb-mine{animation:row-in .5s var(--ease-out) .2s both;flex:none;margin-top:8px}.lb-skel{background:linear-gradient(100deg, var(--soft) 30%, color-mix(in oklab, var(--ink) 9%, transparent) 50%, var(--soft) 70%) 0 0 / 250% 100%;animation:1.3s linear infinite skeleton!important}.lb-list li.lb-empty{text-align:center;height:auto;color:var(--muted);padding:32px 16px;line-height:1.5;animation:.4s both fade-in;display:block}.lb-count{text-align:center;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:12px}.readout{isolation:isolate;position:relative}.readout:before{content:"";z-index:-1;aspect-ratio:2.1;background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 42%, transparent), transparent);filter:blur(16px);opacity:0;pointer-events:none;width:min(78%,340px);transition:opacity .8s var(--ease-out), scale 1s var(--ease-out);border-radius:50%;position:absolute;top:40%;left:50%;translate:-50% -50%;scale:.7}.play[data-idle] .readout:before{opacity:1;animation:aura 3.4s var(--ease-in-out) infinite;scale:1}.odo{transition:filter .7s var(--ease-out), opacity .7s var(--ease-out)}.play[data-idle] .odo{filter:blur(1.6px);opacity:.45}.play[data-idle] .dg{opacity:1;width:.6em}.play[data-idle] .strip{transition:none;animation:4s linear infinite odo-spin}.play[data-idle] .dg:first-child .strip{animation-duration:7s;animation-delay:-1.8s}.play[data-idle] .dg:nth-child(2) .strip{animation-duration:5.2s;animation-delay:-3.4s}.play[data-idle] .dg:nth-child(3) .strip{animation-duration:3.9s;animation-delay:-1.1s}.play[data-idle] .dg:nth-child(4) .strip{animation-duration:3s;animation-delay:-2.4s}.era{transition:opacity .5s var(--ease-out), color .3s}.play[data-idle] .era{opacity:0}.readout-sub{transition:color .5s}.play[data-idle] .readout-sub{color:var(--accent);animation:breathe-text 2.6s var(--ease-in-out) infinite}.epoch{z-index:0;pointer-events:none;mix-blend-mode:multiply;--ep-o:.17;position:fixed;inset:0;overflow:hidden}.ep-scene{opacity:0;visibility:hidden;filter:blur(6px);transition:opacity .9s var(--ease-out), scale 1.4s var(--ease-out), filter .9s var(--ease-out), visibility 0s .9s;position:absolute;inset:0;scale:1.05}:root[data-deck=history][data-phase=play][data-epoch=ant] .ep-scene[data-era=ant],:root[data-deck=history][data-phase=play][data-epoch=med] .ep-scene[data-era=med],:root[data-deck=history][data-phase=play][data-epoch=mod] .ep-scene[data-era=mod],:root[data-deck=history][data-phase=play][data-epoch=con] .ep-scene[data-era=con]{opacity:1;visibility:visible;filter:none;transition:opacity .9s var(--ease-out), scale 1.4s var(--ease-out), filter .9s var(--ease-out), visibility 0s;scale:1}.ep-scene img{object-fit:cover;object-position:50% 100%;width:auto;min-width:118vw;max-width:none;height:72vh;translate:calc((100vw - 100%) * var(--t,.5)) 0;filter:grayscale()contrast(1.35)brightness(1.12);opacity:0;transition:opacity .8s var(--ease-out);-webkit-mask-composite:source-in;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000,#000 38% 78%,#0000),linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 38% 78%,#0000),linear-gradient(90deg,#0000,#000 10% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.ep-scene img[data-ready]{opacity:var(--ep-o)}:root[data-theme=dark] .epoch{--ep-o:.15;mix-blend-mode:screen}:root[data-theme=dark] .ep-scene img{filter:grayscale()invert()contrast(1.35)brightness(.95)}@media (width<=600px){.ep-scene img{height:62vh}}}@layer mp{:root{--p0:oklch(63% .17 30);--p1:oklch(63% .15 150);--p2:oklch(60% .17 262);--p3:oklch(70% .15 75);--p4:oklch(62% .18 330);--p5:oklch(64% .12 205);--p6:oklch(66% .16 115);--p7:oklch(60% .16 295)}:root:not([data-phase=intro]) .board-btn{display:none}.btn-friends{order:3}@media (width<=520px){.intro .cta .btn-friends{grid-column:1/-1}}@container screen (height<=640px){.stats{display:none}}.av{background:var(--c,var(--muted));color:#fff;width:30px;height:30px;font:600 13px/1 var(--font-sans);text-shadow:0 1px 1px #00000040;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.av-lg{width:54px;height:54px;font-size:22px}.av-free{color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line-strong);text-shadow:none;background:0 0}.mp{text-align:center;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:clamp(10px,2.2cqh,20px);width:min(100%,520px);min-height:0;margin-inline:auto;padding-block:clamp(6px,2cqh,28px);display:flex}.mp>*{animation:fade-up .8s var(--ease-out) both}.mp-title{font:400 clamp(38px, min(11vw, 9cqh), 68px)/1 var(--font-serif);letter-spacing:-.02em}.mp-lede{max-width:34ch;color:var(--ink-2);text-wrap:balance;font-size:15px;line-height:1.5}@container screen (height<=560px){.mp-lede{display:none}}.mp-form{gap:clamp(10px,1.8cqh,14px);width:min(100%,400px);display:grid}.mp-field{text-align:left;gap:6px;display:grid}.mp-field span{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-left:18px}.mp-field input,.mp-code-input{border:1px solid var(--line-strong);background:color-mix(in oklab, var(--surface) 70%, transparent);min-width:0;height:50px;color:var(--ink);font:400 16px var(--font-sans);border-radius:999px;outline:none;padding:0 18px;transition:border-color .2s,box-shadow .3s}.mp-field input:focus,.mp-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.mp-code-input{text-align:center;font:600 18px var(--font-mono);letter-spacing:.32em;text-transform:uppercase}.mp-code-input::placeholder{font:400 15px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--muted)}.seg{border:1px solid var(--line);background:var(--soft);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;position:relative}.seg button{z-index:1;height:40px;color:var(--ink-2);border-radius:999px;font-size:14px;font-weight:500;transition:color .3s;position:relative}.seg [aria-checked=true]{color:var(--ink)}.seg-ind{inset-block:4px;background:var(--surface);width:calc(50% - 4px);box-shadow:0 1px 0 var(--hl) inset, 0 8px 18px -10px var(--shadow);translate:calc(var(--i) * 100%) 0;transition:translate .5s var(--spring);border-radius:999px;position:absolute;left:4px}.seg-sm{width:140px}.seg-sm button{height:32px;font:600 13px/1 var(--font-mono)}.mp-rounds{justify-content:space-between;align-items:center;padding-left:18px;display:flex}.mp-rounds>span{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mp-form .btn{width:100%}.mp-or{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;display:flex}.mp-or:before,.mp-or:after{content:"";background:var(--line);flex:1;height:1px}.mp-join{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.mp-join .btn{width:auto;height:50px}.mp-error{min-height:1.3em;font:500 11px/1.3 var(--font-mono);color:var(--muted)}.mp-form[data-state=error] .mp-error{color:var(--warn)}.mp-form[data-busy] .mp-error{animation:blink 1.2s var(--ease-in-out) infinite}.mp-code{gap:clamp(6px,2vw,10px);display:flex}.mp-code span{aspect-ratio:.82;border:1px solid var(--line-strong);background:color-mix(in oklab, var(--surface) 80%, transparent);width:clamp(44px,13vw,60px);box-shadow:0 1px 0 var(--hl) inset, 0 14px 30px -18px var(--shadow);font:500 clamp(24px, 7vw, 34px)/1 var(--font-mono);animation:pop .7s var(--bouncy) both;animation-delay:calc(var(--i) * 70ms + .2s);border-radius:14px;place-items:center;display:grid}.mp-invite{height:44px}.mp-players{gap:6px;width:min(100%,400px);display:grid}.mp-players li{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 80%, transparent);text-align:left;height:clamp(44px,7.5cqh,52px);animation:row-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms);border-radius:16px;align-items:center;gap:12px;padding:0 16px 0 10px;display:flex}.mp-players li.is-me{background:var(--accent-soft);border-color:color-mix(in oklab, var(--accent) 40%, transparent)}.mp-players li.is-free{color:var(--muted);background:0 0;border-style:dashed}.mp-players .mp-pname{font:400 19px/1.1 var(--font-serif);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mp-players small{font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mp-status{min-height:1.3em;font:500 10.5px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mp-status:not(:empty):before{content:"";background:var(--accent);vertical-align:1px;width:6px;height:6px;animation:blink 1.6s var(--ease-in-out) infinite;border-radius:50%;margin-right:8px;display:inline-block}.mp-cta{width:min(100%,400px)}.mp-cta .btn{flex:1}.mp-cta .btn:disabled{opacity:.4;cursor:default}@media (width<=520px){.mp-cta:has(>:only-child){grid-template-columns:1fr}}.mp-assist{height:34px}.mp-strip{justify-content:center;gap:6px;display:flex}.mp-strip li{opacity:.45;transition:opacity .3s, scale .5s var(--spring);position:relative}.mp-strip .av{width:26px;height:26px;font-size:11.5px}.mp-strip i{background:var(--ink);width:14px;height:14px;color:var(--bg);transition:scale .45s var(--bouncy);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px;scale:0}.mp-strip i svg{stroke-width:3px;width:9px;height:9px}.mp-strip li.is-locked{opacity:1}.mp-strip li.is-locked i{scale:1}.mp-strip li.is-off{opacity:.2;filter:grayscale()}.actions:has(.mp-wait){grid-template-columns:1fr}.mp-wait{border:1px solid var(--line-strong);height:54px;font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;justify-content:center;align-items:center;gap:10px;animation:.4s both fade-in;display:flex}.mp-wait-dot{background:var(--accent);width:8px;height:8px;animation:blink 1.2s var(--ease-in-out) infinite;border-radius:50%}.play[data-locked] .timeline{opacity:.7;transition:opacity .4s}.play[data-locked] .pin{cursor:default}.mp-stand{--row:clamp(36px, 6.3cqh, 54px);gap:clamp(8px,1.8cqh,16px);width:min(100%,640px)}.mp-stand-head{justify-items:center;gap:6px;max-width:100%;display:grid}.mp-ev{align-items:baseline;gap:12px;max-width:100%;display:flex}.mp-ev-title{font:400 clamp(22px, min(6vw, 4.6cqh), 34px)/1.15 var(--font-serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mp-ev-year{background:var(--accent);color:var(--bg);font:600 13px/1 var(--font-mono);animation:pop .7s var(--bouncy) .2s both;border-radius:999px;flex:none;padding:5px 10px}.mp-line{width:100%;container-type:inline-size}.mp-line .rl-track{height:clamp(44px,8cqh,64px);position:relative}.mp-truth{inset-block:2px;left:calc(var(--x) * 100%);background:var(--accent);transform-origin:bottom;width:2px;animation:truth-drop .8s var(--bouncy) .1s both;border-radius:2px;margin-left:-1px;position:absolute}.mp-pin{top:50%;left:calc(var(--x) * 100%);background:var(--c);color:#fff;width:22px;height:22px;font:600 10.5px/1 var(--font-sans);box-shadow:0 0 0 2px var(--bg);animation:pop .6s var(--bouncy) both;animation-delay:calc(var(--i) * 90ms + .4s);border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.mp-pin.is-me{z-index:2;box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--ink)}@container (width<=620px){.mp-line .axis .mn{display:none}}.mp-table{text-align:left;gap:5px;width:100%;display:grid}.mp-table li{height:var(--row,52px);border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 82%, transparent);animation:row-in .5s var(--ease-out) both, rank-move .9s var(--spring) both;animation-delay:calc(var(--i) * 50ms), 1s;border-radius:14px;grid-template-columns:18px 28px 30px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 14px 0 10px;display:grid}.mp-table li.is-me{background:var(--accent-soft);border-color:color-mix(in oklab, var(--accent) 45%, transparent)}.mp-table li.is-off{opacity:.5}.mp-pos{font:600 12px/1 var(--font-mono);color:var(--muted);text-align:center}.mp-move{font:600 10px/1 var(--font-mono);animation:.4s 1.6s both fade-in}.mp-move[data-dir=up]{color:var(--accent)}.mp-move[data-dir=down]{color:var(--warn)}.mp-table .av{width:28px;height:28px;font-size:12px}.mp-who{gap:3px;min-width:0;display:grid}.mp-who .mp-pname{font:400 18px/1.1 var(--font-serif);white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.mp-who small{font:500 10px/1.2 var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mp-crown{background:var(--accent);color:var(--bg);font:normal 600 9.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;animation:pop .7s var(--bouncy) .9s both;border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 7px 3px 5px;display:inline-flex}.mp-crown svg{fill:currentColor;stroke:none;width:11px;height:11px}@container screen (width<=420px){.mp-crown span{display:none}}.mp-plus{font:500 11px/1 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.mp-total{text-align:right;letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-width:4.5ch;font-size:16px;font-weight:500}@container screen (height<=600px){.mp-table:has(li:nth-child(5)) .mp-who small{display:none}}.mp-next{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;width:100%;display:grid}.mp-next-bar{background:var(--line);border-radius:3px;grid-column:1/-1;height:3px;overflow:hidden}.mp-next-bar i{background:var(--accent);transform-origin:0;height:100%;animation:next-drain var(--dur) linear both;display:block}.mp-next-label{text-align:left;font:500 10.5px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mp-next .btn{height:44px;padding-inline:20px}.mp-final{--row:clamp(36px, 6cqh, 50px)}.mp-winner{font:italic 400 clamp(36px, min(10vw, 8cqh), 64px)/1.05 var(--font-serif);letter-spacing:-.02em;text-wrap:balance}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;width:min(100%,440px);display:grid}.podium.is-duel{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,320px)}.podium.is-duel .pod-empty{display:none}.pod{justify-items:center;gap:6px;min-width:0;display:grid}.pod-name{max-width:100%;font:400 17px/1.1 var(--font-serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pod-total{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.pod-step{width:100%;height:var(--h);background:linear-gradient(to bottom, color-mix(in oklab, var(--c) 45%, transparent), color-mix(in oklab, var(--c) 8%, transparent));box-shadow:inset 0 1px 0 var(--hl);font:600 clamp(20px, 5cqh, 30px)/1 var(--font-mono);transform-origin:bottom;animation:truth-drop .9s var(--bouncy) both;border-radius:14px 14px 4px 4px;place-items:start center;padding-top:10px;display:grid}.pod-step i{color:var(--ink);opacity:.8;font-style:normal}.pod-1{--h:clamp(70px, 17cqh, 150px)}.pod-2{--h:clamp(50px, 12cqh, 110px)}.pod-3{--h:clamp(36px, 8.5cqh, 80px)}.pod-3 .pod-step{animation-delay:.2s}.pod-2 .pod-step{animation-delay:.4s}.pod-1 .pod-step{animation-delay:.6s}.pod>:not(.pod-step){animation:fade-up .7s var(--ease-out) both;animation-delay:.9s}.pod-1 .av{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--c), 0 16px 30px -10px var(--c)}.mp-rest{width:min(100%,440px)}.mp-rest li{animation:row-in .5s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms + 1.1s)}}@layer motion{@keyframes verdict-open{0%{max-height:54px}to{max-height:280px}}@keyframes time-drain{0%{background-color:var(--accent);scale:1}72%{background-color:var(--accent)}to{background-color:var(--warn);scale:0 1}}@keyframes ring-drain{0%{--left:1}to{--left:0}}@keyframes next-drain{0%{scale:1}to{scale:0 1}}@keyframes rank-move{0%{translate:0 calc(var(--from,0) * (var(--row,52px) + 5px))}}@keyframes fade-up{0%{opacity:0;filter:blur(6px);translate:0 16px}}@keyframes fade-in{0%{opacity:0}}@keyframes letter-in{0%{opacity:0;filter:blur(18px);translate:0 35%}}@keyframes word-in{0%{opacity:0;filter:blur(10px);translate:0 .4em;rotate:3deg}}@keyframes row-in{0%{opacity:0;translate:0 14px;scale:.98}}@keyframes pop{0%{opacity:0;scale:0}}@keyframes blink{50%{opacity:.2}}@keyframes shimmer{0%{translate:-100%}to{translate:100%}}@keyframes orbit{to{--angle:360deg}}@keyframes spin{to{rotate:360deg}}@keyframes marquee{to{translate:-50%}}@keyframes sheen{to{translate:100%}}@keyframes invite{0%{opacity:.7;scale:.7}to{opacity:0;scale:1.9}}@keyframes truth-drop{0%{scale:1 0}}@keyframes flag-in{0%{opacity:0;translate:-50% 12px;scale:.4}}@keyframes ring-out{0%{opacity:.5;scale:.4}to{opacity:0;scale:5}}@keyframes gap-grow-r{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes gap-grow-l{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes skeleton{0%{background-position:150% 0}to{background-position:-150% 0}}@keyframes kenburns{0%{translate:1.5% 1%;scale:1.14}to{translate:0;scale:1.02}}@keyframes flash-hard{0%{opacity:.92}to{opacity:0}}@keyframes flash-soft{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes vignette{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes flicker{50%{filter:brightness(1.6)}}@keyframes p-burst{0%{translate:0;rotate:0deg;scale:.3}12%{scale:1}to{translate:var(--dx) var(--dy);rotate:var(--r);scale:1}}@keyframes p-fall{0%{top:var(--oy)}to{top:calc(var(--oy) + var(--g))}}@keyframes p-fade{0%,65%{opacity:1}to{opacity:0}}@keyframes shock{0%{opacity:.9;scale:.2}to{scale:var(--sc,16);opacity:0;border-width:.5px}}@keyframes stamp{0%{opacity:0;scale:1.9}12%{opacity:1;scale:.95}20%{scale:1.03}27%,80%{opacity:1;scale:1}to{opacity:0;translate:0 -24px;scale:1.03}}@keyframes stamp-fail{0%{opacity:0;translate:0 -40px;scale:.7}12%{opacity:1;translate:0;scale:1.05}18%{translate:-8px;rotate:-2deg}24%{translate:8px;rotate:2deg}30%{translate:-4px;rotate:-1deg}36%,80%{opacity:1;translate:0;rotate:-1deg}to{opacity:0;translate:0 50px;rotate:5deg}}@keyframes strike{0%{scale:0 1}}@keyframes glitch-ghost{0%{clip-path:inset(10% 0 55%);translate:6px -2px}50%{clip-path:inset(50% 0 10%);translate:-6px 3px}to{clip-path:inset(0 0 100%);translate:0}}@keyframes year-pop{0%{scale:1}30%{text-shadow:0 0 40px color-mix(in oklab, var(--ink) 45%, transparent);scale:1.2}to{text-shadow:none;scale:1}}@keyframes year-pop-sm{40%{scale:1.08}}@keyframes card-lift{35%{box-shadow:0 0 0 2px var(--ink), 0 50px 80px -30px var(--shadow);translate:0 -10px}}@keyframes verdict-bounce{0%{scale:1}30%{scale:1.06}to{scale:1}}@keyframes nudge-up{40%{translate:0 -6px}}@keyframes label-glow{0%{letter-spacing:-.01em}40%{letter-spacing:.04em;text-shadow:0 0 18px color-mix(in oklab, var(--ink) 40%, transparent)}to{letter-spacing:-.01em}}@keyframes gauge-sweep{0%{background-position:-60% 0}to{background-position:160% 0}}@keyframes shake-sm{15%{translate:-7px}30%{translate:6px}45%{translate:-4px}60%{translate:3px}75%{translate:-1px}}@keyframes shake-lg{10%{translate:-12px 2px;rotate:-.6deg}20%{translate:11px -3px;rotate:.6deg}30%{translate:-9px 3px;rotate:-.4deg}40%{translate:8px -1px;rotate:.3deg}55%{translate:-5px 1px;rotate:0deg}70%{translate:3px}85%{translate:-1px}}@keyframes glitch{0%{text-shadow:none;translate:0}10%{text-shadow:6px 0 var(--muted), -6px 0 color-mix(in oklab, var(--ink) 40%, transparent);clip-path:inset(0 0 40%);transform:skew(12deg)}20%{clip-path:inset(45% 0 0);transform:skew(-8deg)}30%{clip-path:inset(20% 0 30%);text-shadow:-8px 0 var(--muted);transform:none}40%{clip-path:none;text-shadow:none;opacity:.4;translate:0}50%{opacity:1;text-shadow:4px 0 var(--muted);translate:4px}60%{text-shadow:none;translate:0}to{text-shadow:none;opacity:1;translate:0}}@keyframes drop-out{0%{opacity:1;translate:0;rotate:0deg}40%{translate:0 10px;rotate:8deg}to{opacity:.35;translate:0 6px;rotate:5deg}}@keyframes img-flicker{0%{filter:grayscale()brightness(1.8)contrast(2)}50%{filter:grayscale()brightness(.4)}to{filter:grayscale()}}@keyframes nope{0%{translate:0}15%{translate:-6px}30%{translate:6px}45%{translate:-4px}60%{translate:4px}80%{translate:-1px}to{translate:0}}@keyframes hud-pop{0%{scale:1}30%{scale:1.45}to{scale:1}}@keyframes hud-pop-sm{35%{scale:1.2}}@keyframes demo-pin{0%,8%{left:22%}32%,88%{left:64%}to{left:22%}}@keyframes demo-truth{0%,42%{opacity:0;scale:1 0}50%,86%{opacity:1;scale:1}94%,to{opacity:0;scale:1}}@keyframes demo-gap{0%,50%{clip-path:inset(0 0 0 100%);opacity:0}60%,86%{clip-path:inset(0);opacity:.5}94%,to{clip-path:inset(0);opacity:0}}::view-transition-group(*){animation-duration:.55s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation:vt-out .35s var(--ease-in-out) both}::view-transition-new(root){animation:vt-in .6s var(--ease-out) both}@keyframes vt-out{to{opacity:0;filter:blur(8px);scale:.985}}@keyframes vt-in{0%{opacity:0;filter:blur(8px);scale:1.015}}::view-transition-old(card){animation:card-out .45s var(--ease-in-out) both}::view-transition-new(card){animation:card-in .75s var(--ease-out) both}@keyframes card-out{to{opacity:0;filter:blur(10px);translate:-14%;rotate:-2deg}}@keyframes card-in{0%{opacity:0;filter:blur(10px);translate:14%;rotate:2deg}}:root.vt-round::view-transition-old(root){animation:none}:root.vt-round::view-transition-new(root){animation:none}:root.vt-theme *{view-transition-name:none!important}:root.vt-theme,:root.vt-theme *,:root.vt-theme :before,:root.vt-theme :after{transition:none!important}:root.vt-theme::view-transition-old(root){mix-blend-mode:normal;animation:none}:root.vt-theme::view-transition-new(root){mix-blend-mode:normal;animation:none}:root.vt-theme::view-transition-new(root){z-index:1;-webkit-mask-image:radial-gradient(circle at var(--vt-x) var(--vt-y), #000 var(--vt-r), transparent calc(var(--vt-r) + var(--vt-soft)));-webkit-mask-image:radial-gradient(circle at var(--vt-x) var(--vt-y), #000 var(--vt-r), transparent calc(var(--vt-r) + var(--vt-soft)));mask-image:radial-gradient(circle at var(--vt-x) var(--vt-y), #000 var(--vt-r), transparent calc(var(--vt-r) + var(--vt-soft)))}@media (prefers-reduced-motion:reduce){:not(.timer>i,.clock>i),:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes odo-spin{to{transform:translateY(-10.8em)}}@keyframes aura{50%{scale:1.16}}@keyframes breathe-text{50%{opacity:.55}}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist-mono-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist-mono-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --fill{syntax:"<number>";inherits:true;initial-value:0}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mx{syntax:"<percentage>";inherits:false;initial-value:50%}@property --my{syntax:"<percentage>";inherits:false;initial-value:-10%}@property --left{syntax:"<number>";inherits:false;initial-value:1}@property --vt-r{syntax:"<length>";inherits:true;initial-value:0}