@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(./luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2"),url(./luckiest-guy-latin-400-normal-f5b8-b44.woff)format("woff")}@font-face{font-family:Kaushan Script;font-style:normal;font-display:swap;font-weight:400;src:url(./kaushan-script-latin-400-normal-DtTcRpVb.woff2)format("woff2"),url(./kaushan-script-latin-400-normal-DZZZR3n8.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(./baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}:root{--c-yellow:#ffc61a;--c-yellow-dark:#d99a00;--c-green:#19b45f;--c-green-dark:#0d7a3e;--c-blue:#2f9cf0;--c-ink:#1b1410;--c-cream:#fffaf0;--c-panel:#fff;--radius:24px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--font-display:"Luckiest Guy", "Arial Rounded MT Bold", system-ui, sans-serif;--font-script:"Kaushan Script", "Brush Script MT", cursive;--font-body:"Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-body);color:var(--c-ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{background:var(--c-blue);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#viewport{touch-action:none;position:absolute;inset:0}#viewport canvas{touch-action:none;width:100%;height:100%;display:block}[hidden]{display:none!important}.hud{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud__stat{background:var(--c-yellow);border:3px solid var(--c-ink);box-shadow:0 4px 0 var(--c-ink);border-radius:16px;flex-direction:column;padding:6px 16px 4px;line-height:1;display:flex}.hud__label{font-family:var(--font-script);font-size:14px;line-height:1.1}.hud__value{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--c-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--c-ink);font-variant-numeric:tabular-nums;padding-top:.1em;font-size:clamp(26px,6.5vw,34px)}.icon-button{pointer-events:auto;border:3px solid var(--c-ink);background:var(--c-cream);width:54px;height:54px;color:var(--c-ink);cursor:pointer;box-shadow:0 4px 0 var(--c-ink);border-radius:16px;place-items:center;display:grid}.icon-button:active{box-shadow:0 1px 0 var(--c-ink);transform:translateY(3px)}.icon-button svg{fill:currentColor;width:26px;height:26px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud__left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hud__cash{background:var(--c-green);border:3px solid var(--c-ink);box-shadow:0 3px 0 var(--c-ink);font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px var(--c-ink);paint-order:stroke fill;font-variant-numeric:tabular-nums;border-radius:14px;align-items:center;gap:4px;padding:3px 12px 0;font-size:clamp(18px,4.6vw,24px);display:inline-flex}.hud__naira{color:var(--c-yellow);-webkit-text-stroke:1px var(--c-ink);font-family:system-ui,sans-serif;font-weight:900}.hud__shield{border:3px solid var(--c-ink);font-family:var(--font-display);background:#58c8ff;border-radius:12px;padding:5px 10px 3px;font-size:15px;animation:.8s ease-in-out infinite pulse}.danfo-meter{background:var(--c-cream);border:3px solid var(--c-ink);box-shadow:0 4px 0 var(--c-ink);white-space:nowrap;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:6px 14px 4px 10px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.danfo-meter__icon{grid-row:1/span 2;width:40px;height:26px}.danfo-meter__gap{font-family:var(--font-display);font-variant-numeric:tabular-nums;padding-top:.12em;font-size:clamp(20px,5vw,26px);line-height:1}.danfo-meter__stop{font-family:var(--font-script);color:#6b5d4f;font-size:13px;line-height:1.1}.danfo-meter--close{background:#c8ffd9}.danfo-meter--stopped{background:var(--c-yellow);animation:.5s ease-in-out infinite pulse}.world-bubble{border:3px solid var(--c-ink);box-shadow:0 4px 0 var(--c-ink);font-family:var(--font-script);color:#e3262e;white-space:nowrap;pointer-events:none;will-change:transform;background:#fff;border-radius:18px;padding:8px 14px;font-size:clamp(18px,4.8vw,26px);position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.world-bubble:after{content:"";border:11px solid #0000;border-top-color:var(--c-ink);position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.delivered{pointer-events:none;flex-direction:column;align-items:center;animation:2.2s forwards delivered;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.delivered__title{font-family:var(--font-display);color:var(--c-yellow);-webkit-text-stroke:4px var(--c-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--c-ink), 0 6px 0 var(--c-ink);white-space:nowrap;font-size:clamp(34px,10vw,60px);transform:rotate(-4deg)}.delivered__bonus{font-family:var(--font-display);color:#3ee07f;-webkit-text-stroke:3px var(--c-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--c-ink);margin-top:4px;font-size:clamp(26px,7vw,40px)}@keyframes delivered{0%{opacity:0;transform:translate(-50%)scale(.3)}15%{opacity:1;transform:translate(-50%)scale(1.15)}25%{transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-30px)}}.stats{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 16px;display:grid}.stats div{border:3px solid var(--c-ink);background:#fff4d6;border-radius:12px;padding:6px 8px 4px}.stats dt{font-family:var(--font-script);color:#6b5d4f;font-size:15px}.stats dd{font-family:var(--font-display);margin:0;padding-top:.1em;font-size:24px}.new-best{font-family:var(--font-display);color:#e3262e;margin:0 0 8px;font-size:26px;animation:.7s ease-in-out infinite pulse}.controls-list__tip{font-family:var(--font-script);color:#0d7a3e;font-size:16px}@media (max-width:520px){.danfo-meter{padding:4px 10px 2px 8px;top:64px}.danfo-meter__icon{width:32px;height:21px}.danfo-meter__stop{font-size:12px}}.powerup-chips{flex-direction:column;gap:6px;display:flex}.powerup-chip{background:var(--c-cream);border:3px solid var(--c-ink);box-shadow:0 3px 0 var(--c-ink);border-radius:14px;grid-template-rows:auto 6px;grid-template-columns:30px auto;align-items:center;column-gap:6px;padding:4px 10px 5px 4px;display:grid}.powerup-chip img{grid-row:1/span 2;width:30px;height:30px}.powerup-chip__name{font-family:var(--font-display);white-space:nowrap;padding-top:.15em;font-size:14px}.powerup-chip__bar{background:#e6dccb;border-radius:3px;height:6px;overflow:hidden}.powerup-chip__fill{transform-origin:0;border-radius:3px;width:100%;height:100%}.powerup-chip--ending{animation:.4s ease-in-out infinite pulse}.powerup-banner{pointer-events:none;flex-direction:column;align-items:center;animation:1.8s forwards delivered;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.powerup-banner__icon{filter:drop-shadow(0 5px #1b141066);width:clamp(72px,18vw,110px);height:auto}.powerup-banner__name{font-family:var(--font-display);color:#fff;-webkit-text-stroke:4px var(--c-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--c-ink);white-space:nowrap;padding-top:.1em;font-size:clamp(30px,9vw,52px);transform:rotate(-3deg)}.powerup-banner__tag{font-family:var(--font-script);color:var(--c-yellow);-webkit-text-stroke:1.5px var(--c-ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--c-ink);font-size:clamp(18px,5vw,26px)}.speedlines{pointer-events:none;opacity:0;background:repeating-conic-gradient(at 50% 45%,#ffffff8c 0deg 1.2deg,#0000 1.2deg 9deg);transition:opacity .3s;animation:.25s linear infinite speedlines;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle at 50% 45%,#0000 32%,#000 70%);mask-image:radial-gradient(circle at 50% 45%,#0000 32%,#000 70%)}.speedlines--on{opacity:.75}@keyframes speedlines{50%{transform:rotate(2deg)scale(1.02)}}.revive-timer{border:3px solid var(--c-ink);background:#fff4d6;border-radius:6px;height:12px;margin:4px 0 14px;overflow:hidden}.revive-timer__bar{background:var(--c-green);transform-origin:0;height:100%}.revive-wallet{font-family:var(--font-script);color:#6b5d4f;margin:10px 0 0;font-size:17px}.zone-banner{top:calc(140px + var(--safe-top));color:#fff;outline:3px solid var(--c-ink);box-shadow:0 6px 0 var(--c-ink);pointer-events:none;white-space:nowrap;background:#0f7a41;border:3px solid #fff;border-radius:16px;flex-direction:column;align-items:center;max-width:calc(100vw - 32px);padding:8px 22px 6px;animation:2.8s forwards banner-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.zone-banner__kicker{font-family:var(--font-script);color:var(--c-yellow);font-size:18px;transform:rotate(-2deg)}.zone-banner__name{font-family:var(--font-display);letter-spacing:.03em;-webkit-text-stroke:2px var(--c-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--c-ink);text-overflow:ellipsis;max-width:100%;padding-top:.12em;font-size:clamp(20px,5.5vw,30px);overflow:hidden}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.06)}20%{transform:translate(-50%)scale(1)}82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(.95)}}.shout-bubble{border:3px solid var(--c-ink);box-shadow:0 5px 0 var(--c-ink);font-family:var(--font-script);color:#e3262e;white-space:nowrap;pointer-events:none;background:#fff;border-radius:22px;padding:10px 18px;font-size:clamp(24px,6.5vw,34px);animation:1.8s forwards shout;position:absolute;top:34%;left:50%;transform:translate(-50%)}.shout-bubble:after{content:"";border:12px solid #0000;border-top-color:var(--c-ink);position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}@keyframes shout{0%{opacity:0;transform:translate(-50%)scale(.4)rotate(-6deg)}15%{opacity:1;transform:translate(-50%)scale(1.12)rotate(2deg)}25%{transform:translate(-50%)scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-16px)scale(.95)}}.overlay{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#0f284659;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay--title{background:linear-gradient(#0f284600 30%,#0f284680);align-items:end}.panel{border-radius:var(--radius);background:var(--c-panel);border:4px solid var(--c-ink);width:min(420px,100%);box-shadow:0 8px 0 var(--c-ink);text-align:center;padding:20px 20px 18px}.panel--title{margin-bottom:4vh}.panel__logo{filter:drop-shadow(0 3px #1b141059);width:min(200px,52%);height:auto;margin:-6px auto 4px;display:block;transform:rotate(-3deg)}.panel__studio{font-family:var(--font-script);color:#e3262e;margin:0 0 2px;font-size:17px;transform:rotate(-2deg)}.panel__story{font-family:var(--font-script);color:#3a2e25;margin:6px 0 14px;font-size:19px;line-height:1.35}.tagline{font-family:var(--font-script);color:#fff;border:3px solid var(--c-ink);box-shadow:0 4px 0 var(--c-ink);text-shadow:0 2px #8f1218;background:#e3262e;border-radius:12px;margin:2px 0 4px;padding:2px 14px 4px;font-size:clamp(24px,7vw,32px);display:inline-block;transform:rotate(-4deg)}.logo{font-family:var(--font-display);color:var(--c-yellow);-webkit-text-stroke:4px var(--c-ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--c-ink), 0 4px 0 var(--c-ink), 0 6px 0 var(--c-ink), 0 9px 0 #00000040;letter-spacing:.02em;margin:0;font-weight:400;line-height:.95}.logo__line{padding-top:.08em;font-size:clamp(52px,16vw,80px);display:block}.logo__line:first-child{transform:rotate(-4deg)translate(-6px)}.logo__line--accent{color:#3ee07f;transform:rotate(3deg)translate(10px)}.logo--small{margin-bottom:6px;padding-top:.1em;font-size:clamp(40px,11vw,56px);transform:rotate(-3deg)}.primary-button{border:4px solid var(--c-ink);background:var(--c-green);color:#fff;width:100%;min-height:60px;font-family:var(--font-display);letter-spacing:.04em;-webkit-text-stroke:2px var(--c-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--c-ink);cursor:pointer;box-shadow:inset 0 -6px 0 var(--c-green-dark), 0 5px 0 var(--c-ink);border-radius:18px;padding-top:.15em;font-size:30px;animation:1.6s ease-in-out infinite pulse}.primary-button:active{box-shadow:inset 0 -3px 0 var(--c-green-dark), 0 1px 0 var(--c-ink);transform:translateY(4px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.toggle-row{gap:10px;margin-top:14px;display:flex}.toggle-button{border:3px solid var(--c-ink);background:var(--c-yellow);min-height:46px;color:var(--c-ink);font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 0 var(--c-ink);border-radius:14px;flex:1;padding-top:.15em;font-size:17px}.toggle-button[aria-pressed=false]{color:#6b6259;background:#d9d4cc;text-decoration:line-through}.toggle-button:active{box-shadow:0 1px 0 var(--c-ink);transform:translateY(3px)}.primary-button:focus-visible,.icon-button:focus-visible,.toggle-button:focus-visible{outline:3px solid var(--c-blue);outline-offset:3px}.best{font-family:var(--font-script);color:#0d7a3e;margin:12px 0 0;font-size:19px}.controls-list{color:#5a4f45;margin:12px 0 0;padding:0;font-size:14px;font-weight:600;line-height:1.8;list-style:none}kbd{border:2px solid var(--c-ink);background:var(--c-cream);min-width:24px;font:inherit;border-radius:6px;margin:0 1px;padding:0 6px;font-weight:800;line-height:1.3;display:inline-block}.splash{z-index:10;cursor:pointer;background:radial-gradient(circle at 50% 45%,#6cc4ff 0%,#2f9cf0 45%,#1a6fc4 100%);align-content:center;place-items:center;gap:4px;padding:16px;transition:opacity .45s,transform .45s;display:grid;position:absolute;inset:0;overflow:hidden}.splash__rays{background:repeating-conic-gradient(#ffffff24 0deg 10deg,#0000 10deg 20deg);animation:24s linear infinite rays;position:absolute;inset:-50%}.splash__logo{filter:drop-shadow(0 8px #1b141059);width:min(560px,86vw);height:auto;animation:.9s cubic-bezier(.2,1.6,.4,1) both logo-pop;position:relative}.splash__presents{font-family:var(--font-script);color:#fff;-webkit-text-stroke:2px var(--c-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--c-ink);margin:0;font-size:clamp(26px,7vw,40px);animation:.5s .55s both presents-in;position:relative;transform:rotate(-4deg)}.splash--out{opacity:0;pointer-events:none;transform:scale(1.06)}@keyframes rays{to{transform:rotate(360deg)}}@keyframes logo-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}60%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes presents-in{0%{opacity:0;transform:translateY(14px)rotate(-4deg)}to{opacity:1;transform:translateY(0)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.speedlines,.splash__rays,.splash__logo,.splash__presents{animation:none}.primary-button,.zone-banner,.shout-bubble{animation-duration:10ms;animation-iteration-count:1}.zone-banner,.shout-bubble{animation:none}}@media (max-height:560px) and (orientation:landscape){.overlay--title{align-items:center}.panel--title{margin-bottom:0;padding:14px}.logo__line{margin:0 6px;font-size:40px;display:inline}.controls-list{display:none}}.overlay--menu{z-index:5;background:#0f28468c}.player-chip{border:3px solid var(--c-ink);background:var(--c-cream);max-width:100%;font-family:var(--font-body);color:var(--c-ink);box-shadow:0 3px 0 var(--c-ink);cursor:pointer;border-radius:999px;align-items:baseline;gap:6px;margin:2px auto 12px;padding:6px 14px 4px;font-size:16px;font-weight:800;display:inline-flex}.player-chip__hi{font-family:var(--font-script);color:#6b5d4f;font-weight:400}.player-chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:12em;overflow:hidden}.player-chip__edit{color:var(--c-blue)}.player-chip:active{box-shadow:0 1px 0 var(--c-ink);transform:translateY(2px)}.player-chip:focus-visible,.tab:focus-visible,.name-input:focus-visible{outline:3px solid var(--c-blue);outline-offset:3px}.toggle-button--menu{background:#fff4d6}.toggle-button--back{background:var(--c-yellow);flex:none;width:100%;margin-top:12px}.name-input{border:4px solid var(--c-ink);width:100%;min-height:56px;font-family:var(--font-display);letter-spacing:.03em;text-align:center;color:var(--c-ink);background:#fff4d6;border-radius:16px;padding:6px 14px;font-size:26px}.name-input::placeholder{color:#b3a594}.form-error{color:#c41f27;min-height:1.4em;margin:6px 0 8px;font-size:15px;font-weight:800}.rank-line{color:#0d5ea8;min-height:1.5em;margin:-6px 0 12px;font-size:16px;font-weight:800}.rank-line strong{font-family:var(--font-display);color:#e3262e;font-size:22px;font-weight:400}.panel--list{max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));flex-direction:column;display:flex}.panel--list>ol{overscroll-behavior:contain;flex:auto;min-height:80px;overflow-y:auto}.tabs{border:3px solid var(--c-ink);background:#fff4d6;border-radius:14px;gap:6px;margin:4px 0 8px;padding:4px;display:flex}.tab{min-height:40px;font-family:var(--font-display);color:#6b5d4f;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding-top:.15em;font-size:16px}.tab[aria-selected=true]{background:var(--c-yellow);color:var(--c-ink);box-shadow:inset 0 0 0 2px var(--c-ink)}.list-status{color:#6b5d4f;margin:4px 0;font-size:15px;font-weight:700}.list-status:empty{display:none}.list-label{text-align:left;font-family:var(--font-script);color:#6b5d4f;margin:2px 0 4px;font-size:17px}.board,.history{text-align:left;margin:0;padding:0;list-style:none}.board__row{border-bottom:2px dashed #e6dccb;grid-template-columns:2.6em 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-weight:700;display:grid}.board__rank{font-family:var(--font-display);text-align:center;color:#6b5d4f;padding-top:.1em;font-size:20px}.board__row:first-child .board__rank{color:#d99a00}.board__row:nth-child(2) .board__rank{color:#8a95a3}.board__row:nth-child(3) .board__rank{color:#b0673a}.board__who{min-width:0}.board__name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;display:block;overflow:hidden}.board__meta{color:#8a7d70;font-size:12px;font-weight:600;display:block}.board__score{font-family:var(--font-display);padding-top:.1em;font-size:20px}.board__row--you{box-shadow:inset 0 0 0 3px var(--c-ink);background:#fff1b8;border-bottom-color:#0000;border-radius:12px}.board--me{border-top:3px solid var(--c-ink);margin-top:6px;padding-top:6px}.stats--compact{grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 10px}.stats--compact dt{font-size:13px}.stats--compact dd{font-size:19px}.history__row{border-bottom:2px dashed #e6dccb;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 8px;display:grid}.history__score{font-family:var(--font-display);padding-top:.1em;font-size:20px}.history__when{color:#6b5d4f;text-align:right;align-self:center;font-size:13px;font-weight:700}.history__meta{color:#8a7d70;grid-column:1/-1;font-size:13px;font-weight:600}.history__row--best .history__score:after{content:" ★";color:#e3262e}.toggle-button--wide{flex:100%}.overlay--showcase{z-index:5;background:linear-gradient(#0f284600 55%,#0f284673);align-items:end}.panel--char{padding-top:12px}.char-count{letter-spacing:.08em;color:#8a7d70;margin:0;font-size:13px;font-weight:800}.char-row{grid-template-columns:52px 1fr 52px;align-items:center;gap:8px;display:grid}.char-info{min-width:0}.char-name{overflow-wrap:anywhere;margin:2px 0 0;font-size:clamp(30px,8.5vw,42px);transform:rotate(-2deg)}.char-tagline{font-family:var(--font-script);color:#3a2e25;margin:4px 0 0;font-size:17px;line-height:1.3}.char-arrow{border:3px solid var(--c-ink);background:var(--c-yellow);width:52px;height:52px;color:var(--c-ink);font-family:var(--font-display);cursor:pointer;box-shadow:0 4px 0 var(--c-ink);border-radius:50%;padding:0 0 4px;font-size:34px;line-height:1}.char-arrow:active{box-shadow:0 1px 0 var(--c-ink);transform:translateY(3px)}.char-arrow:focus-visible{outline:3px solid var(--c-blue);outline-offset:3px}.char-status{color:#0d5ea8;min-height:1.4em;margin:10px 0 8px;font-size:16px;font-weight:800}.char-status--locked{color:#c41f27}.char-wallet{font-family:var(--font-script);color:#0d7a3e;margin:8px 0 0;font-size:18px}.primary-button--owned{box-shadow:inset 0 -6px 0 #646d78, 0 5px 0 var(--c-ink);background:#8a95a3;animation:none}.primary-button--buy{background:var(--c-blue);box-shadow:inset 0 -6px 0 #1d6fb3, 0 5px 0 var(--c-ink)}.primary-button:disabled{box-shadow:inset 0 -6px 0 #a59e94, 0 5px 0 var(--c-ink);cursor:not-allowed;background:#c9c3ba;animation:none}.toggle-button--story{color:#fff;-webkit-text-stroke:1px var(--c-ink);paint-order:stroke fill;background:#ff7a1a}.story-sub{color:#6b5d4f;margin:-2px 0 10px;font-size:14px;font-weight:800}.story-list{text-align:left;margin:0;padding:0 2px;list-style:none;position:relative}.story-list:before{content:"";border-left:4px dashed #e6dccb;position:absolute;top:22px;bottom:22px;left:27px}.story-card{border:3px solid var(--c-ink);box-shadow:0 4px 0 var(--c-ink);cursor:pointer;width:100%;font:inherit;text-align:left;color:inherit;background:#fff4d6;border-radius:16px;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;margin:0 0 10px;padding:10px;display:grid;position:relative}.story-card:active{box-shadow:0 1px 0 var(--c-ink);transform:translateY(3px)}.story-card:focus-visible{outline:3px solid var(--c-blue);outline-offset:3px}.story-card--locked{color:#8a7d70;cursor:not-allowed;background:#e9e4dc;border-color:#8a7d70;box-shadow:0 4px #8a7d70}.story-card--done{background:#e9f8ee}.story-card__num{border:3px solid var(--c-ink);background:var(--c-yellow);width:46px;height:46px;font-family:var(--font-display);z-index:1;border-radius:50%;place-items:center;padding-top:.12em;font-size:22px;display:grid}.story-card--locked .story-card__num{background:#d0c9be;border-color:#8a7d70}.story-card__title{font-family:var(--font-display);letter-spacing:.02em;padding-top:.1em;font-size:18px;display:block}.story-card__where{color:#0d5ea8;font-size:12px;font-weight:800;display:block}.story-card__goal{color:#5a4f45;font-size:13px;font-weight:600;line-height:1.25;display:block}.story-card__stars{letter-spacing:1px;color:#d0c9be;white-space:nowrap;font-size:18px}.story-card__stars b{color:#ffb400;text-shadow:0 1px 0 var(--c-ink);font-weight:400}.intro-kicker{letter-spacing:.06em;text-transform:uppercase;color:#0d5ea8;margin:0;font-size:14px;font-weight:800}.intro-goal{border:3px solid var(--c-ink);text-align:left;background:#fff1b8;border-radius:14px;align-items:center;gap:10px;margin:4px 0 8px;padding:10px 12px;font-weight:800;display:flex}.intro-goal__icon{font-size:26px}.intro-stars{text-align:left;color:#5a4f45;margin:0 0 12px;padding:0;font-size:14px;font-weight:700;list-style:none}.intro-stars li{margin:2px 0}.overlay--result{z-index:5;background:#0f284640;align-items:end}.result-stars{justify-content:center;gap:6px;margin:2px 0 6px;font-size:54px;line-height:1;display:flex}.result-stars span{color:#d0c9be;-webkit-text-stroke:3px var(--c-ink);paint-order:stroke fill;opacity:.4;transition:transform .35s cubic-bezier(.3,1.8,.5,1),opacity .2s;transform:scale(.4)}.result-stars span.on{color:#ffc61a;opacity:1;transform:scale(1)}.result-stars span.off{opacity:1;transform:scale(.85)}.result-checks{margin:0 0 6px;padding:0;font-size:14px;font-weight:800;list-style:none}.result-checks li{color:#8a7d70;margin:2px 0}.result-checks li.ok{color:#0d7a3e}.result-reward{min-height:1.3em;font-family:var(--font-script);color:#0d7a3e;margin:4px 0 12px;font-size:20px}.story-hint{left:50%;top:calc(150px + var(--safe-top));z-index:3;border:3px solid var(--c-ink);font-family:var(--font-display);letter-spacing:.03em;box-shadow:0 4px 0 var(--c-ink);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 16px 6px;font-size:18px;animation:.3s ease-out hint-in;position:absolute;transform:translate(-50%)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.danfo-meter--story .danfo-meter__gap{font-size:22px}
