:root{--bg: #FFFFFF;--surface: #FFF0DC;--field: #FF7A1A;--on-field: #2B1036;--butter: #FFD84D;--sky: #8EDBFF;--text: #2B1036;--muted: #634B6E;--link: #A63A00;--focus: #2B1036;color-scheme:light;--font-display: "Bagel Fat One", "Arial Rounded MT Bold", sans-serif;--font-body: "Figtree", "Helvetica Neue", Arial, sans-serif;--type-caption-size: .875rem;--type-caption-line: 1.4;--type-body-size: 1.125rem;--type-body-line: 1.55;--type-lead-size: 1.25rem;--type-lead-line: 1.5;--type-h4-size: 1.625rem;--type-h4-line: 1.1;--type-h3-size: 2.375rem;--type-h3-line: 1.04;--type-h2-size: 4.25rem;--type-h2-line: 1;--type-h1-size: 7rem;--type-h1-line: .94;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-s: 8px;--radius-m: 18px;--radius-l: 32px;--radius-xl: 48px;--radius-pill: 999px;--radius-sticker: 80px 32px 96px 32px;--shadow-sticker: 0 0 0 4px #FFFFFF;--motion-fast: .18s;--motion-base: .28s;--motion-slow: .42s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-drop: cubic-bezier(.55, 0, 1, .45);--ease-exit: cubic-bezier(.4, 0, 1, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #24102F;--surface: #361A45;--field: #FF8A33;--on-field: #2B1036;--butter: #FFD84D;--sky: #8EDBFF;--text: #FFF3E6;--muted: #D3BEDD;--link: #FFB27A;--focus: #FFF3E6;color-scheme:dark}}:root[data-theme=dark]{--bg: #24102F;--surface: #361A45;--field: #FF8A33;--on-field: #2B1036;--butter: #FFD84D;--sky: #8EDBFF;--text: #FFF3E6;--muted: #D3BEDD;--link: #FFB27A;--focus: #FFF3E6;color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}@font-face{font-family:Bagel Fat One;src:url(/fonts/bagel-fat-one-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-latin-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Bagel Fallback;src:local("Arial Bold"),local("Arial"),local("Helvetica");size-adjust:95.7%;ascent-override:121.3%;descent-override:30.1%;line-gap-override:0%}@font-face{font-family:Figtree Fallback;src:local("Arial"),local("Helvetica");size-adjust:94.3%;ascent-override:100.8%;descent-override:26.5%;line-gap-override:0%}@view-transition{navigation:auto}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}:root{--font-display:"Bagel Fat One","Bagel Fallback",sans-serif;--font-body:"Figtree","Figtree Fallback",sans-serif;--o:var(--text);--ink:var(--text);--dot:var(--field);--digit:var(--bg);--inner:min(1500px,100% - clamp(40px,6vw,112px));--barpad:clamp(12px,2vw,24px)}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--type-body-size)/var(--type-body-line) var(--font-body);overflow-x:clip}[hidden]{display:none!important}svg,img,picture{display:block}figure{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--o);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);font-weight:400;margin:0;text-wrap:balance}p{margin:0}.skip{position:absolute;left:-999px;top:8px;background:var(--bg);color:var(--text);padding:10px 14px;border-radius:12px;z-index:30}.skip:focus{left:16px}.bar{--o:var(--text);position:sticky;top:12px;z-index:20;width:calc(var(--inner) + 2*var(--barpad));margin:12px auto -72px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg);color:var(--text);border-radius:var(--radius-pill);padding:6px var(--barpad);min-height:60px;box-shadow:0 0 0 3px var(--text)}.bar .brand{display:block;width:clamp(92px,10vw,124px);text-decoration:none}.bar .brand svg{width:100%;height:auto}.logo-dark{display:none}.bar nav{display:flex;align-items:center;gap:clamp(8px,2vw,22px);font-weight:700;font-size:16px}.bar nav a{text-decoration:none;padding:8px 4px}.bar nav a:hover{text-decoration:underline;text-underline-offset:4px}.theme{font:700 15px/1 var(--font-body);background:var(--text);color:var(--bg);border:0;border-radius:var(--radius-pill);padding:12px 16px;min-height:44px;cursor:pointer}.wm{width:100%;height:auto;overflow:visible}.wm .k{fill:var(--ink)}.wm .a{fill:var(--dot)}.wm .d{fill:var(--digit)}.wm .all{transform-box:view-box;transform-origin:0 100%;transform:scale(var(--fit,1));transition:transform var(--motion-slow) var(--ease-spring)}.wm .base,.wm .play{transform-box:fill-box;transform-origin:50% 100%;transition:transform var(--motion-slow) var(--ease-spring),opacity 90ms linear}.wm .play{opacity:0;transform:scale(.72)}.wm .play.on{opacity:1;transform:none}.wm[data-letter=m] .bm,.wm[data-letter=i] .bi{opacity:0;transform:scale(.72)}.wm .pop{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform var(--motion-base) var(--ease-spring);transition-delay:calc(var(--n)*28ms + .12s)}.wm .drop{transform-box:fill-box;transform:translateY(-160%);transition:transform var(--motion-slow) var(--ease-spring);transition-delay:.18s}.wm .play.on :is(.pop,.drop){transform:none}.wordbox{position:relative}.tag{position:relative;left:calc(var(--x)*1%);width:max-content;max-width:calc((100 - var(--x))*1%);padding:20px 0 0;font-weight:800;font-size:clamp(16px,1.35vw,20px);line-height:1.2;transition:opacity var(--motion-fast) linear,left var(--motion-base) var(--ease-spring)}.tag:before{content:"";position:absolute;left:0;top:3px;width:4px;height:14px;background:currentColor;border-radius:2px}.tag.r{transform:translate(-100%);text-align:right;max-width:calc(var(--x)*1%)}.tag.r:before{left:auto;right:0}.anchor{display:block;height:0}.poster{--c:var(--tone);--o:var(--on);--ink:var(--on);--dot:var(--dot-l);--digit:var(--c);position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--c);color:var(--o);border-radius:clamp(32px,5vw,72px) clamp(32px,5vw,72px) 0 0;padding-top:clamp(88px,10vh,112px);min-height:100svh;box-shadow:0 -10px 28px -14px #2b103647}.js .poster{position:sticky;top:var(--stick,0px)}main>.poster:first-of-type{border-radius:0;box-shadow:none}.inner{width:var(--inner);margin-inline:auto;flex:1}.hero{--tone:#FF7A1A;--tone-d:#FF8A33;--on:#2B1036;--dot-l:#FFD84D;--dot-d:#FFD84D}.hero .inner{display:flex;flex-direction:column;padding-bottom:clamp(56px,10vh,104px)}.hero .wordbox{width:min(100%,170svh);margin-inline:auto}.hero .tag{min-height:46px;opacity:0}.hero .tag.show{opacity:1}.intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px clamp(20px,3vw,56px);align-items:end;margin-top:auto}.intro h1{grid-column:1/-1}.hero h1{font-size:clamp(42px,5.2vw,84px);line-height:.98}.hero .sub{font-size:clamp(18px,1.5vw,22px);line-height:1.4;font-weight:500;max-width:34em}.names{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.names a{display:block;font:400 clamp(18px,1.6vw,26px)/1.1 var(--font-display);text-decoration:none;background:var(--o);color:var(--c);border-radius:var(--radius-pill);padding:11px 20px 13px;transition:transform var(--motion-base) var(--ease-spring)}.names a:hover,.names a:focus-visible{transform:scale(1.06) rotate(-1.5deg)}.work{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,72px)}.copy{padding-bottom:clamp(32px,5vh,56px);min-width:0}.copy :is(h1,h2){font-size:clamp(42px,5.6vw,92px);line-height:.96;margin-top:clamp(10px,2vh,22px)}.lede{margin-top:14px;font-size:clamp(18px,1.55vw,23px);font-weight:500;max-width:32em}.facts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;font-weight:700;font-size:16px}.pill{border:2.5px solid currentColor;border-radius:var(--radius-pill);padding:5px 14px}.cta{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:20px}.btn{display:inline-block;font:700 17px/1 var(--font-body);text-decoration:none;background:var(--ink);color:var(--c);border:0;border-radius:var(--radius-pill);padding:16px 24px;min-height:50px;cursor:pointer;transition:transform var(--motion-base) var(--ease-spring)}.btn:hover{transform:scale(1.05) rotate(-1.5deg)}.more{font-weight:700;text-underline-offset:4px}.badge{display:block;margin-block:2px;margin-right:2px}.badge img{height:48px;width:auto}.badge-white{display:none}.media{position:relative;min-height:420px}.media .dev{position:absolute}.dev{margin:0;background:var(--ink)}.dev img{width:100%;height:auto}.phone{padding:7px;border-radius:38px;transition:transform var(--motion-slow) var(--ease-spring)}.phone img{border-radius:31px}.tablet{padding:9px;border-radius:30px}.tablet img{border-radius:22px}.win{background:#f7f3ec;border-radius:14px;overflow:hidden;box-shadow:0 34px 60px -24px #2b10368c,0 0 0 2px #2b10361f}.tb{display:flex;align-items:center;gap:7px;height:30px;padding-inline:13px;background:#efe9df}.tb i{width:11px;height:11px;border-radius:50%;background:#d9d0c3}.tb b{height:16px;flex:0 1 44%;margin-left:14px;border-radius:8px;background:#fff}.winos{border-radius:8px}.winos .tb{height:32px;gap:18px;padding-inline:14px 16px;background:#e9e7ee;font-size:13px;font-weight:600;color:#2b1036}.winos .tb span{margin-right:auto}.winos .tb i{width:11px;height:2px;border-radius:0;background:#2b1036}.winos .tb i:nth-of-type(2){height:11px;background:none;border:1.5px solid #2B1036}.winos .tb i:nth-of-type(3){height:11px;background:linear-gradient(45deg,transparent 45%,#2B1036 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#2B1036 45% 55%,transparent 55%)}.win-phone .win{left:0;top:6%;width:150%}.win-phone .phone{left:-7%;top:34%;width:38%;transform:rotate(-4deg)}.tab-phone .tablet{left:20%;top:3%;width:100%}.tab-phone .phone{left:-5%;top:28%;width:42%;transform:rotate(-4deg)}.solo-phone .phone{left:50%;top:2%;width:min(68%,350px);transform:translate(-50%) rotate(4deg)}.solo-tab .tablet{left:6%;top:3%;width:92%}.solo-win .win{left:0;top:7%;width:165%}.solo-win .winos{width:100%}.work:hover .media:not(.solo-phone) .phone{transform:rotate(1deg)}.work:hover .solo-phone .phone{transform:translate(-50%) rotate(-1deg)}.shelf{--tone:var(--bg);--on:var(--text);--dot-l:var(--field)}.shelf h2{font-size:clamp(42px,6vw,92px);line-height:.96}.shelf .inner{padding-bottom:clamp(32px,5vh,56px);flex:none}.rows{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column}.rows li{--c:var(--tone);--o:var(--on);--ink:var(--on);--dot:var(--dot-l);--digit:var(--c);background:var(--c);color:var(--o);border-radius:clamp(26px,3.6vw,52px) clamp(26px,3.6vw,52px) 0 0;margin-top:calc(clamp(26px,3.6vw,52px)*-1);padding-bottom:clamp(26px,3.6vw,52px);position:relative;overflow:hidden}.rows li:first-child{margin-top:0}.rows li:last-child{padding-bottom:0;flex:1}.row{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,4fr) minmax(0,1.4fr) minmax(0,1.2fr);gap:clamp(16px,3vw,56px);align-items:center;width:var(--inner);margin-inline:auto;padding-block:clamp(16px,2.2vw,28px);text-decoration:none}.row:hover .rw .play.on,.row:focus-visible .rw .play.on{transform:rotate(-3deg) scale(1.06)}.rt{display:grid;gap:4px}.rn{font:400 clamp(26px,2.8vw,42px)/1.02 var(--font-display)}.rl{font-size:clamp(15px,1.2vw,18px);font-weight:500}.rf{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-weight:700;font-size:15px}.rp{align-self:stretch;position:relative;min-height:96px}.rp .dev{position:absolute;top:0;left:0;width:100%;max-width:150px;transition:transform var(--motion-slow) var(--ease-spring)}.rp .phone{padding:4px;border-radius:20px}.rp .phone img{border-radius:16px}.rp .win,.rp .tablet{max-width:none;width:200%;padding:0}.row:hover .rp .dev{transform:translateY(-8px) rotate(-2deg)}.sheet{--tone:var(--surface);--on:var(--text);--dot-l:var(--field)}.sheet.plain{--tone:var(--bg)}.sheet.tone{--tone:var(--t);--on:var(--to,#2B1036)}.sheet h2.big,.sheet h1.big{font-size:clamp(46px,8.2vw,136px);line-height:.94}.sheet .h{font-size:clamp(40px,6vw,92px);line-height:.96}.sheet .inner{padding-bottom:clamp(40px,8vh,88px)}.twocol{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,88px);align-items:center}.say{font-size:clamp(18px,1.6vw,22px);max-width:30em}.say p+p{margin-top:12px}.sheet .btn{margin-top:20px}.lead{font-size:clamp(19px,1.8vw,25px);font-weight:500;max-width:36em;margin-top:16px}.linkset{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.linkset .btn{margin-top:0}.prose{max-width:44em;font-size:clamp(17px,1.25vw,19px);margin-top:clamp(20px,4vh,36px)}.prose h2{font-size:clamp(26px,3vw,38px);line-height:1.06;margin-top:1.5em;margin-bottom:.4em}.prose p,.prose ul{margin:0 0 .85em}.prose li{margin-bottom:.3em}.prose a{font-weight:700;text-underline-offset:3px}mark[data-todo]{background:var(--butter);color:#2b1036;font-weight:700;border-radius:6px;padding:1px 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.faq{max-width:44em;margin-top:18px;display:grid;gap:10px}.faq details{background:var(--bg);border-radius:var(--radius-l);padding:14px 20px}.faq summary{font-weight:800;cursor:pointer;padding:4px 0;min-height:32px}.faq p{margin-top:8px}html:not(.js) .teaser{display:none}.nono{display:grid;grid-template-columns:auto repeat(var(--n,5),minmax(0,1fr));gap:4px;width:min(100%,430px);margin-top:18px;font-weight:800;font-variant-numeric:tabular-nums}.nono .clue{display:flex;justify-content:flex-end;align-items:center;gap:6px;padding-right:8px;font-size:17px}.nono .col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:17px;line-height:1.2;padding-bottom:4px}.nono button{aspect-ratio:1;min-width:44px;border:3px solid var(--ink);background:transparent;border-radius:10px;cursor:pointer;padding:0;transition:transform var(--motion-fast) var(--ease-spring),background-color 80ms linear}.nono button[aria-pressed=true]{background:var(--ink);transform:scale(.94)}.nono.solved button[aria-pressed=true]{background:var(--dot);border-color:var(--dot)}.nono button.x{position:relative}.nono button.x:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font:800 1.15em/1 var(--font-body);color:var(--ink)}.nono.big{gap:2px;width:min(100%,600px);font-size:14px}.nono.big .clue{gap:clamp(3px,1vw,6px);padding-right:clamp(3px,1vw,8px);font-size:clamp(12px,1.6vw,16px)}.nono.big .col{font-size:clamp(12px,1.6vw,16px);line-height:1.15}.nono.big button{min-width:0;border-width:2px;border-radius:clamp(4px,1vw,8px)}.nono.big button.block:not([aria-pressed=true]){background:color-mix(in srgb,var(--ink) 12%,transparent)}.nono-out{margin-top:14px;font-weight:800;min-height:1.6em}.foot{--o:var(--bg);background:var(--text);color:var(--bg);padding:24px 0 28px;font-size:15px;position:relative}.foot .inner{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;align-items:center}.foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0}.foot a{display:inline-block;padding:4px 0}.js .poster[data-arm]:not(.arrived) .tag{opacity:0}@media(max-width:900px){.work{grid-template-columns:minmax(0,1fr);gap:clamp(18px,4vw,28px)}.copy{padding-bottom:0}.media{min-height:0;height:clamp(300px,86vw,560px)}.win-phone .win{left:8%;top:0;width:118%}.win-phone .phone{left:0;top:18%;width:32%}.tab-phone .tablet{left:24%;top:0;width:88%}.tab-phone .phone{left:0;top:16%;width:36%}.solo-win .win{left:0;top:0;width:128%}.solo-win .winos{width:100%}.solo-phone .phone{top:0;width:min(62%,300px)}.intro{grid-template-columns:minmax(0,1fr)}.names{justify-content:flex-start}.hero .wordbox{width:100%;margin-top:auto}.hero h1{font-size:clamp(44px,9.5vw,84px)}.twocol{grid-template-columns:minmax(0,1fr);align-content:center}.row{grid-template-columns:minmax(0,1fr);gap:10px}.rw{max-width:320px}.rt,.rf{padding-right:96px}.rf{flex-direction:row;align-items:center;flex-wrap:wrap}.rp{position:absolute;right:16px;bottom:-40px;width:84px;min-height:0;height:150px}}@media(max-width:560px){.bar .opt{display:none}.hero .tag{font-size:15px;min-height:62px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:block}:root:not([data-theme=light]) .badge-black{display:none}:root:not([data-theme=light]) .badge-white{display:block}:root:not([data-theme=light]) .poster,:root:not([data-theme=light]) .rows li{--c:var(--bg);--o:var(--text);--ink:var(--tone-d,var(--text));--dot:var(--dot-d,var(--field))}:root:not([data-theme=light]) :is(.poster.alt,.rows li.alt,.sheet){--c:var(--surface)}:root:not([data-theme=light]) .sheet.plain{--c:var(--bg)}:root:not([data-theme=light]) :is(.shelf,.sheet){--ink:var(--text)}:root:not([data-theme=light]) .sheet.tone{--ink:var(--t-d,var(--text))}}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}:root[data-theme=dark] .badge-black{display:none}:root[data-theme=dark] .badge-white{display:block}:root[data-theme=dark] :is(.poster,.rows li){--c:var(--bg);--o:var(--text);--ink:var(--tone-d,var(--text));--dot:var(--dot-d,var(--field))}:root[data-theme=dark] :is(.poster.alt,.rows li.alt,.sheet){--c:var(--surface)}:root[data-theme=dark] .sheet.plain{--c:var(--bg)}:root[data-theme=dark] :is(.shelf,.sheet){--ink:var(--text)}:root[data-theme=dark] .sheet.tone{--ink:var(--t-d,var(--text))}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}.wm *,.tag,.btn,.phone,.names a,.rp .dev,.nono button{transition:none!important}}