:root{color-scheme:light dark;--font-display: "Big Shoulders Display", "Arial Narrow", system-ui, sans-serif;--font-text: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tracking-caps: .14em;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--leading-tight: 1.05;--leading: 1.5;--clock-size: clamp(4.5rem, 34vw, 22rem);--clock-min: 4.5rem;--clock-max: 22rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-tile: 3px;--radius-sm: 4px;--radius: 6px;--radius-slab: 8px;--content-max: 720px;--board: #16181a;--board-tile: #212427;--board-tile-lo: #191b1d;--board-seam: rgba(0, 0, 0, .55);--digit: #f1f3ec;--digit-dim: #6a706a;--accent: hsl(82 85% 55%);--accent-strong: hsl(84 70% 28%);--accent-ink: #14160c;--accent-contrast: #14160c;--steel-lo: #23272b;--steel-1: #3a4046;--steel-mid: #565d63;--steel-2: #7c848b;--steel-hi: #b6bdc2;--steel-spec: #e6ebee;--steel-shadow: #0c0e10;--steel-gradient: linear-gradient(150deg, var(--steel-hi) 0%, var(--steel-2) 24%, var(--steel-mid) 50%, var(--steel-1) 76%, var(--steel-lo) 100%);--chalk: #eef0e8;--medal-cast: rgba(6, 8, 10, .5);--relief-bevel: -1px -1px 0 var(--steel-hi), 1px 1px 0 var(--steel-shadow), 0 0 1px var(--steel-shadow), 2px 3px 5px var(--medal-cast);--dur-instant: 1ms;--dur: .2s;--dur-flip: .18s;--dur-strike: 90ms;--dur-puff: .2s;--dur-lock: .16s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-flip: cubic-bezier(.5, 0, .5, 1);--ease-strike-in: cubic-bezier(.7, 0, .9, .2);--ease-recoil: cubic-bezier(.3, 1.5, .5, 1);--bg: #d6d7d1;--bg-deep: #c6c7c0;--surface: #e6e7e1;--text: #1b1d1a;--muted: #565a52;--border: #b6b8af;--danger: #a5341f;--shadow: 0 2px 6px rgba(20, 22, 18, .14);--shadow-lg: 0 12px 30px rgba(20, 22, 18, .22);--shadow-slab: 0 5px 0 var(--bg-deep), 0 7px 10px rgba(20, 22, 18, .22);--shadow-contact: 0 10px 22px rgba(20, 22, 18, .32)}@media (prefers-color-scheme: dark){:root{--bg: #101210;--bg-deep: #0a0b0a;--surface: #191b18;--text: #edefe9;--muted: #949a8c;--border: #2a2d28;--danger: #e0674a;--shadow: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .62);--shadow-slab: 0 5px 0 #050605, 0 7px 12px rgba(0, 0, 0, .6);--shadow-contact: 0 12px 26px rgba(0, 0, 0, .62);--medal-cast: rgba(0, 0, 0, .6)}}@media (prefers-reduced-motion: reduce){:root{--dur: var(--dur-instant);--dur-flip: var(--dur-instant);--dur-strike: var(--dur-instant);--dur-puff: var(--dur-instant);--dur-lock: var(--dur-instant)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plaza{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--bg);background-image:radial-gradient(color-mix(in oklab,var(--text) 7%,transparent) .5px,transparent .6px),repeating-linear-gradient(0deg,color-mix(in oklab,var(--text) 6%,transparent) 0 1px,transparent 1px 132px);background-size:5px 5px,auto}@media (prefers-color-scheme: dark){.plaza{background-image:radial-gradient(58% 42% at 22% 14%,color-mix(in oklab,var(--accent) 9%,transparent),transparent 68%),radial-gradient(52% 40% at 84% 82%,color-mix(in oklab,var(--accent) 6%,transparent),transparent 70%),radial-gradient(color-mix(in oklab,var(--text) 8%,transparent) .5px,transparent .6px),repeating-linear-gradient(0deg,color-mix(in oklab,var(--text) 9%,transparent) 0 1px,transparent 1px 132px);background-size:auto,auto,5px 5px,auto}}.app{position:relative;min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4) 0}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:.01em;color:var(--text)}.wordmark__tile{position:relative;width:17px;height:22px;border-radius:var(--radius-tile);background:var(--board-tile);box-shadow:inset 0 0 0 1px var(--board)}.wordmark__tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-1px);background:var(--accent)}.board{display:inline-flex;align-items:stretch;gap:.05em;font-family:var(--font-display);font-weight:800;line-height:1;perspective:30em;max-width:100%}.board--hero{font-size:var(--clock-size)}.board--wide{font-size:clamp(3.5rem,24vw,15rem)}.board--mini{font-size:var(--text-lg);gap:.04em}.board--medal{font-size:clamp(3rem,15vw,5.5rem)}.flap{position:relative;display:inline-block;width:.62em;height:1em;border-radius:var(--radius-tile);background:var(--board);box-shadow:0 .02em .04em #00000073}.flap__face{position:absolute;left:0;right:0;height:50%;overflow:hidden}.flap__face--upper{top:0;border-radius:var(--radius-tile) var(--radius-tile) 0 0;background:var(--board-tile)}.flap__face--lower{bottom:0;border-radius:0 0 var(--radius-tile) var(--radius-tile);background:var(--board-tile-lo)}.flap__glyph{position:absolute;left:0;right:0;text-align:center;height:1em;line-height:1em;font-size:.98em;color:var(--digit)}.flap__face--upper .flap__glyph{top:0}.flap__face--lower .flap__glyph{bottom:0}.flap__seam{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-.5px);background:var(--board-seam);z-index:3}.flap__anim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.flap__fold{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;will-change:transform}.flap__fold--top{top:0;transform-origin:bottom center;border-radius:var(--radius-tile) var(--radius-tile) 0 0;background:var(--board-tile);animation:fold-top var(--dur-flip) var(--ease-flip) both}.flap__fold--bottom{bottom:0;transform-origin:top center;transform:rotateX(90deg);border-radius:0 0 var(--radius-tile) var(--radius-tile);background:var(--board-tile-lo);animation:fold-bottom var(--dur-flip) var(--ease-flip) both}.flap__fold--top .flap__glyph{top:0}.flap__fold--bottom .flap__glyph{bottom:0}@keyframes fold-top{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg)}}@keyframes fold-bottom{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.board__colon{display:inline-flex;flex-direction:column;justify-content:center;gap:.18em;width:.3em}.board__dot{width:.15em;height:.15em;border-radius:2px;background:var(--accent);animation:colon-pulse 1s ease-in-out infinite}@keyframes colon-pulse{0%,to{opacity:1}50%{opacity:.4}}.picker{display:flex;flex-direction:column;gap:var(--space-6);flex:1;padding-top:var(--space-4)}.picker__head{text-align:center}.picker__title{margin:0;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:var(--leading-tight);font-size:var(--text-3xl);color:var(--text)}.picker__sub{margin:var(--space-1) 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-sm)}.plates{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 480px){.plates{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width: 720px){.plates{grid-template-columns:repeat(3,minmax(0,1fr))}}.plate{width:100%;cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);min-height:88px;padding:var(--space-4) var(--space-5);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-slab);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.plate:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.plate:active{transform:translateY(3px);box-shadow:0 2px 0 var(--bg-deep),var(--shadow)}.plate__glyph{width:48px;height:48px;display:grid;place-items:center;color:var(--text);background:var(--bg-deep);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #0003}.plate__name{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-lg);min-width:0;overflow-wrap:anywhere}.plate__pb{display:inline-flex;align-items:center;gap:var(--space-2)}.plate__pb-label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.plate__pb-none{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);color:var(--digit-dim)}.stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;min-height:72vh;padding:var(--space-2) 0}.stage__top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-3)}.stage__hold-name{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-lg);color:var(--text)}.stage__hit,.stage__face-wrap{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.stage__hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;font:inherit}.face{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:100%}.sweep{width:min(70%,18em);height:3px;border-radius:2px;background:color-mix(in oklab,var(--muted) 30%,transparent);position:relative;overflow:hidden}.sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:34%;background:var(--accent);border-radius:2px;transform:translate(-120%)}.sweep--on:after{animation:sweep 1s linear infinite}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}.ghost{display:inline-block;padding-top:var(--space-2);border-top:2px solid color-mix(in oklab,var(--accent) 42%,transparent);color:var(--muted);font-family:var(--font-text);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-sm);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.ghost--crossed{color:var(--text);border-top-color:var(--accent);font-weight:700}.stage__controls,.result__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.slab{border:none;cursor:pointer;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-caps);border-radius:var(--radius-slab);transition:transform var(--dur-strike) var(--ease-strike-in),box-shadow var(--dur-strike) var(--ease-strike-in)}.slab--hold{width:min(100%,22em);min-height:64px;font-size:var(--text-2xl);padding:0 var(--space-8);background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-slab)}.slab--drop{width:min(100%,22em);min-height:56px;font-size:var(--text-xl);padding:0 var(--space-6);background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:var(--shadow-slab)}.slab:active{transform:translateY(3px);box-shadow:0 2px 0 var(--bg-deep),var(--shadow)}.cue{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;min-height:44px;font-family:var(--font-text);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);padding:var(--space-2) var(--space-4)}.cue--on{color:var(--text);border-color:var(--accent)}.linkbtn{background:none;border:none;cursor:pointer;min-height:44px;color:var(--muted);font-family:var(--font-text);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);padding:var(--space-2)}.linkbtn:hover{color:var(--text)}.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);width:100%;padding:var(--space-4) 0}.medalcard{position:relative;width:min(96vw,660px);border-radius:var(--radius);filter:drop-shadow(var(--shadow-contact))}.medalcard__svg{display:block}.medalcard__svg svg{display:block;width:100%;height:auto;border-radius:var(--radius)}.medalcard--struck .medalcard__svg{animation:medal-strike var(--dur-lock) var(--ease-strike-in) both}@keyframes medal-strike{0%{transform:translateY(-10px) scale(1.04);opacity:0}to{transform:none;opacity:1}}.medalcard__press{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 60%);transform-origin:top center;opacity:0}.medalcard--struck .medalcard__press{animation:stamp-press var(--dur-strike) var(--ease-strike-in) both}@keyframes stamp-press{0%{opacity:.9;transform:scaleY(.02)}70%{opacity:.5;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.medalcard__dust{position:absolute;left:29%;top:50%;width:0;height:0;z-index:3;pointer-events:none}.dust{position:absolute;left:0;top:0;width:7px;height:7px;margin:-3px;border-radius:50%;background:var(--chalk, #eef0e8);transform:rotate(calc(var(--i) * 36deg)) translateY(0);animation:dust-burst var(--dur-puff) var(--ease) both}@keyframes dust-burst{0%{opacity:.85;transform:rotate(calc(var(--i) * 36deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 36deg)) translateY(-96px) scale(.3)}}.result__verdict{min-height:0;text-align:center}.result__note{margin:0;color:var(--muted);font-size:var(--text-sm);text-align:center}.result__tally{margin:0;color:var(--muted);font-size:var(--text-xs);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-caps);max-width:46ch}.result__pct{color:var(--text)}.share{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.share__row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);width:100%;max-width:40em}.share__primary{flex:1 1 100%}.slab--ghost{min-height:52px;padding:0 var(--space-5);font-size:var(--text-base);background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:var(--shadow-slab);flex:1 1 auto}.share__err{margin:0;color:var(--danger);font-size:var(--text-sm);text-align:center}.picker__tally{margin:0;text-align:center;color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.main--intro{padding-bottom:0}.holdintro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-4) 0 0}.holdintro__glyph{width:56px;height:56px;display:grid;place-items:center;color:var(--text);background:var(--bg-deep);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #0003}.holdintro__title{margin:0;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:var(--leading-tight);font-size:var(--text-3xl);color:var(--text)}.holdintro__lede{margin:0;color:var(--text);font-size:var(--text-lg);max-width:60ch;line-height:var(--leading)}.holdintro__body{margin:0;color:var(--muted);font-size:var(--text-base);max-width:66ch;line-height:var(--leading)}.shared{align-items:center;justify-content:center;text-align:center;gap:var(--space-5)}.shared__eyebrow{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.shared__cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:min(100%,26em);min-height:60px;text-align:center;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-xl);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-slab);box-shadow:var(--shadow-slab);padding:0 var(--space-6)}.shared__cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--bg-deep),var(--shadow)}.shared__meta{margin:0;color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.shared__missing{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.shared__title{margin:0;font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:var(--text-3xl);color:var(--text)}.shared__lede{margin:0;color:var(--muted);font-size:var(--text-base);max-width:52ch;line-height:var(--leading)}.disclaimer{margin:0;color:var(--muted);font-size:var(--text-xs);text-align:center;letter-spacing:.01em;max-width:46ch;align-self:center}.disclaimer--stage,.disclaimer--result{margin-top:var(--space-2)}.disclaimer--picker{margin-top:auto;padding-top:var(--space-4)}.adrail{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4);min-height:0}.slab:focus-visible,.plate:focus-visible,.linkbtn:focus-visible,.cue:focus-visible,.wordmark:focus-visible,.stage__hit:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sitefoot{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center;justify-content:center;padding:var(--space-5) var(--space-4) var(--space-6);font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--border);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.sitefoot__links{display:inline-flex;gap:var(--space-4)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal ul{color:var(--muted);line-height:1.7;padding-left:1.2rem}.legal li{margin-top:.5rem}.legal li strong,.legal p strong{color:var(--text)}.legal a{color:var(--accent-strong)}@media (prefers-reduced-motion: reduce){.plate,.slab,.ghost{transition:none}.plate:hover{transform:none}.board__dot{animation:none}.sweep--on:after{animation:none;transform:translate(-120%)}.medalcard--struck .medalcard__svg{animation:none}.medalcard__press,.medalcard__dust{display:none}}