html body .kit-hud{padding:4px 72px 0;gap:6px}html body .dl-hud{display:flex;flex-direction:column;align-items:center;gap:6px}html body .dl-hud[hidden]{display:none}html body .dl-hud-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}html body .dl-hud-chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;box-sizing:border-box;padding:3px 12px 3px 8px;border:2px solid var(--dl-ink);border-radius:6px;white-space:nowrap;background:repeating-linear-gradient(180deg,rgba(120,70,25,.12) 0 1px,transparent 1px 6px),linear-gradient(180deg,#f1d39e,#ddb06c);box-shadow:0 3px 0 var(--dl-ink),inset 0 1px #ffffff73;color:var(--dl-ink);text-shadow:none;font:900 1.05rem / 1 var(--dl-stencil);letter-spacing:.06em;animation:dl-btn-in .4s calc(var(--i, 0) * 80ms) var(--dl-settle) both}html body .dl-hud-chip:nth-child(2){--i: 1}html body .dl-hud-chip:nth-child(3){--i: 2}html body .dl-hud-chip strong{font:inherit;color:#b8420f}html body .dl-hud-chip[hidden]{display:none}html body .dl-hud-chip.dl-hop{animation:dl-hop .42s var(--dl-pop)}html body .dl-hud-chip.dl-hop strong{color:#d9822b}html body .dl-opal{position:relative;width:14px;height:18px;flex:none;border:2px solid var(--dl-ink);border-radius:50%/60% 60% 40% 40%;background:conic-gradient(from 20deg,#7ff0e6,#8fb8ff,#f2879a,#ffd56a,#7ff0e6);animation:dl-twinkle 2.4s ease-in-out infinite}html body .dl-opal:after{content:"";position:absolute;left:2px;top:2px;width:4px;height:5px;border-radius:50%;background:#ffffffd9}html body .dl-clock{width:16px;height:16px;flex:none;border:2px solid var(--dl-ink);border-radius:50%;background:linear-gradient(var(--dl-ink),var(--dl-ink)) 50% 30% / 2px 40% no-repeat,linear-gradient(var(--dl-ink),var(--dl-ink)) 65% 50% / 35% 2px no-repeat,var(--dl-brass)}html body .dl-hud-tool-icon{font:900 1.05rem/1 system-ui,sans-serif;font-style:normal}html body .dl-hud-tool.dl-empty strong{color:#2a130973}html body .dl-hud-key{display:none}html[data-prompts=keys] body .dl-hud-key,html[data-prompts=pad] body .dl-hud-key{display:inline-flex;--kit-glyph-size: 18px}html body .dl-hud-boss{display:flex;align-items:center;gap:8px;padding:3px 10px;border:2px solid var(--dl-ink);border-radius:999px;background:linear-gradient(180deg,#7d4526,#55290f);box-shadow:0 3px 0 var(--dl-ink);font:900 .85rem / 1 var(--dl-stencil);letter-spacing:.14em;text-transform:uppercase;color:var(--dl-cream)}html body .dl-hud-boss[hidden]{display:none}html body .dl-boss-bar{position:relative;width:min(46vw,220px);height:12px;border:2px solid var(--dl-ink);border-radius:999px;background:#2a1309;overflow:hidden}html body .dl-boss-fill{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(180deg,#ff8a5c,#d9342b);transition:width .3s var(--dl-settle)}html body .dl-hud-signs{position:fixed;left:0;right:0;top:calc(var(--kit-top) + max(110px,22vh));display:flex;justify-content:center;pointer-events:none}html body .dl-hud-sign{padding:6px 20px 9px;border:2px solid var(--dl-ink);border-radius:8px;background:repeating-linear-gradient(180deg,rgba(120,70,25,.16) 0 2px,transparent 2px 9px),linear-gradient(180deg,#f3cf94,#dca862 55%,#b97c3c);box-shadow:0 4px 0 var(--dl-ink),0 10px 20px #0000004d;font:400 clamp(1.1rem,5vw,1.5rem) / 1.2 var(--dl-slab);color:var(--dl-ink);text-shadow:0 1px 0 rgba(255,240,200,.6);white-space:nowrap;animation:dl-sign-pop 1.8s var(--dl-settle) forwards}html body .dl-hud-sign.dl-good{color:#10605f}html body .dl-loading{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse 80% 70% at 50% 45%,#5a1e1859,#1e0a0ebf);pointer-events:none}html body .dl-loading[hidden]{display:none}html body .dl-loading-card{display:flex;align-items:center;gap:14px;padding:14px 22px;border:8px solid transparent;border-radius:20px;background:radial-gradient(130% 90% at 50% 0%,#f8e7bf,#ecd5a2 55%,#d9b67c) padding-box,linear-gradient(180deg,#a8673c,#7d4526 45%,#55290f) border-box;box-shadow:0 0 0 2px var(--dl-ink),0 7px 0 var(--dl-ink),0 24px 50px #00000080;animation:dl-pop-in .32s var(--dl-settle) both}html body .dl-loading-text{margin:0;font:400 1.15rem / 1.3 var(--dl-slab);color:var(--dl-ink);max-width:260px}html body .dl-loading-ball{width:38px;height:38px;flex:none;border-radius:50%;border:3px solid var(--dl-ink);background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(90,38,12,.8) 6px 9px),radial-gradient(circle at 36% 30%,#ffe3a6 0,#e8a54e 34%,#b8692c 72%,#7a3c16);animation:dl-spin .8s linear infinite,dl-loading-hop .8s ease-in-out infinite alternate}html body .kit-corner .kit-btn.kit-pause-btn{box-shadow:0 3px 0 var(--dl-ink),inset 0 2px #ffffff80}@keyframes dl-hop{0%{transform:scale(1)}40%{transform:scale(1.25);box-shadow:0 3px 0 var(--dl-ink),0 0 18px #f2b33de6}to{transform:scale(1)}}@keyframes dl-twinkle{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.35) saturate(1.4)}}@keyframes dl-sign-pop{0%{opacity:0;transform:translateY(-16px) scale(.7,1.3) rotate(-4deg)}14%{opacity:1;transform:translateY(0) scale(1.08,.92) rotate(1deg)}24%{transform:rotate(-1.5deg)}80%{opacity:1;transform:rotate(-1.5deg)}to{opacity:0;transform:translateY(-10px) rotate(-1.5deg)}}@keyframes dl-loading-hop{0%{translate:0 0}to{translate:0 -8px}}@media(prefers-reduced-motion:reduce){html body .dl-hud-chip,html body .dl-hud-chip.dl-hop,html body .dl-opal,html body .dl-loading-card,html body .dl-loading-ball{animation:none}html body .dl-hud-sign{animation:dl-fade-out 1.8s steps(1) forwards}}@keyframes dl-fade-out{to{opacity:0}}html body .kit-corner .kit-btn.kit-pause-btn{padding:0}html[data-prompts] body .kit-corner .kit-btn.kit-pause-btn:has(>.kit-glyph-on){padding:0}html body .kit-corner .kit-btn.kit-pause-btn>.kit-glyph-on{top:auto;bottom:-14px;right:50%;transform:translate(50%);--kit-glyph-size: 18px}html body .dl-key{width:18px;height:10px;flex:none;border:2px solid var(--dl-ink);border-radius:6px 2px 2px 6px;background:radial-gradient(circle at 5px 50%,var(--dl-ink) 0 2px,transparent 2.5px),var(--dl-brass)}html body .dl-hud-chip[hidden],html body .dl-hud-air[hidden]{display:none}html body .dl-hud-air{display:flex;align-items:center;gap:8px;padding:3px 10px;border:2px solid var(--dl-ink);border-radius:999px;background:linear-gradient(180deg,#23807d,#145756);box-shadow:0 3px 0 var(--dl-ink);font:900 .85rem / 1 var(--dl-stencil);letter-spacing:.14em;text-transform:uppercase;color:var(--dl-cream)}html body .dl-air-bar{position:relative;width:min(40vw,180px);height:12px;border:2px solid var(--dl-ink);border-radius:999px;background:#2a1309;overflow:hidden}html body .dl-air-fill{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(180deg,#b9fff6,#2ec4c0);transition:width .2s linear}html body .dl-hud-air.dl-danger .dl-air-fill{background:linear-gradient(180deg,#ffb59a,#d9342b)}html body .dl-hud-air.dl-danger{animation:dl-hop .6s ease-in-out infinite}html body .kit-modal-body.dl-howto{gap:7px}html body .dl-howto-row{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 10px;border-radius:10px;background:#fff8e180;box-shadow:inset 0 0 0 1.5px #5a301840;animation:dl-fade-up .36s calc(.08s + var(--row, 0) * 50ms) var(--dl-settle) both}html body .dl-howto-keys{flex:none;min-width:64px;display:flex;justify-content:center}html body .dl-howto-text{font:650 .95rem / 1.3 var(--dl-read)}html body .dl-for-touch,html[data-prompts=none] body .dl-for-keys,html[data-prompts=none] body .dl-howto-keys{display:none}html[data-prompts=none] body .dl-for-touch{display:inline}html[data-prompts=none] body .dl-howto-row{padding-left:40px;position:relative}html[data-prompts=none] body .dl-howto-row:before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;box-sizing:border-box;border:2px solid var(--dl-ink);background:radial-gradient(circle at 36% 30%,#ffe3a6 0,#e8a54e 40%,#a85d26)}html body .dl-howto-goal{margin:4px 0 0;font:800 .95rem / 1.35 var(--dl-read);color:#10605f;text-align:center;animation:dl-fade-up .36s calc(.08s + var(--row, 0) * 50ms) var(--dl-settle) both}html body .kit-modal-body .kit-row.dl-row-stack{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}html body .dl-row-stack .kit-seg{width:100%;box-sizing:border-box}html body .dl-title-screen.kit-screen{padding-top:calc(var(--kit-top) + 2px);padding-bottom:calc(var(--kit-bottom) + 2px)}html[data-embed] body .dl-title-screen.kit-screen{padding-top:calc(var(--kit-top) + 2px)}html body .dl-title-layout{margin:auto}@media(max-aspect-ratio:1/1){html body .dl-kicker span{letter-spacing:.26em;font-size:.8rem}html body .kit-title.dl-wordmark{font-size:clamp(2.3rem,min(15vw,9vh,9dvh),5.2rem)}html body .dl-hero{height:clamp(64px,min(15vh,15dvh),150px)}html body .dl-taglines{margin-top:6px}}@media(max-aspect-ratio:1/1)and (max-height:760px){html body .dl-kicker{margin-bottom:10px}html body .dl-taglines{margin-top:2px;font-size:.9rem}html body .dl-hero{height:clamp(60px,min(13vh,13dvh),120px);margin-bottom:-12px}html body .dl-panel{padding:10px 10px 9px;gap:7px}html body .dl-title-screen .kit-menu{gap:6px}html body .dl-title-screen .kit-btn.dl-mbtn{min-height:46px;padding-top:5px;padding-bottom:5px}html body .dl-title-screen .kit-btn.kit-primary.dl-mbtn{min-height:52px}html body .dl-title-screen .kit-primary .dl-mbtn-icon{width:36px;height:36px}html body .dl-title-screen .dl-mbtn-icon{width:32px;height:32px}html body .dl-footer .dl-chip{padding:4px 16px 3px;font-size:.78rem}html body .dl-footer .dl-chip strong{font-size:.95rem}}@media(max-aspect-ratio:1/1)and (max-height:640px){html body .dl-title-screen:has([data-testid^=continue]) .dl-taglines{display:none}html body .dl-title-screen:has([data-testid^=continue]) .dl-hero{height:56px}}@media(prefers-reduced-motion:reduce){html body .dl-howto-row,html body .dl-howto-goal{animation:none}}html body .kit-row.dl-pause-row{box-sizing:border-box;padding:2px 12px;border-radius:10px;background:#fff8e180;box-shadow:inset 0 0 0 1.5px #5a301840;min-height:46px}html body .dl-pause-row .kit-row-label{font:800 1rem var(--dl-read);color:var(--dl-ink)}html.dl-cover body #ui{display:none}html.dl-cover body #app canvas{filter:none}html body .dl-cover-words{position:fixed;left:2.5vw;top:50%;transform:translateY(-54%) rotate(-3deg);z-index:20;display:flex;flex-direction:column;align-items:center;font-family:var(--dl-slab);pointer-events:none}html body .dl-cover-words .kit-title.dl-wordmark{font-size:19vh;filter:drop-shadow(0 10px 16px rgba(40,10,10,.5))}html body .dl-cover-words .dl-kicker{margin:14px 0 0}html body .dl-cover-words .dl-kicker span{font-size:4.6vh}html.dl-cover body .dl-letter,html.dl-cover body .dl-shell-bands,html.dl-cover body .dl-word-1:before,html.dl-cover body .dl-kicker{animation:none}@media(max-height:520px)and (min-aspect-ratio:5/4){html body .kit-modal-sheet{width:min(720px,100%);padding:10px 14px;gap:8px}html body [data-testid=settings] .kit-settings{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}html body [data-testid=settings] .kit-settings .kit-row{min-height:46px;padding-top:0;padding-bottom:0}html body [data-testid=settings] .kit-settings .dl-row-stack{grid-column:span 2;flex-direction:row;align-items:center}html body [data-testid=settings] .kit-settings .dl-row-stack .kit-seg{width:auto;flex:1}html body .kit-modal-title{font-size:1.1rem;padding:2px 20px 5px}html body .kit-modal-sheet{gap:6px}html body [data-testid=settings] .kit-modal-buttons .kit-btn.dl-mbtn{min-height:46px;padding-top:3px;padding-bottom:3px}html body [data-testid=settings] .kit-modal-buttons .dl-mbtn-icon{width:32px;height:32px}}@media(min-width:1000px)and (min-height:640px)and (min-aspect-ratio:5/4){html body .dl-panel{width:560px;padding:18px 16px 16px}html body .dl-title-screen .kit-btn.dl-mbtn{min-height:60px}html body .dl-title-screen .dl-mbtn-label{font-size:1.15rem}html body .dl-title-screen .dl-mbtn-sub{font-size:.82rem}html body .dl-title-screen .kit-menu>.kit-btn.dl-mbtn:not(.kit-primary)>.kit-glyph-on{top:50%;right:10px;transform:translateY(-50%)}html[data-prompts] body .dl-title-screen .kit-menu>.kit-btn.dl-mbtn:not(.kit-primary):has(>.kit-glyph-on){padding-right:48px}}@font-face{font-family:Dl Slab;src:url(./alfa-slab-one-CbTZiZTW.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Dl Stencil;src:url(./stencil-900-C2a_AZvg.woff2) format("woff2");font-weight:900;font-display:block}@font-face{font-family:Dl Read;src:url(./nunito-BzFMHfZw.woff2) format("woff2");font-weight:200 1000;font-display:swap}html:root{--kit-bg: #2a1218;--kit-panel: #ecd5a2;--kit-fg: #fff1d6;--kit-muted: #f3cf9a;--kit-accent: #2ec4c0;--kit-accent-fg: #2a1309;--kit-accent-2: #f2b33d;--kit-warn: #e2662a;--kit-radius: 14px;--kit-font: "Dl Slab", "Arial Black", "Helvetica Neue", system-ui, sans-serif;--kit-focus-shadow: 0 4px 0 #2a1309, 0 0 0 3px rgba(46, 196, 192, .45), 0 0 24px rgba(46, 196, 192, .6);--kit-glyph-key: linear-gradient(180deg, #fff1d6, #e8c38a);--kit-glyph-key-ink: #2a1309;--kit-glyph-pad-bg: #2a1309;--kit-glyph-pad-ink: #fff1d6;--kit-glyph-font: system-ui, sans-serif;--dl-slab: "Dl Slab", "Arial Black", system-ui, sans-serif;--dl-stencil: "Dl Stencil", "Arial Narrow", "Arial Black", sans-serif;--dl-read: "Dl Read", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--dl-ink: #2a1309;--dl-ink-soft: #5a3018;--dl-cream: #fff1d6;--dl-ochre: #f2b33d;--dl-burnt: #e2662a;--dl-euc: #6f9e6a;--dl-turq: #2ec4c0;--dl-galah: #f2879a;--dl-brass: radial-gradient(circle at 36% 30%, #fff6c8 0, #f3c75a 28%, #c4892a 66%, #7a5214 100%);--dl-rivet: radial-gradient( circle, #fff3c0 0 1.6px, #f0c35a 2.8px, #b07c22 4.8px, #4a2c08 6px, rgba(42, 19, 9, .4) 7px, transparent 7.6px );--dl-grain: repeating-linear-gradient(97deg, rgba(0, 0, 0, .07) 0 2px, transparent 2px 7px);--dl-pop: cubic-bezier(.2, 1.6, .4, 1);--dl-settle: cubic-bezier(.2, .9, .3, 1.1)}html,body{margin:0;height:100%;background:radial-gradient(130% 100% at 50% 0%,#f08a4b,#a8402c 38%,#4a1a22 72%,#2a1218);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}canvas{display:block}#app canvas{transition:filter .5s ease}html.dl-attract #app canvas{filter:blur(3px) brightness(.78) saturate(1.2)}html .kit-dim{background:radial-gradient(ellipse 80% 70% at 50% 40%,#5a1e1873,#1e0a0ed1);backdrop-filter:blur(5px) saturate(115%);-webkit-backdrop-filter:blur(5px) saturate(115%)}html .kit-title-screen.kit-dim{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}html .kit-modal{background:radial-gradient(ellipse 80% 70% at 50% 45%,#5a1e1873,#1e0a0ecc);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dl-panel,.dl-card,html .kit-modal-sheet{position:relative;box-sizing:border-box;border:8px solid transparent;border-radius:20px;color:var(--dl-ink);background:var(--dl-rivet) -3px -3px / 22px 22px no-repeat border-box,var(--dl-rivet) calc(100% + 3px) -3px / 22px 22px no-repeat border-box,var(--dl-rivet) -3px calc(100% + 3px) / 22px 22px no-repeat border-box,var(--dl-rivet) calc(100% + 3px) calc(100% + 3px) / 22px 22px no-repeat border-box,repeating-linear-gradient(0deg,rgba(110,70,25,.07) 0 1px,transparent 1px 3px) padding-box,repeating-linear-gradient(90deg,rgba(110,70,25,.06) 0 1px,transparent 1px 3px) padding-box,radial-gradient(130% 90% at 50% 0%,#f8e7bf,#ecd5a2 55%,#d9b67c) padding-box,var(--dl-grain) border-box,linear-gradient(180deg,#a8673c,#7d4526 45%,#55290f) border-box;box-shadow:inset 0 0 0 2px #2a13098c,inset 0 8px 16px #5a2d0a38,0 0 0 2px var(--dl-ink),0 7px 0 var(--dl-ink),0 24px 50px #00000080}.dl-panel:before,.dl-card:before,html .kit-modal-sheet:before{content:"";position:absolute;inset:-5px;border:1.5px dashed rgba(255,222,160,.62);border-radius:16px;pointer-events:none}html .kit-modal-sheet{padding:16px;animation:dl-pop-in .32s var(--dl-settle) both}.dl-panel{width:min(400px,100%);display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px;animation:dl-board-in .55s .25s var(--dl-settle) both}.dl-card{width:min(390px,100%);display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:34px;padding:10px 14px 14px;animation:dl-pop-in .32s var(--dl-settle) both}html .dl-card .kit-menu{width:100%}.dl-card-sub{margin:0;font:800 .78rem var(--dl-read);letter-spacing:.14em;text-transform:uppercase;color:var(--dl-ink-soft);animation:dl-fade-up .4s .12s var(--dl-settle) both}.dl-paint{position:relative;display:inline-block;color:transparent;--face: linear-gradient(180deg, #e6fffa 0%, #8ff0e6 30%, #2ec4c0 64%, #16807f 100%)}.dl-paint:before,.dl-paint:after{content:attr(data-text);position:absolute;inset:0;white-space:nowrap}.dl-paint:before{color:var(--dl-ink);-webkit-text-stroke:.2em var(--dl-ink);text-shadow:0 .09em 0 var(--dl-ink),0 .15em 0 var(--dl-ink),0 .22em 12px rgba(0,0,0,.35)}.dl-paint:after{background:var(--face);-webkit-background-clip:text;background-clip:text;color:transparent}.dl-lost .dl-paint,.dl-paint.dl-lost{--face: linear-gradient(180deg, #fff6c8 0%, #ffd56a 32%, #f2a33a 66%, #c8641c 100%)}.dl-sign{align-self:center;position:relative;margin:-46px auto 2px;padding:8px 26px 12px;border:2px solid var(--dl-ink);border-radius:8px;background:repeating-linear-gradient(180deg,rgba(120,70,25,.16) 0 2px,transparent 2px 9px),linear-gradient(180deg,#f3cf94,#dca862 55%,#b97c3c);box-shadow:inset 0 1px #fff6,inset 0 -3px #5a2d0a4d,0 5px 0 var(--dl-ink),0 12px 20px #00000059;transform:rotate(-1.5deg);animation:dl-sign-in .6s .05s var(--dl-pop) both}.dl-sign:before,.dl-sign:after,html .kit-modal-title:before,html .kit-modal-title:after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--dl-brass);box-shadow:0 0 0 1.5px var(--dl-ink),0 1px 0 1.5px #2a130980}.dl-sign:before,html .kit-modal-title:before{left:8px}.dl-sign:after,html .kit-modal-title:after{right:8px}html .dl-sign .kit-title{font:400 clamp(1.7rem,8vw,2.3rem) / 1.15 var(--dl-slab);letter-spacing:.02em;margin:0;white-space:nowrap}html .kit-modal-title{position:relative;align-self:center;margin:0 auto 2px;padding:6px 26px 10px;border:2px solid var(--dl-ink);border-radius:8px;background:repeating-linear-gradient(180deg,rgba(120,70,25,.16) 0 2px,transparent 2px 9px),linear-gradient(180deg,#f3cf94,#dca862 55%,#b97c3c);box-shadow:inset 0 1px #fff6,0 4px 0 var(--dl-ink);font:400 1.5rem / 1.2 var(--dl-slab);transform:rotate(-1.2deg);animation:dl-sign-in .6s var(--dl-pop) both}html .kit-btn{--b-hi: #a8673c;--b: #7d4526;--b-lo: #55290f;position:relative;min-height:52px;padding:8px 16px;border:2px solid var(--dl-ink);border-radius:14px;color:var(--dl-cream);font:400 1rem var(--dl-slab);letter-spacing:.01em;text-shadow:0 2px 0 var(--dl-ink);background:var(--dl-grain),linear-gradient(180deg,var(--b-hi) 0%,var(--b) 52%,var(--b-lo) 100%);box-shadow:0 4px 0 var(--dl-ink),inset 0 1px #ffffff3d,inset 0 -3px #00000038;transition:transform .14s var(--dl-settle),box-shadow .14s,border-color .14s;-webkit-tap-highlight-color:transparent}html .kit-btn:before{content:"";position:absolute;inset:3px;border:1.5px dashed rgba(255,226,170,.45);border-radius:10px;pointer-events:none}html .kit-btn:focus{outline:none}@media(hover:hover){html .kit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--dl-ink),inset 0 1px #ffffff3d,inset 0 -3px #00000038}}html .kit-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--dl-ink),inset 0 1px #ffffff3d,inset 0 -3px #00000038}html[data-hub-input=keys] .kit-btn:focus,html .kit-btn[data-hub-focus],html .kit-btn:focus-visible{border-color:#b9fff6;transform:translateY(-2px)}html[data-hub-input=touch] .kit-btn[data-hub-focus]{border-color:var(--dl-ink);transform:none}html .kit-btn:disabled{opacity:.55;filter:saturate(.5)}html .kit-btn.kit-primary{--b-hi: #f59446;--b: #e2662a;--b-lo: #ad4419;color:var(--dl-ink);text-shadow:0 1px 0 rgba(255,220,170,.45);background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.34) 48%,transparent 58%) -150% 0 / 250% 100% no-repeat,linear-gradient(180deg,transparent calc(50% - 1px),rgba(42,19,9,.35) calc(50% - 1px) 50%,transparent 50%),var(--dl-grain),linear-gradient(180deg,var(--b-hi) 0%,var(--b) 52%,var(--b-lo) 100%);animation:dl-sheen 3.6s 1.2s ease-in-out infinite}html .kit-btn.kit-primary:before{border-color:#2a130959}html .kit-btn-sub{color:#ffecc8d9}html .kit-btn[data-testid=daily]{--b-hi: #8dba78;--b: #5f8f55;--b-lo: #3a6436}html .kit-btn[data-testid=race],html .kit-btn[data-testid=race-browse]{--b-hi: #44b3ad;--b: #23807d;--b-lo: #145756}html .kit-btn[data-testid=online],html .kit-btn[data-testid=quick-match]{--b-hi: #cf6a52;--b: #a2402c;--b-lo: #6e2418}html .kit-btn[data-testid=settings],html .kit-btn[data-testid=howto],html .kit-btn[data-testid=quit]{--b-hi: #7a4a2c;--b: #5a3119;--b-lo: #3a1c0a}html .kit-btn.dl-mbtn{justify-content:flex-start;flex-wrap:nowrap;gap:10px;padding:7px 34px 7px 9px;text-align:left}.dl-mbtn-icon{flex:none;position:relative;width:36px;height:36px;border-radius:50%;border:2px solid var(--dl-ink);box-sizing:border-box;background:var(--dl-brass);box-shadow:inset 0 -3px #5a320873,inset 0 2px #ffffff80,0 2px #2a1309b3;transition:transform .2s var(--dl-pop)}.dl-mbtn-icon:before{content:attr(data-icon);position:absolute;inset:0;display:grid;place-items:center;color:var(--dl-ink);font:900 1.05rem/1 system-ui,sans-serif;text-shadow:0 1px 0 rgba(255,246,200,.7)}.dl-mbtn-text{display:flex;flex-direction:column;min-width:0;gap:1px}.dl-mbtn-label{font:400 1.05rem / 1.1 var(--dl-slab);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-mbtn-sub{font:750 .72rem / 1.2 var(--dl-read);color:#ffecc8db;text-shadow:0 1px 0 rgba(42,19,9,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-mbtn-sub:empty{display:none}html .kit-btn.kit-primary.dl-mbtn{min-height:60px}html .kit-primary .dl-mbtn-icon{width:42px;height:42px;background:radial-gradient(circle at 36% 30%,#e6fffa 0,#8ff0e6 26%,#2ec4c0 62%,#12706f)}html .kit-primary .dl-mbtn-label{font:900 1.45rem / 1 var(--dl-stencil);letter-spacing:.12em;text-transform:uppercase;color:var(--dl-ink);text-shadow:0 1px 0 rgba(255,220,170,.5)}html .kit-primary .dl-mbtn-sub{color:#2a1309d9;text-shadow:0 1px 0 rgba(255,220,170,.45)}.dl-mbtn:after{content:"◀";position:absolute;right:11px;top:50%;margin-top:-.5em;font:900 .9rem/1 system-ui,sans-serif;color:#b9fff6;text-shadow:0 0 8px rgba(46,196,192,.9),0 1px 0 var(--dl-ink);opacity:0;transition:opacity .15s;pointer-events:none}html[data-hub-input=keys] .dl-mbtn:focus:after,html .dl-mbtn[data-hub-focus]:after,html .dl-mbtn:focus-visible:after{opacity:1;animation:dl-pointer .6s ease-in-out infinite alternate}html[data-hub-input=keys] .dl-mbtn:focus .dl-mbtn-icon,html .dl-mbtn[data-hub-focus] .dl-mbtn-icon,html .dl-mbtn:focus-visible .dl-mbtn-icon{transform:scale(1.12) rotate(-8deg);background:radial-gradient(circle at 36% 30%,#e6fffa 0,#8ff0e6 26%,#2ec4c0 62%,#12706f)}html[data-hub-input=touch] .dl-mbtn[data-hub-focus]:after{opacity:0;animation:none}html[data-hub-input=touch] .dl-mbtn[data-hub-focus] .dl-mbtn-icon{transform:none}html[data-prompts] .kit-btn.dl-mbtn:has(>.kit-glyph-on){padding-left:9px;padding-right:54px}html[data-prompts] .dl-title-screen .kit-menu>.kit-btn.dl-mbtn:not(.kit-primary):has(>.kit-glyph-on){padding-right:8px}html .dl-title-screen .kit-menu>.kit-btn.dl-mbtn:not(.kit-primary)>.kit-glyph-on{top:-9px;right:-6px;transform:none;z-index:1}.dl-mbtn:has(.kit-glyph-on):after{display:none}html .kit-btn.dl-in{animation:dl-btn-in .42s calc(var(--i, 0) * 60ms + .3s) var(--dl-settle) both}html .kit-btn.kit-primary.dl-in{animation:dl-btn-in .42s calc(var(--i, 0) * 60ms + .3s) var(--dl-settle) both,dl-sheen 3.6s 1.6s ease-in-out infinite}html .kit-screen[data-redraw=true] .kit-btn.dl-in{animation:none}html .kit-modal-buttons{justify-content:center;gap:10px}html .kit-modal-buttons>.kit-btn{flex:1 1 140px}.dl-chip{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:5px 18px 4px;border:2px solid var(--dl-ink);border-radius:4px;white-space:nowrap;background:repeating-linear-gradient(180deg,rgba(120,70,25,.12) 0 1px,transparent 1px 6px),linear-gradient(180deg,#f1d39e,#ddb06c);box-shadow:0 3px 0 var(--dl-ink),inset 0 1px #ffffff73;font:900 .85rem / 1 var(--dl-stencil);letter-spacing:.16em;text-transform:uppercase;color:#2a1309c7;animation:dl-fade-up .4s calc(.2s + var(--i, 0) * 70ms) var(--dl-settle) both}.dl-chip:before,.dl-chip:after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#6b5a48;box-shadow:inset 0 1px #ffffff80}.dl-chip:before{left:5px}.dl-chip:after{right:5px}.dl-chip strong{font:900 1.05rem / 1 var(--dl-stencil);letter-spacing:.08em;color:#b8420f}.dl-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}.dl-pop{position:absolute;left:50%;top:0;font:900 1.1rem var(--dl-stencil);color:var(--dl-ochre);text-shadow:0 2px 0 var(--dl-ink);pointer-events:none;animation:dl-pop-float .9s ease-out forwards}html .dl-title-screen.kit-screen{justify-content:flex-start;gap:0}.dl-stage{position:fixed;inset:0;pointer-events:none;z-index:0}.dl-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 50% 42%,transparent 0%,transparent 55%,rgba(40,12,14,.55) 100%),linear-gradient(180deg,rgba(60,20,20,.25) 0%,transparent 30%,transparent 70%,rgba(40,12,14,.4) 100%)}.dl-title-layout{position:relative;z-index:1;width:100%;max-width:1100px;margin:auto;display:flex;flex-direction:column;align-items:center}.dl-brand{display:flex;flex-direction:column;align-items:center;width:100%}.dl-kicker{margin:0 0 8px;animation:dl-fade-up .6s .55s var(--dl-settle) both}.dl-kicker span{display:inline-block;padding:5px 18px 4px;font:900 .86rem / 1 var(--dl-stencil);letter-spacing:.34em;text-transform:uppercase;color:#2a1309d9;background:repeating-linear-gradient(90deg,rgba(120,80,30,.08) 0 2px,transparent 2px 5px),linear-gradient(180deg,#f3dfb0,#e2c58a);clip-path:polygon(0 8%,3% 0,97% 6%,100% 0,99% 90%,100% 100%,2% 94%,0 100%,1% 50%);transform:rotate(-2deg);box-shadow:0 2px #2a130980}html .kit-title.dl-wordmark{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.92;font:400 clamp(3rem,min(15vw,11vh),5.2rem) / .92 var(--dl-slab);letter-spacing:.02em;filter:drop-shadow(0 8px 14px rgba(40,10,10,.45))}.dl-word{display:flex;position:relative}.dl-word-1{font-size:1.12em;margin-top:.02em;transform:translate(.35em)}.dl-word-1:before{content:"";position:absolute;right:calc(100% + .08em);top:22%;width:.9em;height:56%;background:linear-gradient(90deg,transparent,rgba(255,241,214,.9)) 0 0 / 100% .07em no-repeat,linear-gradient(90deg,transparent,rgba(255,241,214,.75)) 30% 50% / 70% .07em no-repeat,linear-gradient(90deg,transparent,rgba(255,241,214,.6)) 60% 100% / 45% .07em no-repeat;filter:drop-shadow(0 .03em 0 var(--dl-ink));animation:dl-streak .9s 1s ease-in-out infinite alternate}.dl-letter{position:relative;display:inline-block;color:transparent;--face: linear-gradient(180deg, #fff6c8 0%, #ffd56a 30%, #f2a33a 62%, #d0581e 100%);animation:dl-letter-drop .7s calc(var(--i) * 75ms) var(--dl-pop) both,dl-letter-bob 2.8s calc(.9s + var(--i) * .14s) ease-in-out infinite}.dl-word-1 .dl-letter{--face: linear-gradient(180deg, #e6fffa 0%, #8ff0e6 28%, #2ec4c0 62%, #12706f 100%)}.dl-letter:before,.dl-letter:after{content:attr(data-ch);position:absolute;inset:0}.dl-letter:before{color:var(--dl-ink);-webkit-text-stroke:.17em var(--dl-ink);text-shadow:0 .07em 0 var(--dl-ink),0 .12em 0 var(--dl-ink)}.dl-letter:after{background:var(--face);-webkit-background-clip:text;background-clip:text;color:transparent}.dl-shell-o:before,.dl-shell-o:after{content:none}.dl-shell{position:absolute;left:50%;top:52%;width:.78em;height:.78em;margin:-.39em 0 0 -.39em;border-radius:50%;box-sizing:border-box;border:.075em solid var(--dl-ink);overflow:hidden;background:radial-gradient(circle at 36% 30%,#ffe3a6 0,#e8a54e 34%,#b8692c 72%,#7a3c16);box-shadow:0 .07em 0 var(--dl-ink),0 .12em 0 var(--dl-ink)}.dl-shell-bands{position:absolute;inset:-10%;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 .09em,rgba(90,38,12,.8) .09em .13em);animation:dl-spin 1.4s linear infinite}.dl-shell:after{content:"";position:absolute;left:18%;top:14%;width:34%;height:22%;border-radius:50%;background:#fffae6bf;transform:rotate(-30deg)}.dl-taglines{position:relative;height:1.5em;width:100%;margin:10px 0 0;font:800 1rem / 1.5 var(--dl-read);color:var(--dl-cream);text-shadow:0 2px 0 var(--dl-ink),0 0 12px rgba(42,19,9,.6)}.dl-taglines span{position:absolute;inset:0;opacity:0;animation:dl-tagline 14s infinite}.dl-taglines span:nth-child(2){animation-delay:3.5s}.dl-taglines span:nth-child(3){animation-delay:7s}.dl-taglines span:nth-child(4){animation-delay:10.5s}.dl-hero{position:relative;width:min(100%,420px);height:clamp(104px,15vh,150px);margin-bottom:-10px;z-index:2}.dl-hero-canvas{position:absolute;inset:0;width:100%;height:100%}html .dl-title-screen .kit-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}html .dl-title-screen .kit-menu>*{grid-column:span 2}html .dl-title-screen .kit-menu>[data-testid=race],html .dl-title-screen .kit-menu>[data-testid=race-browse],html .dl-title-screen .kit-menu>[data-testid=settings],html .dl-title-screen .kit-menu>[data-testid=howto]{grid-column:span 1}html .dl-title-screen .kit-menu>[data-testid=race],html .dl-title-screen .kit-menu>[data-testid=race-browse],html .dl-title-screen .kit-menu>[data-testid=settings],html .dl-title-screen .kit-menu>[data-testid=howto]{gap:7px;padding:7px 8px 7px 7px}html .dl-title-screen .kit-menu>[data-testid=race] .dl-mbtn-icon,html .dl-title-screen .kit-menu>[data-testid=race-browse] .dl-mbtn-icon,html .dl-title-screen .kit-menu>[data-testid=settings] .dl-mbtn-icon,html .dl-title-screen .kit-menu>[data-testid=howto] .dl-mbtn-icon{width:30px;height:30px}html .dl-title-screen .kit-menu>[data-testid=race] .dl-mbtn-label,html .dl-title-screen .kit-menu>[data-testid=race-browse] .dl-mbtn-label,html .dl-title-screen .kit-menu>[data-testid=settings] .dl-mbtn-label,html .dl-title-screen .kit-menu>[data-testid=howto] .dl-mbtn-label{font-size:.92rem}html .dl-title-screen .kit-menu>[data-testid=race]:after,html .dl-title-screen .kit-menu>[data-testid=race-browse]:after,html .dl-title-screen .kit-menu>[data-testid=settings]:after,html .dl-title-screen .kit-menu>[data-testid=howto]:after{display:none}html .dl-title-screen.kit-screen{padding-left:12px;padding-right:12px}html .dl-title-screen .kit-continue{width:100%}.dl-footer{display:flex;justify-content:center;gap:10px;margin-top:4px}.dl-embers{position:absolute;inset:0;overflow:hidden}.dl-ember{position:absolute;bottom:-10px;width:var(--size, 4px);height:var(--size, 4px);border-radius:1px;background:#ffd56a;box-shadow:0 0 8px 2px #ffb43cb3;animation:dl-ember-rise 8s linear infinite}.dl-ember:nth-child(3n+1){background:#ff9a52;box-shadow:0 0 8px 2px #ff7832a6}.dl-ember:nth-child(4n+2){background:#9ff6ec;box-shadow:0 0 9px 2px #2ec4c0bf}@media(min-width:760px)and (min-aspect-ratio:5/4){.dl-title-layout{flex-direction:row;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px)}.dl-brand{width:auto;flex:1 1 0;max-width:520px}.dl-hero{order:3;height:clamp(150px,36vh,300px);width:100%;margin:4px 0 0}.dl-taglines{order:4}.dl-panel{flex:0 0 auto;width:440px}}@media(max-height:520px)and (min-aspect-ratio:5/4){html .kit-title.dl-wordmark{font-size:clamp(2.2rem,11vh,3rem)}.dl-kicker{margin-bottom:4px}.dl-hero{height:clamp(110px,36vh,170px)}.dl-taglines{margin-top:2px;font-size:.9rem}.dl-panel{width:min(440px,54vw);padding:10px;gap:6px}html .dl-title-screen .kit-menu{gap:6px}html .dl-title-screen .kit-menu>:not(.kit-primary){grid-column:span 1}html .dl-title-screen .kit-btn.dl-mbtn{min-height:48px}html .dl-title-screen .kit-menu>.dl-mbtn:not(.kit-primary){gap:7px;padding:6px 8px 6px 7px}html .dl-title-screen .kit-menu>.dl-mbtn:not(.kit-primary) .dl-mbtn-icon{width:30px;height:30px}html .dl-title-screen .kit-menu>.dl-mbtn:not(.kit-primary) .dl-mbtn-label{font-size:.92rem}html .dl-title-screen .kit-menu>.dl-mbtn:not(.kit-primary):after{display:none}html .dl-title-screen .kit-btn.kit-primary.dl-mbtn{min-height:52px}}@media(max-height:520px)and (min-aspect-ratio:5/4){.dl-card{width:min(580px,100%);margin-top:30px;gap:6px;padding-bottom:10px}.dl-sign{margin-top:-40px;padding:4px 22px 8px}html .dl-sign .kit-title{font-size:1.6rem}html .dl-card .kit-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}html .dl-card .kit-result-body{flex-direction:row;justify-content:center;gap:16px}html .dl-card .dl-total strong{font-size:2rem}}html .kit-modal-body{color:var(--dl-ink);font:600 .98rem / 1.45 var(--dl-read)}html .kit-modal-body .kit-row{padding:4px 10px;border-radius:10px;background:#fff8e173;box-shadow:inset 0 0 0 1.5px #5a301840;box-sizing:border-box;animation:dl-fade-up .36s calc(.08s + var(--row, 0) * 50ms) var(--dl-settle) both}html .kit-modal-body .kit-row:nth-child(2){--row: 1}html .kit-modal-body .kit-row:nth-child(3){--row: 2}html .kit-modal-body .kit-row:nth-child(4){--row: 3}html .kit-modal-body .kit-row:nth-child(n+5){--row: 4}html .kit-row-label{font:800 1rem var(--dl-read);color:var(--dl-ink)}html .kit-toggle{width:72px;height:44px;flex:none;border-radius:22px;border:2px solid var(--dl-ink);background:linear-gradient(180deg,#5a3119,#7d4526);box-shadow:inset 0 2px 4px #0006}html .kit-toggle:after{top:2px;left:2px;width:36px;height:36px;background:var(--dl-brass);box-shadow:0 0 0 1.5px var(--dl-ink)}html .kit-toggle[aria-checked=true]{background:linear-gradient(180deg,#16807f,#2ec4c0)}html .kit-toggle[aria-checked=true]:after{transform:translate(28px)}html .kit-slider{accent-color:var(--dl-burnt)}html .kit-seg{background:#5a30182e;box-shadow:inset 0 0 0 1.5px #5a30184d}html .kit-seg-item{color:var(--dl-ink);font:400 .95rem var(--dl-slab)}html .kit-seg-item[aria-checked=true]{background:linear-gradient(180deg,#f59446,#e2662a);color:var(--dl-ink);box-shadow:0 0 0 2px var(--dl-ink),0 2px 0 2px var(--dl-ink)}html .kit-toast{color:var(--dl-ink);font:700 .95rem / 1.35 var(--dl-read);border:2px solid var(--dl-ink);border-left:7px solid var(--dl-ochre);border-radius:10px;background:repeating-linear-gradient(0deg,rgba(110,70,25,.07) 0 1px,transparent 1px 3px),linear-gradient(180deg,#f8e7bf,#e6c88e);box-shadow:0 4px 0 var(--dl-ink),0 14px 30px #0006}html .kit-toast[data-kind=good]{border-left-color:var(--dl-turq)}html .kit-toast[data-kind=warn]{border-left-color:var(--dl-burnt)}html .kit-banner{font-family:var(--dl-slab);color:var(--dl-ochre);text-shadow:0 4px 0 var(--dl-ink),0 0 24px rgba(242,179,61,.6)}html .kit-btn.kit-pause-btn{width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;justify-content:center;font:400 1rem var(--dl-slab);color:var(--dl-ink);text-shadow:0 1px 0 rgba(255,246,200,.7);background:var(--dl-brass)}html .kit-btn.kit-pause-btn:before{border-radius:50%;border-color:#5a320873}html .kit-hud{font:400 1rem var(--dl-slab);color:var(--dl-cream);text-shadow:0 2px 0 var(--dl-ink)}html .kit-result-body{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--dl-ink)}.dl-total{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;animation:dl-fade-up .4s .15s var(--dl-settle) both}.dl-total span{font:900 .85rem var(--dl-stencil);letter-spacing:.3em;text-transform:uppercase;color:var(--dl-ink-soft)}.dl-total strong{font:400 2.8rem / 1 var(--dl-slab);color:#c4501f;text-shadow:0 3px 0 var(--dl-ink),0 0 18px rgba(242,179,61,.5)}@keyframes dl-letter-drop{0%{opacity:0;transform:translateY(-120%) scale(.6,1.4)}55%{opacity:1;transform:translateY(0) scale(1.15,.85)}78%{transform:translateY(-6%) scale(.96,1.05)}to{opacity:1;transform:none}}@keyframes dl-letter-bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-6px) rotate(-3deg)}65%{transform:translateY(-2px) rotate(2.5deg)}}@keyframes dl-spin{to{transform:rotate(360deg)}}@keyframes dl-streak{0%{transform:translate(0);opacity:.6}to{transform:translate(-.12em);opacity:1}}@keyframes dl-tagline{0%{opacity:0;transform:translateY(8px)}4%,22%{opacity:1;transform:none}26%,to{opacity:0;transform:translateY(-8px)}}@keyframes dl-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dl-board-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes dl-pop-in{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes dl-sign-in{0%{opacity:0;transform:translateY(-30px) rotate(-8deg) scale(.7,1.3)}55%{opacity:1;transform:translateY(0) rotate(2deg) scale(1.1,.9)}80%{transform:rotate(-2.5deg) scale(.98,1.02)}to{opacity:1;transform:rotate(-1.5deg)}}@keyframes dl-btn-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes dl-sheen{0%,62%{background-position:-150% 0,0 0,0 0,0 0}to{background-position:250% 0,0 0,0 0,0 0}}@keyframes dl-pointer{0%{transform:translate(0)}to{transform:translate(-5px)}}@keyframes dl-ember-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}50%{transform:translate(18px,-50vh);opacity:.5}75%{opacity:.9}to{transform:translate(-14px,-105vh);opacity:0}}@keyframes dl-pop-float{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-46px)}}@media(prefers-reduced-motion:reduce){.dl-letter,.dl-shell-bands,.dl-word-1:before,.dl-kicker,.dl-panel,.dl-card,.dl-sign,.dl-chip,.dl-card-sub,.dl-total,.dl-ember,html .kit-btn.dl-in,html .kit-btn.kit-primary,html .kit-btn.kit-primary.dl-in,html .kit-modal-sheet,html .kit-modal-title,html .kit-modal-body .kit-row,.dl-taglines span{animation:none}.dl-taglines span:first-child{opacity:1}.dl-embers{display:none}}
