:root{--navy:#121212;--paper:#fbeae6;--paper-2:#f3dcd6;--coral:#f7b928;--pink:#f58cb8;--violet:#1f4fd6;--mint:#17783a;--white:#fff;--ink:var(--navy);--ink-soft:#121212a8;--ink-dim:#1212126b;--rule:#12121224;--on-navy:var(--paper);--on-navy-soft:#fbeae6b8;--rule-light:#fbeae647;--stage:var(--paper);--ground:var(--stage);--font:"Archivo", system-ui, -apple-system, sans-serif;--topbar:58px;--r:10px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html.is-playing{overflow:hidden}body{background:var(--ground);min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:400;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-weight:900;font-stretch:87%;line-height:.9}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}kbd{font-family:var(--font);letter-spacing:.06em;border-radius:var(--r);white-space:nowrap;opacity:.75;background:0 0;border:1px solid;padding:.15em .45em;font-size:.68em;font-weight:500}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.ic{fill:none;stroke:currentColor;vertical-align:-.25em;flex:none;width:1.2em;height:1.2em}.kicker,.label{font-family:var(--font);letter-spacing:.32em;text-transform:uppercase;font-size:.72rem;font-weight:400}.display{font-family:var(--font);text-transform:uppercase;letter-spacing:-.01em;font-weight:900;font-stretch:87%;line-height:.9}.display--xl{font-size:clamp(3.2rem,7.6vw,7rem)}.display .w{white-space:pre;transform-origin:50% 100%;display:inline-block}.lede{max-width:44ch;color:var(--ink);margin-top:1.4rem;font-size:clamp(.95rem,1.05vw,1.05rem);font-weight:500;line-height:1.6}.brand{align-items:baseline;display:inline-flex}.brand__word{font-family:var(--font);letter-spacing:-.01em;text-transform:uppercase;color:var(--on-navy);font-size:1.55rem;font-weight:900;font-stretch:87%;line-height:1}.brand__word i{letter-spacing:.02em;margin-left:.3em;font-style:normal;font-weight:300;font-stretch:100%}.brand__word--xl{font-size:clamp(3.4rem,10vw,7rem)}.brand__tag{letter-spacing:.3em;text-transform:uppercase;color:var(--on-navy-soft);font-size:.7rem;font-weight:400}.topbar{z-index:6;height:var(--topbar);background:var(--navy);color:var(--on-navy);justify-content:space-between;align-items:center;padding:0 1.4rem;display:flex;position:fixed;top:0;left:0;right:0}.topbar__nav{align-items:center;gap:.9rem;display:flex}.topbar__sep{color:var(--on-navy-soft);font-weight:300}.link{cursor:pointer;color:var(--on-navy);letter-spacing:.3em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #0000;padding:.4rem 0;font-size:.72rem;font-weight:500;transition:border-color .2s,color .2s}.link:hover{border-bottom-color:var(--pink)}.link--icon{letter-spacing:0;border-bottom:0;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.link--icon .ic{width:1.35rem;height:1.35rem}.link--icon[aria-pressed=false]{color:var(--on-navy-soft)}.link--icon .ic[hidden]{display:none!important}html.is-playing .topbar{display:none}.stage{z-index:0;background:var(--ground);position:fixed;top:0;bottom:0;left:0;right:0}#scene{z-index:4;pointer-events:none;touch-action:none;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}html.is-playing #scene{pointer-events:auto;cursor:default}.webgl-fail{z-index:3;border-radius:var(--r);background:var(--paper);width:min(420px,90vw);color:var(--ink);border:1px solid var(--rule);text-align:center;padding:1.2rem 1.4rem;font-weight:500;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.webgl-fail[hidden]{display:none}.loader{z-index:90;background:var(--stage);color:var(--on-navy);place-content:center;justify-items:center;gap:1.4rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader__brand{justify-items:center;gap:.9rem;display:grid}.loader .kicker{color:var(--on-navy-soft)}.loader__pct{font-family:var(--font);letter-spacing:.2em;border-radius:var(--r);border:1px solid var(--rule-light);color:var(--on-navy);text-align:center;font-variant-numeric:tabular-nums;min-width:5ch;padding:.45rem .9rem;font-size:.72rem;font-weight:500}.loader__hint{letter-spacing:.2em;text-transform:uppercase;color:var(--on-navy-soft);font-size:.7rem}.btn{--bg:var(--paper);--fg-btn:var(--ink);cursor:pointer;border-radius:var(--r);border:1px solid var(--rule);background:var(--bg);color:var(--fg-btn);font-family:var(--font);letter-spacing:.28em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.6rem;font-size:.74rem;font-weight:500;line-height:1;transition:transform .15s,background .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--paper{--bg:var(--paper);--fg-btn:var(--ink);border-color:var(--ink)}.btn--navy{--bg:var(--navy);--fg-btn:var(--on-navy);border-color:#0000}.btn--coral{--bg:var(--coral);--fg-btn:var(--ink);border-color:var(--ink)}.btn--ghost{--fg-btn:var(--on-navy);border-color:var(--ink-dim);--bg:transparent;border-color:var(--on-navy-soft)}.btn--ghost:hover{border-color:var(--on-navy)}.btn--sm{padding:.7rem 1.1rem;font-size:.68rem}.btn--lg{padding:1.1rem 2rem}.btn--xl{letter-spacing:.3em;box-shadow:4px 4px 0 0 var(--ink);padding:1.3rem 2.6rem;font-size:.86rem;font-weight:700}.btn--xl .ic{width:1.35em;height:1.35em}.btn--xl:hover{box-shadow:5px 5px 0 0 var(--ink);transform:translate(-1px,-1px)}.btn--xl:active{box-shadow:2px 2px 0 0 var(--ink);transform:translate(2px,2px)}.btn--coral:hover{background:#ffc94a}.btn .ic[hidden]{display:none!important}.cta-row{flex-wrap:wrap;gap:.6rem;display:flex}.tag{border-radius:var(--r);letter-spacing:.24em;text-transform:uppercase;background:var(--white);color:var(--ink);box-shadow:0 3px 0 0 var(--ink);align-items:center;gap:.4rem;padding:.5rem .9rem .45rem;font-size:.7rem;font-weight:500;display:inline-flex}.tag b{font-weight:700}#site{z-index:3;position:relative}html.is-playing #site{pointer-events:none}.hero{min-height:100svh;padding:calc(var(--topbar) + 2rem) 4rem 4rem;background:var(--stage);color:var(--ink);flex-direction:column;justify-content:center;display:flex;position:relative}.hero__copy{max-width:34rem}.hero .kicker{color:var(--ink-soft);margin-bottom:1.2rem}.hero__copy .cta-row{margin-top:2rem}.sizes{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.sizes--starter{margin-top:.6rem}.sizes__label{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);min-width:7.6rem;font-size:.66rem;font-weight:500}.sizes__set{flex-wrap:wrap;gap:.35rem;display:inline-flex}.size{border:1px solid var(--rule);border-radius:var(--r);cursor:pointer;background:var(--white);color:var(--ink);font-family:var(--font);letter-spacing:.22em;text-transform:uppercase;padding:.5rem .8rem;font-size:.66rem;font-weight:500;line-height:1;transition:background .2s,color .2s,border-color .2s}.size:hover{border-color:var(--ink)}.size[aria-pressed=true]{background:var(--navy);color:var(--on-navy);border-color:var(--navy);box-shadow:0 3px 0 0 var(--coral)}.hero__best{letter-spacing:.08em;color:var(--ink-soft);margin-top:1.4rem;font-size:.72rem}.hero__best b{color:var(--ink);font-weight:700}.hero__best[hidden]{display:none}.credits{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.64rem;position:absolute;bottom:1.2rem;left:4rem;right:4rem}.credits a{border-bottom:1px solid var(--ink-dim);color:inherit}.credits a:hover{color:var(--ink)}.hero__poster{pointer-events:none;width:min(46vw,640px);height:auto;display:none;position:absolute;top:50%;right:4%;transform:translateY(-46%)}.hero__poster[hidden]{display:none}html.no-webgl .hero__poster{display:block}.hud{z-index:25;pointer-events:none;flex-direction:column;justify-content:space-between;padding:.7rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hud[hidden]{display:none}.hud__top,.hud__bottom{pointer-events:auto}.hud__top{grid-template-columns:1fr auto 1fr;align-items:start;gap:.5rem;display:grid}.hud__top>[data-exit]{justify-self:start}.status{text-align:left;border-radius:var(--r);background:var(--white);color:var(--ink);border:1px solid var(--rule);grid-template-rows:auto auto;grid-template-columns:auto auto;justify-self:center;align-items:center;column-gap:.7rem;min-width:13rem;padding:.6rem 1.2rem .55rem .9rem;transition:background .3s,color .3s;display:grid}.status__dot{background:var(--you,var(--pink));width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:50%;grid-row:1/span 2}.status span{font-family:var(--font);text-transform:uppercase;letter-spacing:0;font-size:1.25rem;font-weight:900;font-stretch:87%;line-height:1;display:block}.status small{letter-spacing:.22em;text-transform:uppercase;color:inherit;opacity:.7;font-size:.58rem;font-weight:400;line-height:1.5}.status.is-you{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}.status.is-thinking .status__dot{background:var(--them,var(--paper));animation:.9s ease-in-out infinite think}@keyframes think{0%,to{opacity:.5;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}.status.is-win{background:var(--mint);color:var(--white);border-color:var(--mint)}.status.is-loss{background:var(--pink);color:var(--ink);border-color:var(--pink)}.status.is-draw{background:var(--paper-2);color:var(--navy)}.scores{justify-self:end;gap:.35rem;display:flex}.score{text-align:center;border-radius:var(--r);background:var(--white);color:var(--ink);border:1px solid var(--rule);min-width:4.6rem;padding:.5rem .8rem;display:grid}.score b{font-family:var(--font);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:900;font-stretch:87%;line-height:1}.score small{letter-spacing:.22em;text-transform:uppercase;opacity:.7;font-size:.55rem;font-weight:500;line-height:1.6}.score--you{box-shadow:inset 0 -3px #e3150c}.score--machine{box-shadow:inset 0 -3px 0 0 var(--violet)}.score--draw{box-shadow:inset 0 -3px 0 0 var(--ink-dim)}.banner{border-radius:var(--r);background:var(--navy);width:max-content;max-width:calc(100vw - 2rem);color:var(--on-navy);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;margin-inline-start:auto;margin-inline-end:auto;padding:.7rem 1.2rem;font-size:.7rem;font-weight:500;position:absolute;bottom:6.6rem;left:0;right:0}.banner[hidden]{display:none}.hud__bottom{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.chip{pointer-events:auto;cursor:pointer;border-radius:var(--r);background:var(--navy);color:var(--on-navy);font-family:var(--font);letter-spacing:.24em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:.5rem;padding:.8rem 1.1rem;font-size:.68rem;font-weight:500;line-height:1;transition:transform .15s,background .2s,color .2s,border-color .2s;display:inline-flex}.chip kbd{border-color:var(--on-navy-soft);color:var(--on-navy-soft);letter-spacing:0;padding:.1em .35em}.chip:hover{transform:translateY(-1px)}.chip:active{transform:translateY(1px)}.chip:disabled{opacity:.4;cursor:not-allowed;transform:none}.chip--accent{background:var(--violet);color:var(--white)}.chip--accent kbd{color:var(--white);border-color:#fff9}.chip--paper{background:var(--white);color:var(--ink);border-color:var(--rule)}.chip--paper kbd{border-color:var(--ink-dim);color:var(--ink)}.chip--icon{background:var(--white);width:40px;min-width:40px;height:40px;color:var(--ink);border-color:var(--rule);flex:none;justify-content:center;padding:0}.chip--icon .ic{width:1.25rem;height:1.25rem}.chip .ic[hidden]{display:none!important}.chip[aria-pressed=true].chip--icon{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}.size-menu{pointer-events:auto;border-radius:var(--r);background:var(--white);width:284px;color:var(--ink);border:1px solid var(--rule);padding:1.1rem 1.2rem 1.2rem;position:absolute;bottom:4.6rem;right:.7rem}.size-menu[hidden]{display:none}.size-menu h4{font-family:var(--font);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .6rem;font-size:.62rem;font-weight:400;font-stretch:100%}.size-menu h4+.sizes__set+h4{border-top:1px solid var(--rule);margin-top:1rem;padding-top:.9rem}.sizes__set--grid{grid-template-columns:1fr 1fr;gap:.3rem;width:100%;display:grid}.sizes__set--3{grid-template-columns:1fr 1fr 1fr}.size-menu .size{color:var(--ink);border-color:var(--rule);text-align:center;padding-inline-start:.4rem;padding-inline-end:.4rem}.size-menu .size:hover{border-color:var(--ink)}.size-menu .size[aria-pressed=true]{background:var(--navy);color:var(--on-navy);border-color:var(--navy);box-shadow:0 3px 0 0 var(--pink)}.size-menu__note{letter-spacing:.08em;color:var(--ink-soft);margin:.8rem 0 0;font-size:.66rem}.shortcuts{pointer-events:auto;border-radius:var(--r);background:var(--navy);width:330px;color:var(--on-navy);padding:1.2rem 1.3rem;position:absolute;bottom:4.6rem;right:.7rem}.shortcuts[hidden]{display:none}.shortcuts h4{color:var(--on-navy);margin:0 0 .8rem;font-size:1.4rem}.shortcuts ul{gap:.45rem;margin:0;padding:0;font-size:.74rem;list-style:none;display:grid}.shortcuts li{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.4rem;display:flex}.shortcuts li:last-child{border-bottom:0}.shortcuts kbd{border-color:var(--on-navy-soft);color:var(--on-navy)}.shortcuts span{color:var(--on-navy-soft);text-align:right;letter-spacing:.06em;font-size:.68rem}.flash{z-index:44;pointer-events:none;opacity:0;background:var(--coral);position:fixed;top:0;bottom:0;left:0;right:0}.win__badges{flex-wrap:wrap;justify-content:center;gap:.4rem;min-height:1.6rem;margin:.6rem 0 .4rem;display:flex}.win__badges span{border-radius:var(--r);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--rule-light);color:var(--on-navy);padding:.4rem .75rem;font-size:.62rem;font-weight:500}.win__badges span.is-best{background:var(--mint);color:var(--white);border-color:var(--mint)}.win{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12121280;place-items:center;padding:.7rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.win[hidden]{display:none}.win__card{text-align:center;border-radius:var(--r);background:var(--navy);width:min(480px,92vw);color:var(--on-navy);border:1px solid var(--rule-light);justify-items:center;padding:2.2rem 2rem 2rem;display:grid}.win .kicker{color:var(--on-navy-soft);margin-bottom:.9rem}.win.is-loss .win__card{box-shadow:inset 0 6px 0 0 var(--pink)}.win.is-win .win__card{box-shadow:inset 0 6px 0 0 var(--mint)}.win.is-draw .win__card{box-shadow:inset 0 6px 0 0 var(--paper)}.win__kicker{font-size:clamp(2.4rem,7vw,3.8rem);line-height:.9}.win__time{margin:1.1rem 0 .2rem}.win__points{letter-spacing:.22em;text-transform:uppercase;color:var(--on-navy-soft);margin-top:.4rem;font-size:.7rem}.win__points b{color:var(--on-navy);font-weight:700}.win__breakdown{letter-spacing:.06em;width:100%;color:var(--on-navy);margin:1.2rem 0 0;padding:0;font-size:.72rem;list-style:none;display:grid}.win__breakdown li{border-top:1px solid var(--rule-light);justify-content:space-between;padding:.55rem .2rem;display:flex}.win__breakdown li:last-child{border-bottom:1px solid var(--rule-light)}.win__breakdown b{font-variant-numeric:tabular-nums;font-weight:700}.win .cta-row{justify-content:center;margin-top:1.6rem}.confetti{z-index:45;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{will-change:transform;width:12px;height:12px;display:block;position:absolute}.toast{z-index:50;opacity:0;pointer-events:none;border-radius:var(--r);background:var(--navy);color:var(--on-navy);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;padding:.75rem 1.2rem;font-size:.68rem;font-weight:500;position:fixed;bottom:6.2rem;left:50%;transform:translate(-50%,20px)}.js [data-reveal],.js .display .w{opacity:0}@media (max-width:720px){:root{--topbar:52px}.topbar{padding:0 1rem}.brand__word{font-size:1.3rem}.topbar [data-play],.topbar__sep{display:none}.btn--xl{padding:1.2rem 1.6rem}.hero{padding:calc(var(--topbar) + .4rem) 1.2rem 1.2rem;justify-content:flex-end;align-items:center}.hero__copy{text-align:center;width:100%;max-width:none}.hero .kicker{margin-bottom:.7rem;font-size:.62rem}.lede{display:none}.display--xl{white-space:nowrap;font-size:clamp(2.4rem,12.5vw,3.6rem)}.hero__copy .cta-row{justify-content:center;margin-top:1.1rem}.hero__copy .cta-row .btn{white-space:nowrap;flex:1 1 0;min-width:0}.hero .sizes,.hero__best{display:none!important}.credits{text-align:center;margin-top:1rem;font-size:.56rem;position:static}.hero__poster{width:100%;margin:0 auto 1rem;position:static;transform:none}}html.is-touch .hud{padding-bottom:max(.7rem, env(safe-area-inset-bottom))}html.is-touch .hud__top{--row:42px;grid-template-columns:auto 1fr auto;align-items:stretch;gap:.3rem}html.is-touch .hud__top>[data-exit]{width:var(--row);height:var(--row);min-width:var(--row);justify-content:center;padding:0}html.is-touch .hud__top>[data-exit] span{display:none}html.is-touch .status{height:var(--row);grid-template-rows:auto;justify-content:center;justify-self:stretch;column-gap:.45rem;min-width:0;padding:0 .8rem 0 .7rem}html.is-touch .status__dot{grid-row:1;width:11px;height:11px}html.is-touch .status span{white-space:nowrap;font-size:1rem}html.is-touch .status small{display:none}html.is-touch .scores{gap:.25rem}html.is-touch .score{min-width:2.6rem;height:var(--row);align-content:center;padding:0 .4rem}html.is-touch .score b{font-size:1rem}html.is-touch .score small{letter-spacing:.1em;font-size:.45rem}html.is-touch .toast{bottom:calc(4.4rem + env(safe-area-inset-bottom))}html.is-touch .banner{bottom:calc(4.4rem + env(safe-area-inset-bottom));white-space:normal;text-align:center;font-size:.6rem}html.is-touch .hud__bottom{gap:.25rem}html.is-touch .chip{justify-content:center;width:42px;min-width:42px;height:42px;padding:0}html.is-touch .chip>span,html.is-touch .chip kbd{display:none}html.is-touch .chip .ic{width:1.15rem;height:1.15rem}html.is-touch .hud__bottom [data-act=help]{display:none}html.is-touch .shortcuts,html.is-touch .size-menu{width:300px;max-height:calc(100vh - 8rem);margin-left:-150px;bottom:4.2rem;left:50%;right:auto;overflow-y:auto;transform:none}html.is-touch .size-menu .size{justify-content:center;align-items:center;height:40px;display:inline-flex}html.is-landscape .hud__bottom{grid-template-columns:36px;gap:4px;display:grid;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}html.is-landscape .chip{width:36px;min-width:36px;height:36px}html.is-landscape .chip .ic{width:1rem;height:1rem}html.is-landscape .size-menu,html.is-landscape .shortcuts{max-height:calc(100vh - 4.5rem);bottom:.6rem;overflow-y:auto}html.is-landscape .banner{bottom:.8rem;left:0;right:3.4rem}html.is-landscape .toast{margin-left:-1.7rem;bottom:.8rem}html.is-landscape .hud__top{--row:38px}html.is-landscape .status span{font-size:.9rem}@media (max-height:700px){.win{place-items:start center}.win__card{padding:1.2rem 1.4rem}.win__kicker{font-size:2rem}.win__breakdown{grid-template-columns:1fr 1fr;gap:0 1rem;margin-top:.7rem;display:grid}.win__breakdown li{white-space:nowrap}.win .cta-row{margin-top:.9rem}}@media (max-width:380px){.win__breakdown{grid-template-columns:1fr!important}html.is-touch .chip{width:40px;min-width:40px;height:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal],.js .display .w{opacity:1}.btn,.chip,.size,.link{transition:none}.status.is-thinking .status__dot{animation:none}}