.splitting .word,.splitting .char{display: inline-block;}.splitting .char{position: relative;}.splitting .char::before,.splitting .char::after{content: attr(data-char);position: absolute;top: 0;left: 0;visibility: hidden;transition: inherit;user-select: none;}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2);}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total));}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)));}:root{--ground:#EEF2F5;--rule:#D7E3EC;--ink:#1E2A38;--blue:#2D4F9E;--red:#B42323;--panel:#FFFFFF;--soft:rgba(30,42,56,.78);--u:8px;--display:"Big Shoulders Display","Barlow Semi Condensed",sans-serif;--body:"Barlow Semi Condensed","Arial Narrow",sans-serif;--s1:1rem;--s2:clamp(1.2rem,0.9rem + 1.2vw,1.78rem);--s3:clamp(2.4rem,1.4rem + 4.6vw,4.2rem);--r:16px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--ink) var(--ground);overflow-x:clip}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--s1)/1.6 var(--body);caret-color:var(--blue);overflow-x:clip}::selection{background:var(--ink);color:var(--panel)}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2,h3{text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}.sq{border-radius:var(--r)}@supports (corner-shape: squircle){.sq{corner-shape:squircle;border-radius:calc(var(--r) * 1.6)}}.shell{max-width:1160px;margin:0 auto;padding:calc(var(--u) * 2) max(calc(var(--u) * 2),env(safe-area-inset-left)) calc(var(--u) * 4)}.console{background:var(--panel);border:1px solid var(--rule)}.bar{display:flex;align-items:center;gap:calc(var(--u) * 1.5);padding:var(--u) calc(var(--u) * 2);border-bottom:1px solid var(--rule)}.logo{display:block;width:40px;height:40px;flex:none}.bar .name{font-weight:600}.bar .room{margin-left:auto;color:var(--soft);font-size:.875rem}.story{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0 calc(var(--u) * 2)}.hero{text-align:center;padding:calc(var(--u) * 3) 0 calc(var(--u) * 3);display:grid;gap:calc(var(--u) * 2);justify-items:center}.wish{display:inline-block;background:var(--ground);padding:var(--u) calc(var(--u) * 2);font-size:var(--s1);max-width:40ch;text-wrap:balance}.wish b{font-weight:600}h1{font:800 var(--s3)/1.02 var(--display);letter-spacing:-.01em;max-width:15ch;text-transform:none}.lede{max-width:46ch;color:var(--soft)}.btn-next{display:flex;align-items:center;justify-content:center;width:100%;max-width:440px;min-height:56px;padding:var(--u) calc(var(--u) * 3);background:var(--blue);color:#fff;font:600 var(--s2)/1.1 var(--body);text-decoration:none;border-radius:var(--r)}@supports (corner-shape: squircle){.btn-next{corner-shape:squircle;border-radius:24px}}@media (hover: hover) and (pointer: fine){.btn-next:hover{background:var(--ink)}}.under{font-size:.875rem;color:var(--soft)}.stage{position:sticky;top:calc(var(--u) * 1);z-index:2;background:var(--panel);padding:var(--u) 0;display:grid;justify-items:center;gap:var(--u)}.stage svg{display:block;width:100%;max-width:min(360px,46dvh * 1.25);height:auto}.toggle{display:inline-flex;align-items:center;gap:var(--u);min-height:44px;padding:0 calc(var(--u) * 1.5);background:var(--ground);color:var(--ink);border:0;font:600 var(--s1)/1 var(--body);cursor:pointer;border-radius:var(--r)}.toggle .k{display:inline-block;width:44px;height:24px;border-radius:12px;background:var(--rule);position:relative}.toggle .k::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform .3s cubic-bezier(.16,1,.3,1)}.toggle[aria-checked="true"] .k::after{transform:translateX(20px)}.g-row{fill:var(--ground)}.g-txt{font:600 15px var(--body);fill:var(--ink)}.g-lab{font:600 13px var(--body);fill:var(--ink)}.g-hp,.g-bar,.g-pick,.g-slot,.g-mark,.g-vgc{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s ease-out;transform-box:fill-box;transform-origin:left center}.g-slot{transform-origin:center}.g-pick .g-txt{fill:#fff}#g[data-step="1"] .g-bar,#g[data-step="1"] .g-mark{transform:scaleX(0)}#g[data-step="1"] .g-pick,#g[data-step="2"] .g-pick{opacity:0}#g[data-step="1"] .g-mark,#g[data-step="2"] .g-mark{opacity:0}#g[data-step="1"] .g-slot,#g[data-step="2"] .g-slot,#g[data-step="3"] .g-slot{opacity:0;transform:scale(.6)}#g[data-step="3"] .g-hp{transform:scaleX(.08)}#g:not([data-step="1"]):not([data-step="2"]):not([data-step="3"]) .g-hp{transform:scaleX(.08)}#g .g-vgc{opacity:0}#g.vgc .g-vgc{opacity:1}#g.vgc .g-out{opacity:.35}.steps{display:grid}.step{min-height:64dvh;display:flex;align-items:flex-end;gap:calc(var(--u) * 2);padding:0 0 18dvh;max-width:34ch}.step .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);font-weight:600}.step p{font-size:var(--s2);line-height:1.3}.after{padding:calc(var(--u) * 5) calc(var(--u) * 2) calc(var(--u) * 4);background:var(--ground);border-top:1px solid var(--rule)}.after h2{font:800 var(--s2)/1.15 var(--display);font-size:calc(var(--s2) * 1.2);margin-bottom:calc(var(--u) * 3);max-width:24ch}.bento{display:grid;gap:calc(var(--u) * 2);grid-template-columns:minmax(0,1fr)}.tile{background:var(--panel);padding:calc(var(--u) * 3);display:grid;gap:var(--u);align-content:start}.tile .tag{font-weight:600;font-size:.875rem;color:var(--soft)}.tile h3{font:600 var(--s2)/1.2 var(--body)}.tile p{color:var(--soft);max-width:60ch}.tile.best{border:2px solid var(--ink)}.claim{display:inline-block;max-width:100%;background:var(--rule);color:var(--ink);padding:0 4px}.src{display:inline-block;margin-top:4px;font-size:.75rem;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}.help{margin:calc(var(--u) * 5) auto 0;max-width:440px;text-align:center;display:grid;justify-items:center;gap:var(--u)}.help svg{width:40px;height:40px;color:var(--ink)}.help .links{display:flex;flex-wrap:wrap;gap:var(--u) calc(var(--u) * 3);justify-content:center}.linkish{background:none;border:0;padding:0;font:600 var(--s1)/1.6 var(--body);color:var(--ink);text-decoration:underline;cursor:pointer;min-height:44px}.help a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.ticket{margin:calc(var(--u) * 6) 0 0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);background:var(--panel);border:1px solid var(--rule)}.ticket .face{padding:calc(var(--u) * 3);display:grid;gap:var(--u)}.ticket .face h2{margin:0}.ticket .face p{color:var(--soft)}.ticket .stub{position:relative;padding:calc(var(--u) * 3);display:grid;place-items:center;background:var(--ground)}.ticket .stub::before{content:"";position:absolute;left:0;right:0;top:-6px;height:12px;background:radial-gradient(circle,var(--ground) 5px,transparent 6px) 0 0 / 16px 12px repeat-x}.ticket .btn-next{max-width:none}footer{margin-top:calc(var(--u) * 6);padding:calc(var(--u) * 4) 0 calc(var(--u) * 2);border-top:2px solid var(--ink)}.fname{font:800 var(--s2)/1 var(--display);margin-bottom:calc(var(--u) * 2)}.groups{display:grid;gap:calc(var(--u) * 2)}.groups summary{font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center}.stickers{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1.5);padding:var(--u) 0}.sticker{display:inline-flex;align-items:center;min-height:44px;padding:0 calc(var(--u) * 2);background:var(--ink);color:#fff;font:600 var(--s1)/1 var(--body);text-decoration:none;border:0;cursor:pointer;border-radius:6px}.sticker.t1{transform:rotate(-2deg)}.sticker.t2{transform:rotate(3deg);background:var(--rule);color:var(--ink)}.fine{margin-top:calc(var(--u) * 3);font-size:12px;line-height:1.5;color:var(--soft);max-width:72ch;display:grid;gap:var(--u)}.fine h3{font:600 12px/1.5 var(--body);color:var(--ink)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:var(--u) calc(var(--u) * 2) max(var(--u),env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--rule);display:flex;justify-content:center;transform:translateY(110%);visibility:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s linear .4s}.dock.on{transform:none;visibility:visible;transition:transform .4s cubic-bezier(.16,1,.3,1)}.dock .btn-next{min-height:48px;font-size:var(--s1)}.modal{position:fixed;inset:0;z-index:9;background:rgba(30,42,56,.6);display:none;align-items:center;justify-content:center;padding:calc(var(--u) * 2)}.modal.open{display:flex}.modal .box{background:var(--panel);max-width:560px;width:100%;max-height:min(80dvh,640px);overflow:auto;padding:calc(var(--u) * 3);display:grid;gap:calc(var(--u) * 2)}.modal .top{display:flex;align-items:start;justify-content:space-between;gap:calc(var(--u) * 2)}.modal .read{font-size:.875rem;color:var(--soft)}.modal h2{font:800 var(--s2)/1.1 var(--display)}.modal h3{font:600 var(--s1)/1.4 var(--body);margin-top:var(--u)}.modal p{color:var(--soft)}.close{display:inline-flex;align-items:center;gap:var(--u);min-height:44px;padding:0 calc(var(--u) * 1.5);background:var(--ground);border:0;font:600 var(--s1)/1 var(--body);color:var(--ink);cursor:pointer;border-radius:8px}kbd{font:600 .75rem/1 var(--body);border:1px solid var(--ink);border-bottom-width:2px;border-radius:4px;padding:2px 6px}h1 .char{display:inline-block;animation:drop .55s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--char-index) * 22ms)}@keyframes drop{from{opacity:0;transform:translateY(-24px) rotate(-8deg)}}@supports (animation-timeline: view()){.reveal{animation:show linear both;animation-timeline:view();animation-range:entry 0% entry 35%}@keyframes show{from{opacity:.2;transform:scale(.97)}}}@media (min-width: 768px){.bento{grid-template-columns:1.3fr 1fr;grid-template-areas:"best fine" "best skip" "why why"}.best{grid-area:best}.fine-w{grid-area:fine}.skip{grid-area:skip}.why{grid-area:why}.ticket{grid-template-columns:1.6fr 1fr}.ticket .stub::before{left:-6px;right:auto;top:0;bottom:0;width:12px;height:auto;background:radial-gradient(circle,var(--ground) 5px,transparent 6px) 0 0 / 12px 16px repeat-y}.groups{grid-template-columns:repeat(2,max-content);gap:calc(var(--u) * 6)}}@media (min-width: 960px){:root{--s2:clamp(1.33rem,0.8rem + 0.9vw,1.78rem)}.story{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:calc(var(--u) * 5);padding:0 calc(var(--u) * 5)}.hero{grid-column:1;padding:calc(var(--u) * 7) 0 calc(var(--u) * 5)}.stage{grid-column:2;grid-row:1 / span 2;align-self:start;top:calc(var(--u) * 6);margin-top:calc(var(--u) * 5);padding:0}.stage svg{max-width:400px}.steps{grid-column:1}.step{min-height:70dvh;align-items:center;padding:0}.after{padding:calc(var(--u) * 7) calc(var(--u) * 5) calc(var(--u) * 5)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}@font-face{font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 400;font-display: swap;src: url(../media/barlowsemicondensed.155aa3c8.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 400;font-display: swap;src: url(../media/barlowsemicondensed.f9519f6e.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 600;font-display: swap;src: url(../media/barlowsemicondensed.03f5d91b.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 600;font-display: swap;src: url(../media/barlowsemicondensed.3dcdfcc2.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Big Shoulders Display';font-style: normal;font-weight: 800;font-display: swap;src: url(../media/bigshouldersdisplay.4e278561.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Big Shoulders Display';font-style: normal;font-weight: 800;font-display: swap;src: url(../media/bigshouldersdisplay.5295abf6.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}