@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2) format("woff2"),url(./instrument-sans-latin-ext-400-normal-r32jotim.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(./instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./instrument-sans-latin-ext-600-normal-BsaQcF38.woff2) format("woff2"),url(./instrument-sans-latin-ext-600-normal-DMks36a2.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(./instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff");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}:root{--night:#141a2e;--dusk:#202a44;--dusk-2:#1a2238;--dusk-3:#2a3558;--lantern:#e8b62c;--lantern-soft:#f2cf6b;--clay:#d96735;--cream:#f7ecd8;--paper:#f1e3c8;--ink:#2d201d;--muted:rgba(247,236,216,.72);--dim:rgba(247,236,216,.5);--rule:rgba(247,236,216,.14);--display:"Fraunces Variable","Fraunces",Georgia,serif;--sans:"Instrument Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--r:16px;--pad:16px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--night);color:var(--cream);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--lantern);outline-offset:3px;border-radius:6px}img{max-width:100%;display:block}a{color:var(--lantern-soft)}h1,h2{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.08;text-wrap:balance}p{margin:0}.app{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;width:100%;max-width:720px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) var(--pad) calc(env(safe-area-inset-bottom) + 96px);display:grid;gap:22px;align-content:start}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:4px;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);background:#141a2eeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--rule);z-index:10}.tabs button{flex:1;max-width:180px;display:grid;justify-items:center;gap:2px;padding:6px 4px;border-radius:12px;font-size:.78rem;font-weight:600;color:var(--dim)}.tabs button span{font-size:1.1rem;line-height:1}.tabs button.on{color:var(--lantern)}.back{justify-self:start;color:var(--lantern-soft);font-weight:600;font-size:.95rem;padding:6px 0}.hero{display:grid;gap:10px;padding-top:8px}.hero h1{font-size:clamp(2.1rem,9vw,3rem)}.hero.compact h1{font-size:clamp(1.7rem,7vw,2.4rem)}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lantern)}.lede{color:var(--muted);font-size:1.05rem}.hint,.small{font-size:.85rem;color:var(--dim)}.group{font-size:1.15rem;margin:6px 0 10px}.cards,.tiles,.files{display:grid;gap:12px}.game{display:grid;gap:6px;padding:20px;border-radius:var(--r);min-height:170px;align-content:end;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--dusk-3),var(--dusk-2));border:1px solid var(--rule)}.game.road{background:linear-gradient(165deg,#141a2e1a,#141a2eeb 70%),url(../art/road-hero.jpg) center/cover}.game:disabled{opacity:.72;cursor:default}.state{position:absolute;top:14px;left:16px;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--lantern);color:var(--ink)}.game:disabled .state{background:var(--rule);color:var(--cream)}.gname{font-family:var(--display);font-size:1.7rem;font-weight:600;line-height:1.1}.gline{color:var(--muted);font-size:.95rem}.tile,.file{display:grid;gap:4px;padding:18px;border-radius:var(--r);background:var(--dusk);border:1px solid var(--rule)}.tile:active,.fig:active,.file:active,.game:active{transform:scale(.985)}.tname{font-family:var(--display);font-size:1.3rem;font-weight:600}.tline{color:var(--muted);font-size:.95rem}.meta{font-size:.8rem;font-weight:600;color:var(--lantern-soft)}.book{grid-template-columns:96px 1fr;column-gap:14px;align-items:center}.book img{grid-row:span 3;width:96px;border-radius:6px;box-shadow:0 6px 18px #0006}.figgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.fig{display:grid;gap:2px;padding:16px 14px;border-radius:14px;background:var(--dusk);border:1px solid var(--rule);min-height:82px;align-content:end}.fname{font-weight:600;font-size:1.02rem}.frole{font-size:.8rem;color:var(--dim)}.viewer{margin:0 calc(var(--pad) * -1);height:min(62vh,520px);background:radial-gradient(ellipse at 50% 70%,var(--dusk-3),var(--night) 70%)}model-viewer{width:100%;height:100%;--poster-color:transparent;background:transparent}.pages{display:grid;gap:12px}.pages img{width:100%;border-radius:8px;background:var(--paper)}.redeem{display:grid;gap:10px;padding:18px;border-radius:var(--r);background:var(--dusk);border:1px solid var(--rule)}.redeem label{font-weight:600;font-size:.9rem}.redeem input{font:600 1.25rem/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;padding:14px;border-radius:12px;border:1.5px solid var(--rule);background:var(--night);color:var(--cream);text-transform:uppercase;width:100%}.cta{justify-self:start;background:var(--lantern);color:var(--ink);font-weight:600;padding:13px 22px;border-radius:999px}.cta:disabled{opacity:.5}.msg{color:var(--lantern-soft);font-size:.92rem}.about{display:grid;gap:10px}.about p{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.danger{color:var(--clay)}.viewer.stl{height:min(46vh,420px);touch-action:none}.pdf canvas{display:block;width:100%;border-radius:8px;background:#fff;margin-bottom:12px}.txt{white-space:pre-wrap;font:14px/1.5 ui-monospace,Menlo,monospace;background:var(--dusk);border:1px solid var(--rule);border-radius:12px;padding:16px;color:var(--muted)}.checkrow{display:grid;gap:8px;justify-items:start;margin:6px 0}.hl-board{width:100%;height:auto;display:block;background:var(--dusk-2);border-radius:var(--r);border:1px solid var(--rule);padding:4px 0}.hl-lbl{font:700 5.5px var(--sans);fill:var(--dim);letter-spacing:.08em}.hl-num{font:800 8px var(--display);fill:var(--cream)}.hl-stamp{font:800 9px var(--display);fill:#141a2e}.hl-sock{font:700 8.5px var(--sans);fill:var(--clay)}.hl-tok{font:700 7px var(--sans);fill:#3b2e1c}.hl-tap{cursor:pointer}.hl-tap:focus{outline:none}.hl-tap:focus-visible rect:first-child{stroke:var(--lantern);stroke-width:1.5}.tile.hl-learn{background:linear-gradient(160deg,rgba(217,103,53,.35),var(--dusk));border-color:#d9673580}.hl-status{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);align-items:center}.hl-dots{display:inline-flex;gap:5px}.hl-dots i{width:7px;height:7px;border-radius:50%;background:var(--rule)}.hl-dots i.on{background:var(--clay)}.hl-chips{display:flex;flex-wrap:wrap;gap:8px}.hl-pill{background:#e8b62c29;color:var(--cream);border-radius:999px;padding:5px 12px;font-size:.85rem}.hl-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hl-steps li{display:grid;gap:2px;background:var(--dusk);border:1px solid var(--rule);border-radius:12px;padding:10px 14px}.hl-steps li.warn{border-color:var(--clay);background:#d9673524}.hl-step{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lantern)}.hl-coach{display:grid;gap:6px;padding:16px;border-radius:var(--r);background:#e8b62c1f;border:1px solid rgba(232,182,44,.35)}.hl-coach ul{margin:0;padding-left:20px}.hl-big{font:700 2rem/1.1 var(--display)}.hl-hints{display:grid;gap:8px;margin-top:6px}.hl-hint{border:1.5px dashed var(--rule);border-radius:10px;padding:8px 12px}.hl-hint ul{margin:6px 0 0}.hl-ability{display:grid;gap:8px}.hl-chip{display:grid;gap:2px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--rule);background:var(--dusk)}.hl-chip.on{border-color:var(--lantern);background:#e8b62c24}.hl-chip span{font-size:.85rem;color:var(--muted)}.hl-good{color:#9fd47d!important;font-weight:600}.hl-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.hl-choices.two{grid-template-columns:1fr 1fr}.hl-sheet{display:grid;gap:12px;padding:16px;border-radius:var(--r);background:var(--dusk-3);border:1px solid var(--lantern)}.hl-toggle{display:flex;gap:10px;align-items:center;font-size:.95rem}.hl-toggle input{width:20px;height:20px;accent-color:var(--lantern)}.hl-file{position:relative;overflow:hidden;cursor:pointer}.hl-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.hl-photo{position:relative;border-radius:12px;overflow:hidden}.hl-photo img{width:100%;height:auto}.hl-photo svg{position:absolute;inset:0;width:100%;height:100%}.hl-read{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:.92rem}.hl-read li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--rule);padding:4px 0}.hl-replay summary{cursor:pointer;color:var(--lantern-soft);font-weight:600}.hl-replay h3{font:600 1rem var(--display);margin:14px 0 6px}.msg.warn{color:var(--clay)}.hl-t{transition:transform .75s cubic-bezier(.3,.7,.25,1)}.hl-arrive{animation:hl-arrive .7s cubic-bezier(.2,.8,.3,1.2) both}@keyframes hl-arrive{0%{transform:translate(-14px,-26px) scale(.5);opacity:0}to{transform:none;opacity:1}}.hl-home{animation:hl-home 1.1s ease-in .35s both}@keyframes hl-home{to{transform:translateY(-12px) scale(.4);opacity:0}}.hl-gone{animation:hl-gonefade .5s ease-in .7s both}@keyframes hl-gonefade{to{opacity:0}}.hl-minus{font:800 7px var(--sans);fill:#ff9b7a;animation:hl-minus 1.3s ease-out both}@keyframes hl-minus{0%{opacity:0;transform:translateY(3px)}20%{opacity:1}to{opacity:0;transform:translateY(-9px)}}.hl-acted{animation:hl-acted .9s ease-out both;transform-box:fill-box;transform-origin:center}@keyframes hl-acted{0%{opacity:0}25%{opacity:1}to{opacity:0;transform:scale(1.25)}}.hl-pulse{animation:hl-pulse 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes hl-pulse{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1.1);opacity:1}}.hl-pointer{transition:transform .5s}.hl-bob{animation:hl-bob 1s ease-in-out infinite}@keyframes hl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.hl-plabel{font:700 6px var(--sans);fill:#f2cf6b}.hl-steps li{animation:hl-in .45s ease-out both}@keyframes hl-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hl-beatbar{display:grid;gap:8px;padding:12px 14px;border-radius:var(--r);background:var(--dusk);border:1px solid var(--rule);position:sticky;top:calc(env(safe-area-inset-top) + 4px);z-index:5}.hl-beatnum{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font:600 1.1rem var(--display);animation:hl-pop .5s cubic-bezier(.2,.8,.3,1.3) both}.hl-beatnum b{font-size:2.1rem;line-height:1;color:var(--lantern)}.hl-beatnum em{font:600 .78rem var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-left:auto}.hl-beatnum em.drum{color:var(--clay)}@keyframes hl-pop{0%{transform:scale(.8);opacity:.2}to{transform:none;opacity:1}}.hl-beatdots{display:flex;flex-wrap:wrap;gap:5px}.hl-beatdots i{font:700 .7rem var(--sans);font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--rule);color:var(--dim)}.hl-beatdots i.drum{border-color:#d9673573}.hl-beatdots i.past{background:var(--rule);color:var(--muted);border-color:transparent}.hl-beatdots i.now{background:var(--lantern);color:var(--ink);border-color:var(--lantern);transform:scale(1.15)}.hl-phases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.hl-phases li{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:5px 2px;border-radius:8px;background:#f7ecd80d;color:var(--dim)}.hl-phases li.done{color:var(--muted);background:#f7ecd81a}.hl-phases li.now{background:var(--lantern);color:var(--ink)}.hl-topbar{display:flex;justify-content:space-between;align-items:center}.hl-howto{margin:0;padding-left:22px;display:grid;gap:4px;color:var(--dim)}.hl-howto li.now{color:var(--lantern);font-weight:600}.hl-howto li.done{text-decoration:line-through;opacity:.7}.hl-satchel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hl-stampbtn{display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:12px;border:1.5px solid var(--rule);background:var(--dusk);text-align:center}.hl-stampbtn i{font:800 1.05rem var(--display);font-style:normal;width:34px;height:34px;border-radius:7px;display:grid;place-items:center;color:#141a2e}.hl-stampbtn.kW i{background:#8fa3e0}.hl-stampbtn.kL i{background:#e8b62c}.hl-stampbtn.kD i{background:#d96735}.hl-stampbtn.kG i{background:#7cb25a}.hl-stampbtn b{font-size:.82rem}.hl-stampbtn span{font-size:.68rem;color:var(--dim);line-height:1.25}.hl-stampbtn.on{border-color:var(--lantern);background:#e8b62c29;animation:hl-pop .3s both}.hl-stampbtn.placed{opacity:.75}.hl-do{font-weight:600}.hl-next:disabled{opacity:.6}@media(prefers-reduced-motion:reduce){.hl-bob,.hl-pulse{animation:none}.hl-t{transition-duration:.45s}}.hl-sticky{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:6;padding:16px 0 4px;margin-top:-8px;background:linear-gradient(rgba(20,26,46,0),var(--night) 38%)}