:root{--font-display:"Fredoka","Trebuchet MS",system-ui,sans-serif;--font-ui:"Nunito","Segoe UI",system-ui,sans-serif;--ink:#12302c;--ink-2:#1b4640;--ink-3:#245a52;--night:#0d2523;--cream:#fff6dd;--cream-2:#f6e7bd;--paper:#fffaf0;--leaf:#7cc24a;--leaf-d:#4e9a2f;--honey:#f0b83a;--honey-d:#c98a14;--coral:#ee6a58;--coral-d:#c6483b;--sky:#4fa9e8;--sky-d:#2f7fbf;--lilac:#a98be0;--lilac-d:#7d5fc0;--teal:#2fb5a8;--teal-d:#1d8379;--if:#2f8fd0;--then:#ee6a58;--mem:#a98be0;--mod:#f0b83a;--text:#fff6dd;--text-dim:#c4d6c0;--text-ink:#26332b;--focus:#ffd86b;--radius:16px;--radius-s:10px;--shadow:0 10px 30px rgba(5,25,22,.35);--gutter:16px;--ease:cubic-bezier(.2,.8,.2,1)}:root[data-biome=meadow]{--biome:#7cc24a;--biome-d:#4e9a2f;--biome-bg:#1c4a35}:root[data-biome=grove]{--biome:#f0a23a;--biome-d:#b8710c;--biome-bg:#4a2d14}:root[data-biome=twilight]{--biome:#8e7be0;--biome-d:#5b46b0;--biome-bg:#1d1a46}:root[data-biome=hollow]{--biome:#6fd3e8;--biome-d:#2e8fae;--biome-bg:#14323f}:root[data-biome=compiler]{--biome:#3fe0b0;--biome-d:#17906f;--biome-bg:#12332f}:root[data-biome=mirror]{--biome:#8fc8ff;--biome-d:#3f78b5;--biome-bg:#16264a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--text);font-family:var(--font-ui);-webkit-text-size-adjust:100%;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}h1,h2,h3,.display{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:.01em}a{color:var(--honey)}.lp-app{position:fixed;inset:0;overflow:hidden;background:var(--night)}.lp-stage{position:absolute;inset:0;isolation:isolate;z-index:0}.lp-stage>.screen{position:absolute;inset:0;animation:lp-fade .28s var(--ease)}@keyframes lp-fade{0%{opacity:0}to{opacity:1}}.lp-dialogs{position:absolute;inset:0;pointer-events:none;z-index:40}.lp-dialogs>.lp-modal{pointer-events:auto}.lp-toasts{position:absolute;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:50}.lp-toast{background:var(--ink);color:var(--text);border-radius:999px;padding:10px 18px;box-shadow:var(--shadow);animation:lp-fade .2s var(--ease);font-weight:700}.lp-loading{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1b5a4c,#0d2523 70%);transition:opacity .4s}.lp-loading.done{opacity:0;pointer-events:none}.lp-loading-title{font-family:var(--font-display);font-size:clamp(32px,6vw,56px);font-weight:700;margin:0;color:var(--cream)}.spr{display:inline-block;flex:none;width:var(--spr-w);height:var(--spr-h);background-image:var(--spr-url);background-repeat:no-repeat;background-position:var(--spr-x) var(--spr-y);background-size:var(--spr-sheet);image-rendering:auto;vertical-align:middle}.lp-modal{position:absolute;inset:0;display:grid;place-items:center;background:#0616149e;backdrop-filter:blur(3px);animation:lp-fade .2s var(--ease)}[data-reduced-motion=true] *{animation-duration:.001ms!important;transition-duration:.001ms!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;font-family:var(--font-display);font-weight:600;font-size:18px;color:#3a2a08;background:none;border:0;text-shadow:0 1px 0 rgba(255,255,255,.45);transition:transform .12s var(--ease),filter .12s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{filter:grayscale(.7) brightness(.8);opacity:.7}.btn-green,.btn-blue,.btn-coral{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.btn-coral{filter:hue-rotate(-40deg) saturate(1.15)}.dialog-card{max-width:min(560px,92vw);max-height:92vh;overflow:auto;padding:12px 16px;color:var(--text);display:flex;flex-direction:column;gap:12px;align-items:stretch}.dialog-card h2{font-size:28px;text-align:center}.dialog-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.splash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#131c24}.splash-logo{height:min(62vh,560px);max-width:80vw;object-fit:contain;animation:lp-fade 1s var(--ease)}.splash-credit{margin:0;color:var(--text-dim);font-size:14px;letter-spacing:.04em}.credits-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.credits-role{margin:12px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--honey)}.credits-name{margin:0;font-family:var(--font-display);font-size:22px}.credits-fine{margin:12px 0 0;color:var(--text-dim);font-size:13px}.credits-copy{margin:6px 0 0;font-weight:700}.hb-program{flex:1 .01 auto;display:flex;flex-direction:column;min-height:12em;max-height:none;padding:.5em .6em .6em;border-radius:1em}.kit-off .hb-program{background:#0516148c;box-shadow:inset 0 0 0 1px #fff6dd1f}.hb-prog-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .8em;padding:.05em .3em .4em}.hb-prog-head h2{font-size:1.25em}.hb-count{margin-right:auto;font-weight:800;font-size:.9em;color:var(--text-dim);font-variant-numeric:tabular-nums}.hb-prog-head .hb-par{margin:0;flex:0 1 auto;text-align:right}.hb-rules{position:relative;flex:1 1 auto;min-height:0;margin:0;padding:.85em .1em .55em;list-style:none;display:flex;flex-direction:column;gap:.5em;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,246,221,.3) transparent}.hb-rule{position:relative;flex:none;display:flex;align-items:center;gap:.3em;min-height:4.4em;padding:.3em .4em;transition:box-shadow .2s,background .2s}.kit-off .rule-row,.kit-off .rule-row-active,.kit-off .rule-row-empty,.kit-off .rule-row-error{background:#fff6dd1a;border:1px solid rgba(255,246,221,.18);border-radius:.9em}.kit-off .rule-row-active{background:#f0b83a3d;border-color:var(--honey);box-shadow:0 0 .9em #f0b83a8c}.kit-off .rule-row-empty{background:#0000002e;border:2px dashed rgba(255,246,221,.2)}.kit-off .rule-row-error{background:#ee6a5824;border-color:var(--coral)}.kit-on .hb-rule{border-width:.28em .5em .32em .5em}.hb-num{flex:none;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;font:700 1em var(--font-display);color:var(--text);background:#fff6dd29;box-shadow:inset 0 0 0 1px #fff6dd33}.rule-row-empty .hb-num{opacity:.55}.hb-rule.is-culprit{box-shadow:0 0 0 .22em var(--coral),0 0 1em #ee6a5899}.hb-rule.flash-ok{animation:hb-flash-ok .5s var(--ease)}.hb-rule.flash-bad{animation:hb-shake .35s}@keyframes hb-flash-ok{0%{box-shadow:0 0 0 .3em #7cc24ae6}to{box-shadow:0 0 #7cc24a00}}@keyframes hb-shake{0%,to{transform:translate(0)}25%{transform:translate(-.3em)}75%{transform:translate(.3em)}}.hb .hb-rule .hb-tok{min-height:max(44px,4.1em)}:is(.hb,.complete-card) .hb-tok{position:relative;flex:1 1 0;min-width:0;max-width:6.6em;min-height:4.1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12em;padding:.3em .25em .35em;background:none;color:var(--text);font-weight:800;text-align:center;line-height:1.05;cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease),filter .12s,box-shadow .15s}.hb-tok:hover{transform:translateY(-1px);filter:brightness(1.08)}.hb-art{position:relative;display:block;line-height:0}.hb-ic{display:block}.hb-badge{position:absolute;right:-.55em;bottom:-.25em}.hb-label{font-size:max(10.5px,.74em);text-shadow:0 1px 0 rgba(0,0,0,.4);overflow-wrap:break-word}.hb-tok.no-art .hb-label{font-size:max(12px,.86em);font-family:var(--font-display);font-weight:600}.hb-word{font:700 .85em var(--font-display);letter-spacing:.1em;opacity:.78}.kit-off .hb-tok{border:0}.hb-static .hb-tok{cursor:default}.kit-off .token-if,.kit-off .token-then,.kit-off .token-mem,.kit-off .token-mod{border-radius:.8em;box-shadow:inset 0 1px #ffffff59,0 2px #0000004d}.kit-off .token-if{background:linear-gradient(#58b0ee,#2f7fbf)}.kit-off .token-then{background:linear-gradient(#f48a76,#c6483b)}.kit-off .token-mem{background:linear-gradient(#bda6f3,#7d5fc0)}.kit-off .token-mod{background:linear-gradient(#f7cb58,#c98a14);color:#3a2a08;text-shadow:none}.kit-off .token-mod .hb-label{text-shadow:none}.kit-off .socket-if,.kit-off .socket-then,.kit-off .socket-mem{border-radius:.8em;background:#0000004d;border:2px dashed rgba(255,246,221,.3);color:var(--text-dim)}.kit-off .socket-if{border-color:#4fa9e8b3}.kit-off .socket-then{border-color:#ee6a58b3}.kit-off .socket-mem{border-color:#a98be0b3}.kit-on .hb-tok{border-width:.3em .35em .4em .35em}.kit-on .hb-program{padding:0 .1em .3em}.hb-tok.armed{z-index:2;animation:hb-armed 1s ease-in-out infinite}@keyframes hb-armed{0%,to{box-shadow:0 0 0 .18em #ffd86bf2,0 0 .5em #ffd86b99}50%{box-shadow:0 0 0 .34em #ffd86b80,0 0 1em #ffd86be6}}.hb-tok.drop-ok{outline:2px dashed var(--leaf);outline-offset:2px}.hb-tok.drop-hot,.hb-rule.drop-hot{outline:3px solid var(--honey);outline-offset:2px;filter:brightness(1.18);transform:scale(1.05)}.hb-rule.drop-hot{transform:none}.is-lifted{opacity:.35}.hb-grip,.hb-del{flex:none;min-width:44px;min-height:44px;padding:0 .2em}.hb-grip{cursor:grab;touch-action:none}.hb-grip:disabled,.hb-del:disabled{visibility:hidden}.hb-grip:active{cursor:grabbing}.hb-grip[data-plate="0"],.hb-del[data-plate="0"]{background:#fff6dd14;box-shadow:none}.hb-warn{position:absolute;right:.7em;bottom:-.6em;z-index:1;padding:.08em .7em;border-radius:999px;font-size:.7em;font-weight:800;color:#fff;background:var(--coral-d);box-shadow:0 1px #00000059}.hb-whos{position:absolute;right:.5em;top:-.7em;z-index:1;display:flex;gap:.2em;pointer-events:none}.hb-who{display:inline-flex;align-items:center;gap:.15em;padding:.05em .45em;border-radius:999px;background:#051614e6;box-shadow:0 0 0 2px var(--honey);font-size:.78em;font-weight:800}.hb-who img{display:block}.hb-par{margin:.55em .3em 0;font-weight:800;font-size:.88em;color:var(--text-dim)}.hb-par.is-met{color:var(--leaf)}.hb-runnote{margin:.4em .2em 0;padding:.4em .8em;border-radius:.8em;font-size:.88em;font-weight:700;background:#fff6dd1a}.hb-runnote[data-tone=warn]{background:#ee6a5833;color:#ffd9d2}.hb-runnote[hidden]{display:none}.hb .hb-ghost{position:fixed;left:0;top:0;z-index:70;margin:0;pointer-events:none;opacity:.94;filter:drop-shadow(0 .6em .5em rgba(0,0,0,.4));will-change:transform}.hb-ghost.hb-rule{background:#18463ef2}.hb-ghost.hb-tok{transform-origin:50% 50%}.hb-dropline{position:absolute;left:0;right:0;height:.35em;border-radius:1em;background:var(--honey);box-shadow:0 0 .7em var(--honey);pointer-events:none;z-index:3}.is-dragging,.is-dragging *{cursor:grabbing!important}.hb img{-webkit-user-drag:none;user-select:none}.kit-on .hb-tok.armed,.kit-on .hb-tile.compat,.kit-on .coach-ring{box-shadow:none;animation-name:hb-glow}.kit-on .hb-tok.drop-ok{outline:0;filter:drop-shadow(0 0 .3em var(--leaf))}.kit-on .hb-tok.drop-hot,.kit-on .hb-rule.drop-hot{outline:0;filter:drop-shadow(0 0 .45em var(--honey)) brightness(1.15)}.kit-on .hb-rule.is-culprit{box-shadow:none;filter:drop-shadow(0 0 .45em var(--coral))}.kit-on .hb-rule.flash-ok{animation-name:hb-glow-ok}@keyframes hb-glow{0%,to{filter:drop-shadow(0 0 .25em rgba(255,216,107,.95))}50%{filter:drop-shadow(0 0 .65em #ffd86b) drop-shadow(0 0 .2em #ffd86b)}}@keyframes hb-glow-ok{0%{filter:drop-shadow(0 0 .6em #9be35f)}to{filter:none}}.hb.dense .hb-rules{gap:.3em;padding-top:.7em}.hb.dense .hb-rule{min-height:3.5em;padding:.1em .35em}.hb.dense .hb-rule .hb-tok{min-height:max(44px,3.1em);padding:.1em .2em .15em}.hb.dense .hb-ic{height:1.95em!important;width:auto!important}.hb.dense .hb-badge{height:1em!important;width:auto!important}.hb.dense .hb-tray{min-height:10em}.hb.dense .hb-tile{min-height:3.7em}.hb.tight .hb-rules{gap:.2em;padding-top:.6em}.hb.tight .hb-rule{min-height:2.9em;padding:0 .3em}.hb.tight .hb-rule .hb-tok{min-height:max(44px,2.5em);padding:0 .15em .05em;gap:0}.hb.tight .hb-prog-head{padding-bottom:.15em}.hb.tight .hb-par{margin-top:.3em}.hb.tight .hb-ic{height:1.4em!important}.hb.tight .hb-label{font-size:max(10px,.68em)}.hb.tight .hb-num{width:1.4em;height:1.4em;font-size:.9em}.hb-tools{flex:none;display:flex;align-items:center;gap:.1em}@media(max-width:700px){.hb-tools{flex-direction:row;justify-content:center;gap:0}.hb .hb-rule .hb-tok{max-width:none}.hb-rule{gap:.25em}.hb-num{width:1.5em;height:1.5em;font-size:.9em}.hb-grip,.hb-del{min-width:32px;min-height:34px;padding:0}}.kit-on .hb-num{color:#4a2a08;background:#7c561c29;box-shadow:inset 0 0 0 1px #7c561c66}.kit-on .hb-rule{padding-left:1em;padding-right:.9em}.kit-on .hb-program{border-width:.85em .9em .9em;padding:0}@media(max-width:700px){.kit-on .hb-program{border-width:.7em .7em .8em}}@media(max-width:700px){.hb.dense:not(.sheet-open) .hb-stage{max-height:min(34dvh,calc(100vw - 2 * var(--gutter)))}}.hb-tray{flex:0 100 auto;min-height:10em;display:flex;flex-direction:column;padding:.5em .6em .6em;border-radius:1em}.kit-off .hb-tray{background:#5e3c1c80;box-shadow:inset 0 0 0 1px #f0b83a38}.hb-tray-head{display:flex;align-items:baseline;gap:.7em;padding:.05em .3em .4em}.hb-tray-head h2{font-size:1.25em;flex:none}.hb-tray-hint{margin:0;flex:1;font-size:.82em;font-weight:700;color:var(--text-dim)}.hb-tray-more{display:none}.hb-tray.has-more:not([data-armed]:not([data-armed=""])) .hb-tray-more{display:inline}@media(max-width:700px){.hb:not(.sheet-open) .hb-tray-more{display:none!important}}@media(max-height:480px)and (orientation:landscape){.hb:not(.sheet-open) .hb-tray-more{display:none!important}}.hb-tray[data-armed]:not([data-armed=""]) .hb-tray-hint{color:var(--focus)}.hb-tray .hb-sheet-close{display:none;margin:-.4em 0 -.4em auto}.hb-sheet-close[data-plate="0"]{background:linear-gradient(#8ed556,#4e9a2f);color:#fff}.hb-tray-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.5em;padding:0 .1em .2em;scrollbar-width:thin;scrollbar-color:rgba(255,246,221,.55) rgba(40,20,0,.25)}.hb-tray-col{display:contents}.hb-tray.has-more .hb-tray-body{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.2em),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.2em),transparent)}@media(min-width:701px)and (min-height:481px){.hb-tray-body{flex-direction:row;align-items:flex-start;gap:.7em}.hb-tray-col{display:flex;flex-direction:column;gap:.5em;flex:1 1 0;min-width:0}.hb .hb-tray-col .hb-tiles{grid-template-columns:repeat(auto-fill,minmax(4.3em,1fr))}.hb .hb-tray-col .hb-tile{min-height:max(46px,3.5em)}.hb.dense .hb-tray-col .hb-tile{min-height:max(46px,3.4em)}.hb.tight .hb-tray-col .hb-ic{height:1.7em!important;width:auto!important}}.hb-group h3{margin:0 0 .3em .2em;font-size:.82em;letter-spacing:.12em;text-transform:uppercase;color:var(--honey)}.hb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.1em,1fr));gap:.3em}.hb .hb-tile{max-width:none;min-height:3.9em;touch-action:pan-y}.hb-tile.compat{animation:hb-armed 1.4s ease-in-out infinite;z-index:1}.hb-tile.dim{opacity:.4;filter:saturate(.55)}.hb-tray.drop-hot{outline:3px solid var(--honey);outline-offset:-3px}.hb-picker{position:absolute;z-index:80;display:flex;flex-wrap:wrap;gap:.4em;width:min(31em,calc(100% - 16px));max-height:62%;overflow:auto;padding:.6em;border-radius:1em;background:#091e1bfa;box-shadow:0 .8em 2em #00000080,inset 0 0 0 2px #fff6dd2e}.hb .hb-opt{flex:0 0 5.7em;max-width:none}.kit-on .hb-tray{padding:0 .1em .2em;border-width:.75em 1.15em .85em;border-image-width:.75em 1.15em .85em}.hb-opt[aria-selected=true]{box-shadow:0 0 0 3px var(--leaf)}.hb-opt:focus-visible,.hb-clear:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hb-clear{flex:0 0 100%;min-height:44px;border:2px dashed rgba(255,246,221,.35);border-radius:.8em;background:none;color:var(--text);font:700 .95em var(--font-display);cursor:pointer}.hb-tip{position:absolute;z-index:90;display:flex;flex-direction:column;gap:.15em;max-width:17em;padding:.55em .85em;border-radius:.8em;background:var(--cream);color:var(--text-ink);font-size:.9em;font-weight:600;line-height:1.25;pointer-events:none;box-shadow:0 .5em 1.2em #0006}.hb-tip strong{font:600 1.05em var(--font-display)}.hb-tip[hidden]{display:none}@media(max-width:700px){.hb{--peek:3.4em;--sheet-h:min(42dvh,22em)}.hb-program{flex:1;max-height:none}.hb-rules{padding-bottom:calc(var(--peek) + .6em)}.hb-tray{position:fixed;left:0;right:0;bottom:0;z-index:30;flex:none;height:var(--sheet-h);min-height:0;padding-bottom:calc(.6em + env(safe-area-inset-bottom));border-radius:1.2em 1.2em 0 0;transform:translateY(calc(100% - var(--peek) - env(safe-area-inset-bottom)));transition:transform .28s var(--ease);box-shadow:0 -.5em 1.5em #00000073}.kit-off .hb-tray{background:#5b3c1c}.hb-tray-head{min-height:calc(var(--peek) - .6em);align-items:center;cursor:pointer}.hb-tray-body{visibility:hidden}.hb.sheet-open .hb-tray{transform:none}.hb.sheet-open .hb-tray-body{visibility:visible}.hb.sheet-open .hb-rules{padding-bottom:calc(var(--sheet-h) + .6em)}.hb-tray .hb-sheet-close{display:none}.hb.sheet-open .hb-tray .hb-sheet-close{display:inline-flex}.hb-tiles{grid-template-columns:repeat(auto-fill,minmax(5.2em,1fr))}.hb.sheet-open .hb-stage{max-height:min(19dvh,10em);min-height:0}.hb.sheet-open .hb-playbar{display:none}.hb-tray[data-armed=do] .hb-group[data-family=do],.hb-tray[data-armed=set] .hb-group[data-family=set]{order:-1}}.kit-on .hb-tray-head h2{color:#3a2208;text-shadow:0 1px 0 rgba(255,255,255,.3)}.kit-on .hb-tray-hint{color:#5a3510}.kit-on .hb-tray[data-armed]:not([data-armed=""]) .hb-tray-hint{color:#7a2600}.kit-on .hb-group h3{color:#5a3510}@media(max-height:480px)and (orientation:landscape){.hb{--peek:3em;--sheet-h:min(62dvh,15em)}.hb-side{position:relative;overflow:hidden}.hb-program{flex:1 1 0;min-height:0}.hb-rules{padding-bottom:calc(var(--peek) + .4em)}.hb-tray{position:absolute;left:0;right:0;bottom:0;z-index:30;flex:none;height:var(--sheet-h);min-height:0;padding-bottom:.6em;border-radius:1.2em 1.2em 0 0;transform:translateY(calc(100% - var(--peek)));transition:transform .28s var(--ease);box-shadow:0 -.5em 1.5em #00000073}.kit-off .hb-tray{background:#5b3c1c}.hb-tray-head{min-height:calc(var(--peek) - .6em);align-items:center;cursor:pointer}.hb-tray-body{visibility:hidden}.hb.sheet-open .hb-tray{transform:none}.hb.sheet-open .hb-tray-body{visibility:visible}.hb.sheet-open .hb-rules{padding-bottom:calc(var(--sheet-h) + .4em)}.hb-tray .hb-sheet-close{display:none}.hb.sheet-open .hb-tray .hb-sheet-close{display:inline-flex}.hb-tiles{grid-template-columns:repeat(auto-fill,minmax(5.2em,1fr))}.hb-tray[data-armed=do] .hb-group[data-family=do],.hb-tray[data-armed=set] .hb-group[data-family=set]{order:-1}}.hb-helper{position:relative;flex:none;z-index:6;display:flex;align-items:center;gap:.2em;min-width:0}.hb-helper[hidden]{display:none}.hb-helper.in{animation:hb-rise .45s var(--ease)}.hb-bubble{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.9em}.hb-bubble-body{flex:1;min-width:0}.hb-bubble-x{flex:none;margin:0!important}.hb-bubble-x{pointer-events:auto}.hb-sprout{flex:none;order:-1;margin:0 -.4em 0 0;height:4.4em!important;width:auto!important;filter:drop-shadow(0 .3em .3em rgba(0,0,0,.35));animation:hb-bob 2.4s ease-in-out infinite;pointer-events:none}.hb-bubble{position:relative;padding:.7em .9em .8em;color:var(--text-ink);font-weight:700;font-size:.95em;line-height:1.3}.kit-off .hb-bubble{background:var(--cream);border-radius:1em 1em 1em .2em;box-shadow:0 .5em 1.2em #0006}.hb-bubble h3{margin:0 0 .15em;font-size:1.05em;color:var(--leaf-d)}.hb-bubble p{margin:0}.hb-helper[data-tone=hint] .hb-bubble h3{color:var(--honey-d)}.hb-bubble-x{margin:0;min-height:44px;padding:0 1em;color:#fff;font:600 .9em var(--font-display);cursor:pointer}.kit-off .hb-bubble-x{border:0;border-radius:999px;background:var(--leaf)}.hb-bubble-x:hover{filter:brightness(1.08)}@keyframes hb-rise{0%{opacity:0;transform:translateY(-.8em)}to{opacity:1;transform:none}}@keyframes hb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.25em)}}.coach-ring{z-index:3;animation:hb-coach 1.1s ease-in-out infinite}@keyframes hb-coach{0%,to{box-shadow:0 0 0 .2em #ffd86bf2,0 0 .6em #ffd86bb3}50%{box-shadow:0 0 0 .5em #ffd86b59,0 0 1.3em #ffd86be6}}.hb-coachlabel{position:absolute;z-index:60;max-width:15em;padding:.45em .85em;border-radius:.9em;background:var(--focus);color:#3a2a08;font:600 .95em var(--font-display);text-align:center;pointer-events:none;box-shadow:0 .4em 1em #0006}.hb-coachlabel[hidden]{display:none}.hb-coachlabel:after{content:"";position:absolute;left:50%;margin-left:-.4em;border:.4em solid transparent}.hb-coachlabel[data-side=above]:after{top:100%;border-top-color:var(--focus)}.hb-coachlabel[data-side=below]:after{bottom:100%;border-bottom-color:var(--focus)}.hb-why{position:absolute;left:50%;top:.8em;z-index:7;width:min(30em,calc(100% - 1.6em));transform:translate(-50%);padding:.9em 3.6em 1em 1em;color:var(--text-ink);animation:hb-drop .35s var(--ease)}.kit-off .hb-why{background:var(--cream);border-radius:1.1em;box-shadow:0 .6em 1.6em #00000073}.hb-why[hidden]{display:none}.hb-why h2{margin:0 0 .2em;font-size:1.35em;color:var(--coral-d)}.hb-why[data-kind=loop] h2{color:var(--sky-d)}.hb-why[data-kind=timeout] h2{color:var(--lilac-d)}.hb-why-detail{margin:0 0 .6em;font-size:.95em;font-weight:700;line-height:1.35}.hb-why-hints{margin:0 0 .6em;padding:0 0 0 1.3em;font-weight:700;font-size:.92em;color:var(--leaf-d)}.hb-why-hints:empty{display:none}.hb-answer{display:flex;flex-wrap:wrap;gap:.25em .5em;margin:.35em 0 0;padding:0;list-style:none;counter-reset:hb-answer;max-height:8.2em;overflow:auto;font-size:.92em;line-height:1.3}.hb-answer li{counter-increment:hb-answer;padding:.12em .55em;border-radius:.6em;background:#ffffff8c;color:var(--text-ink);font-weight:700}.hb-answer li:before{content:counter(hb-answer) ". ";color:var(--honey-d)}.hb.pad-nav :focus{outline:3px solid var(--focus);outline-offset:2px}.hb-why-actions{display:flex;flex-wrap:wrap;gap:.5em}.hb-why-x{position:absolute;right:.4em;top:.4em;min-height:44px;min-width:44px;border:0;border-radius:.8em;background:#00000014;color:var(--text-ink);font:700 .8em var(--font-display);cursor:pointer}.hb-why.is-compact .hb-why-detail,.hb-why.is-compact .hb-why-show{display:none}.hb-why.is-compact{top:.5em;padding:.5em .8em}.hb-why.is-compact h2{font-size:1.05em;margin:0}.hb-why.is-compact .hb-why-hints{margin-top:.3em}@keyframes hb-drop{0%{opacity:0;transform:translate(-50%,-.8em)}to{opacity:1;transform:translate(-50%)}}.kit-off .hb-why .btn{min-height:44px;padding:0 1em;border:0;border-radius:999px;font:600 1em var(--font-display);cursor:pointer}.kit-off .hb-why .btn-green{background:linear-gradient(#8ed556,#4e9a2f);color:#fff}.kit-off .hb-why .btn-amber{background:linear-gradient(#f7cb58,#d29a1a);color:#3a2a08}.hb-inspect{position:absolute;z-index:8;width:min(17em,calc(100% - 16px));padding:.7em .85em .8em;color:var(--text-ink);animation:hb-rise .25s var(--ease)}.kit-off .hb-inspect{background:var(--cream);border-radius:1em;box-shadow:0 .5em 1.4em #00000073}.hb-inspect[hidden]{display:none}.hb-insp-head{display:flex;align-items:center;gap:.6em}.hb-insp-head h3{margin:0;font-size:1.2em}.hb-insp-role{margin:0;font-size:.82em;font-weight:800;color:var(--leaf-d);text-transform:uppercase;letter-spacing:.08em}.hb-insp-blurb{margin:.4em 0;font-size:.88em;font-weight:600;line-height:1.3}.hb-insp-facts{margin:0 0 .3em;padding:0;list-style:none;font-size:.88em;font-weight:800}.hb-insp-facts li{display:flex;align-items:center;gap:.4em;padding:.1em 0}.hb-insp-x{position:absolute;right:.4em;top:.4em;min-height:44px;min-width:44px;border:0;border-radius:.8em;background:#00000014;color:var(--text-ink);font:700 .8em var(--font-display);cursor:pointer}@media(max-width:700px){.hb-bubble{font-size:.88em;gap:.5em}.hb-sprout{height:3.6em!important}.hb-why{top:.4em}}.kit-on .hb-why,.kit-on .hb-inspect{padding:0 .1em .1em}.kit-on .hb-why h2,.kit-on .hb-why-detail{margin-right:2.8em}.kit-on .hb-why .btn{min-height:0;padding:0 .3em;font-size:1em}.kit-on .hb-bubble{padding:0 .1em;border-width:.5em .8em 1em 1.3em;border-image-width:.5em .8em 1em 1.3em}.kit-on .hb-bubble-x{min-height:0;padding:0 .3em}.complete-card{--cm:clamp(14px,2.2vw,17px);width:min(34em,94vw);max-width:94vw;font-size:var(--cm);gap:.9em;padding:.9em 1.1em 1.1em;color:var(--text);text-align:center}.complete-card.kit-off{background:#1b4640;border-radius:1.1em;box-shadow:0 1em 2.5em #00000080,inset 0 0 0 2px #fff6dd29}.complete-card h2,.complete-card h3{font-family:var(--font-display)}.cm-ribbon{padding:.3em 1.2em;margin:0 auto}.cm-ribbon h2{font-size:1.7em;color:#3a2a08;text-shadow:0 1px 0 rgba(255,255,255,.4)}.complete-card.kit-off .cm-ribbon{background:linear-gradient(#f7cb58,#d29a1a);border-radius:.8em}.cm-kicker{margin:-.3em 0 0;font-weight:800;font-size:.9em;letter-spacing:.06em;text-transform:uppercase;color:var(--honey)}.cm-banner{margin:0;padding:.4em .8em;border-radius:.8em;background:#7cc24a33;color:#d8f6b8;font:600 1.15em var(--font-display)}.cm-medals{display:flex;justify-content:center;gap:.8em;margin:0;padding:0;list-style:none}.cm-medal{flex:1 1 0;max-width:9.5em;display:flex;flex-direction:column;align-items:center;gap:.15em}.cm-medal b{font:600 1.05em var(--font-display)}.cm-medal small{font-size:.78em;font-weight:700;color:var(--text-dim)}.cm-disc{position:relative;display:grid;place-items:center;min-width:5.5em;min-height:5.5em;border-radius:50%}.cm-fallback{display:block;width:4.6em;height:4.6em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b8,#f0b83a 55%,#b5791a);box-shadow:0 .2em .5em #0006}.cm-medal.is-locked .cm-fallback{background:#0000004d;box-shadow:inset 0 .2em .4em #00000080}.cm-new{position:absolute;right:-.5em;top:-.3em}.cm-medal.is-locked .cm-art{opacity:.55;filter:grayscale(.4)}.cm-medal.is-earned .cm-disc{transform:scale(.2);opacity:0}.cm-medal.is-earned.pop .cm-disc{animation:cm-pop .6s cubic-bezier(.2,1.5,.4,1) forwards}.cm-medal.is-earned.pop .cm-disc:after{content:"";position:absolute;inset:-.4em;border-radius:50%;background:radial-gradient(circle,rgba(255,236,160,.8),transparent 65%);animation:cm-glow .8s ease-out forwards;pointer-events:none}.cm-medal.is-earned:not(.pop) b,.cm-medal.is-earned:not(.pop) small{opacity:.4}@keyframes cm-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cm-glow{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}[data-reduced-motion=true] .cm-medal.is-earned .cm-disc{transform:none;opacity:1}.cm-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5em;margin:0;padding:0;list-style:none}.cm-stats li{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label value" "small small";align-items:baseline;gap:.1em .6em;padding:.45em .8em;border-radius:.8em;background:#fff6dd14;font-weight:700;text-align:left}.cm-stats li.is-met{background:#7cc24a33}.cm-stats span{grid-area:label;font-size:.92em}.cm-stats b{grid-area:value;justify-self:end;font:600 1.5em var(--font-display)}.cm-stats small{grid-area:small;font-size:.78em;color:var(--text-dim)}.cm-stats li.is-met small{color:#d8f6b8}.cm-note{margin:0;font-size:.88em;font-weight:700;color:var(--text-dim)}.cm-unlocks{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.6em 1.2em}.cm-unlocks h3{margin:0 0 .3em;font-size:.82em;letter-spacing:.12em;text-transform:uppercase;color:var(--honey)}.cm-unlocks p{margin:0;font-weight:800}.cm-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.3em}.cm-tiles .hb-tok{flex:none;width:4.2em;min-height:3.3em;padding:.2em .1em}.cm-tiles .hb-label{font-size:max(10px,.7em)}.cm-solution-wrap{display:flex;flex-direction:column;gap:.5em;align-items:center}.cm-solution{width:100%;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4em;text-align:left}.cm-solution[hidden]{display:none}.cm-solution .hb-rule{min-height:4.2em}.cm-actions{margin-top:.2em}.complete-card .btn{min-height:44px;padding:0 1.1em;font:600 1.05em var(--font-display);cursor:pointer}.complete-card.kit-off .btn{border:0;border-radius:999px}.complete-card.kit-off .btn-green{background:linear-gradient(#8ed556,#4e9a2f);color:#fff}.complete-card.kit-off .btn-amber{background:linear-gradient(#f7cb58,#d29a1a);color:#3a2a08}.complete-card.kit-off .btn-plain{background:#fff6dd29;color:var(--text)}@media(max-height:780px){.complete-card{gap:.6em;padding:.6em 1em .9em}.cm-disc{min-width:4.6em;min-height:4.6em}.cm-ribbon h2{font-size:1.45em}.cm-fallback{width:3.8em;height:3.8em}}@media(max-width:480px){.cm-medals{gap:.4em}.cm-stats{grid-template-columns:1fr}}.complete-card.kit-on .btn{min-height:0;padding:0 .2em;font-size:.95em}.complete-card.kit-on .cm-actions{gap:.3em}.complete-card.kit-on .cm-solution-wrap .btn{font-size:.85em}.kit-on .cm-ribbon h2{color:#fff6dd;text-shadow:0 2px 0 rgba(120,30,20,.65)}.cm-hook{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:.6em .8em;border-radius:1em;background:#ffd86b1f;box-shadow:inset 0 0 0 2px #ffd86b59}.cm-hook h3{margin:0;font:600 1.15em var(--font-display);color:var(--honey)}.cm-hook ul{margin:0;padding:0;list-style:none;display:grid;gap:.25em;text-align:left;font-size:.9em}.cm-hook-item{display:flex;align-items:center;gap:.5em;font-weight:600}.cm-hook-item b{font-weight:800}.cm-hook-icon{width:1.7em;height:1.7em;flex:none}.cm-hook .pill{align-self:stretch}.hb{--panel-w:min(33em,38vw);position:absolute;inset:0;isolation:isolate;display:flex;flex-direction:column;font-size:clamp(13px,min(1.2vw,2vh),21px);color:var(--text);background:radial-gradient(120% 90% at 30% 0%,var(--biome-bg,#1c4a35),#0b1f1d 78%);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hb button{font-family:inherit}.hb h1,.hb h2,.hb h3{font-family:var(--font-display)}.hb [hidden],.complete-card [hidden]{display:none!important}.hb-ctl{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .5em;border:0;background:none;color:var(--text);cursor:pointer;transition:transform .12s var(--ease),filter .12s}.hb-ctl:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px);filter:brightness(1.12)}.hb-ctl:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.hb-ctl:disabled,.hb-ctl[aria-disabled=true]{opacity:.42;cursor:default}.hb-ctl-text{font:700 .82em var(--font-display);letter-spacing:.02em}.hb-ctl-ic{display:block;pointer-events:none}.hb-ctl[data-plate="0"]{border-radius:.9em;background:linear-gradient(#2b6a5f,#1f554b);box-shadow:inset 0 1px #fff3,0 2px #00000040}.hb-ctl-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.hb-ctl[data-icon="1"] .hb-ctl-ic{position:relative}.hb-top{position:relative;flex:none;display:grid;grid-template-columns:auto minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:.6em;padding:.45em .8em .6em;background:linear-gradient(#051614c7,#05161480)}.hb-title{display:flex;align-items:center;gap:.6em;min-width:0}.hb-emblem{flex:none}.hb-title-text{min-width:0}.hb-title h1{font-size:1.45em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 0 rgba(0,0,0,.35)}.hb-title p{margin:.1em 0 0;font-size:.82em;font-weight:800;color:var(--biome,var(--honey));letter-spacing:.04em;text-transform:uppercase}.hb-goals{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em;min-width:0}.hb-goal{display:inline-flex;align-items:center;gap:.4em;min-height:2.2em;padding:0 .8em;font-weight:800;font-size:.95em;color:var(--text);white-space:nowrap}.hb-goal-name{opacity:.85;font-weight:700;font-size:.85em}.hb-goal-val{font-family:var(--font-display);font-size:1.05em;font-variant-numeric:tabular-nums}.hb-goal.pop .hb-goal-val{animation:hb-pop .5s var(--ease)}.hb-goal.is-done .hb-goal-val{color:var(--leaf)}.hb-goal.is-bad .hb-goal-val{color:var(--coral)}.has-icon .hb-goal-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kit-off .hb-goal{background:#fff6dd1a;border:1px solid rgba(255,246,221,.18);border-radius:999px}.hb-top-actions{display:flex;gap:.3em}.hb-stepbar{position:absolute;left:0;right:0;bottom:0;height:.28em;background:#ffffff1f}.hb-stepbar i{display:block;height:100%;width:0;background:var(--leaf);transition:width .15s linear,background .3s}.hb-stepbar[data-warn=mid] i{background:var(--honey)}.hb-stepbar[data-warn=high] i{background:var(--coral)}@keyframes hb-pop{0%{transform:scale(1)}35%{transform:scale(1.45)}to{transform:scale(1)}}.hb-main{flex:1;min-height:0;display:flex;gap:.6em;padding:.6em}.hb-stagecol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.5em}.hb-stage{position:relative;flex:1;min-height:0;border-radius:1em;overflow:hidden;background:radial-gradient(90% 80% at 50% 30%,rgba(255,255,255,.07),transparent 70%),#0412108c;box-shadow:inset 0 0 0 2px #fff6dd1a,0 .4em 1.2em #0000004d}.hb-canvas-box{position:absolute;inset:0}.hb-canvas{display:block;width:100%;height:100%;touch-action:manipulation;cursor:default}.hb-overlays{position:absolute;inset:0;pointer-events:none}.hb-overlays .hb-why,.hb-overlays .hb-inspect{pointer-events:auto}.hb-playbar{flex:none;display:grid;grid-template-columns:auto auto minmax(6em,1fr) auto;grid-template-areas:"run speed scrub edit";align-items:center;gap:.4em .8em;padding:.4em .7em}.pb-run{grid-area:run;display:flex;align-items:center;gap:.3em}.hb-speed{grid-area:speed;display:flex;gap:.2em}.hb-scrubwrap{grid-area:scrub;position:relative;height:2.6em;display:flex;align-items:center}.pb-edit{grid-area:edit;display:flex;gap:.3em}.hb-playbar{background:#0516149e;border-radius:1em}.hb-play{min-width:3.6em;min-height:3.2em;font-size:1.1em}.hb-play[data-plate="0"]{background:linear-gradient(#8ed556,#4e9a2f);color:#fff}.hb-play.is-running .hb-ctl-text{letter-spacing:.04em}.hb-speed-btn{min-width:44px}.hb-speed-btn.on{filter:brightness(1.25) drop-shadow(0 0 .35em var(--honey))}.hb-speed-btn.on[data-plate="0"]{background:linear-gradient(#f7cb58,#d29a1a);color:#3a2a08}.is-redo .hb-ctl-ic{transform:scaleX(-1)}.hb-hint[hidden]{display:none}.hb-scrubwrap{--f:0}.hb-scrub{-webkit-appearance:none;appearance:none;position:relative;width:100%;height:2.2em;margin:0;background:none;cursor:pointer}.hb-scrub:disabled{cursor:default;opacity:.5}.hb-scrubtrack{position:absolute;left:0;right:0;top:50%;height:16px;margin-top:-8px;pointer-events:none}.hb-scrubfill{position:absolute;left:calc(var(--spr-w) / 2);top:50%;height:10px;margin-top:-5px;width:calc(var(--f) * (100% - var(--spr-w)));min-width:0;min-height:0;pointer-events:none}.hb-scrub::-webkit-slider-runnable-track{height:2.2em;background:transparent}.hb-scrub::-moz-range-track{height:2.2em;background:transparent}.hb-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:var(--spr-w);height:var(--spr-h);margin-top:calc((2.2em - var(--spr-h)) / 2);border:0;border-radius:0;background:var(--spr-url) var(--spr-x) var(--spr-y) / var(--spr-sheet) no-repeat}.hb-scrub::-moz-range-thumb{width:var(--spr-w);height:var(--spr-h);border:0;border-radius:0;background:var(--spr-url) var(--spr-x) var(--spr-y) / var(--spr-sheet) no-repeat}.hb-ticks{position:absolute;left:.8em;right:.8em;top:50%;height:1.2em;margin-top:.55em;pointer-events:none}.hb-ticks .tk{position:absolute;top:0;width:1px;height:.4em;background:#fff6dd73}.hb-ticks .tk-event{position:absolute;top:.5em;width:.55em;height:.55em;margin-left:-.27em;border-radius:50%}.hb-ticks .tone-good{background:var(--honey)}.hb-ticks .tone-bad{background:var(--coral)}.hb-side{flex:none;width:var(--panel-w);min-width:0;display:flex;flex-direction:column;gap:.6em;min-height:0}@media(max-width:700px){.hb{font-size:clamp(12.5px,3.4vw,15px)}.hb-top{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title actions" "goals goals goals";gap:.3em .5em;padding:.4em .6em .55em}.hb-back{grid-area:back}.hb-title{grid-area:title}.hb-top-actions{grid-area:actions}.hb-goals{grid-area:goals;justify-content:flex-start;gap:.3em}.hb-goal{min-height:2em;padding:0 .6em;font-size:.9em}.hb-title h1{font-size:1.25em}.hb-main{flex-direction:column;gap:.4em;padding:.4em var(--gutter) 0}.hb-stagecol{flex:none;gap:.3em}.hb-stage{flex:none;width:100%;height:auto;aspect-ratio:var(--board-aspect,1.5);max-height:min(44dvh,calc(100vw - 2 * var(--gutter)));min-height:9em}.hb-playbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"run speed" "scrub edit";gap:.2em .5em;padding:.2em}.pb-run{justify-content:space-between}.hb-speed-btn:not(.on){display:none}.hb-speed{min-width:44px}.hb-side{flex:1;width:auto;gap:.4em;overflow:hidden}}@media(max-width:700px)and (orientation:landscape){.hb-main{flex-direction:row}.hb-stagecol{flex:1 1 0}.hb-stage{flex:1;height:auto;aspect-ratio:auto;max-height:none;min-height:0}.hb-side{flex:none;width:44vw}}@media(max-height:480px)and (min-width:701px){.hb{font-size:12.5px}.hb-top{padding:.25em .6em .4em}.hb-title p{display:none}.hb-main{padding:.4em;gap:.4em}.hb-speed-btn:not(.on){display:none}.hb-playbar{padding:.15em .3em;gap:.2em .5em}.hb-side{--panel-w:min(30em,42vw);gap:.4em}.hb-program{padding:.35em .5em .4em}.hb-rules{padding-top:.7em}}.kit-on .hb-goal{color:var(--text-ink);text-shadow:none}.kit-on .hb-goal.is-done .hb-goal-val{color:#2f7d1a}.kit-on .hb-goal.is-bad .hb-goal-val{color:#c6382b}.kit-on .hb-goal-name{opacity:.85}.kit-on .hb-goal{min-height:0;padding:0 .15em}.kit-on .hb-goal{border-width:.3em .9em .35em .9em}.art{display:block;flex:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.pill{text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;gap:.5em;height:2.9em;padding:0 .3em;font-size:1.1em;line-height:1.1;white-space:nowrap}.pill:focus-visible{border-radius:1.4em;outline-offset:3px}.pill-icon{height:1.7em;width:auto}.pill-text{display:flex;flex-direction:column;align-items:center;min-width:0}.pill-label{overflow:hidden;text-overflow:ellipsis}.pill-sub{font:700 .66em var(--font-ui);opacity:.85;max-width:16em;overflow:hidden;text-overflow:ellipsis;text-shadow:none}.pill-lock{height:1.25em;width:auto;margin-left:.15em}.pill.is-locked{filter:saturate(.8)}.pill.is-locked:hover:not(:disabled){filter:saturate(1) brightness(1.06)}.btn-glow{animation:pill-glow 2.4s ease-in-out infinite}@keyframes pill-glow{0%,to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,214,90,0))}50%{filter:brightness(1.1) drop-shadow(0 0 .6em rgba(255,214,90,.75))}}.round-btn{position:relative;display:grid;place-items:center;width:3.3em;height:3.3em;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:var(--text);transition:transform .12s var(--ease),filter .12s}.round-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.round-btn:active{transform:translateY(1px)}.round-btn>.art{grid-area:1/1}.rb-base{width:100%;height:100%}.rb-icon{width:56%;height:56%}.rb-lock{position:absolute;right:-.15em;bottom:-.1em;width:1.3em;height:1.3em}.rb-text{grid-area:1/1;font:700 .62em var(--font-display);text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}.round-btn:has(.rb-base) .rb-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.round-btn:has(.rb-icon) .rb-text{display:none}.stars{display:inline-flex;gap:.1em;vertical-align:middle}.star{position:relative;display:inline-block;width:1.3em;height:1.3em}.star>.art,.star-fill>.art{position:absolute;left:0;top:0;width:1.3em;height:1.3em}.star-fill{position:absolute;left:0;top:0;height:100%;overflow:hidden}.title-screen{font-size:clamp(13px,min(2.2vh,4.4vw),26px);color:var(--text);overflow:hidden;background:radial-gradient(ellipse at 50% 35%,var(--ink-3),var(--night) 75%)}.title-parallax{position:absolute;inset:-3%;transform:translate(calc(var(--px,0) * -1.2%),calc(var(--py,0) * -1%));transition:transform .6s var(--ease)}.title-bg{position:absolute;inset:0;background:center / cover no-repeat;opacity:0;transition:opacity 1.2s;animation:title-drift 50s ease-in-out infinite alternate}.title-bg.is-ready{opacity:1}@keyframes title-drift{0%{transform:scale(1.02) translate(-1%)}to{transform:scale(1.08) translate(1%,-1.2%)}}.title-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}.title-mote{position:absolute;width:var(--s);height:var(--s);mix-blend-mode:screen;opacity:0;animation:title-mote var(--d) ease-in-out var(--delay) infinite}@keyframes title-mote{0%{opacity:0;transform:translate(0)}25%{opacity:.8}50%{opacity:.55;transform:translate(2.2em,-3em)}75%{opacity:.85}to{opacity:0;transform:translate(-1.4em,-6em)}}.title-main{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9em;padding:1em 16px 3.6em}.title-logo{height:min(27vh,16em);width:auto;max-width:88vw;object-fit:contain;filter:drop-shadow(0 .3em .5em rgba(0,0,0,.35));animation:title-bob 7s ease-in-out infinite}.title-logo-text{font-size:3.4em;line-height:1;text-align:center;color:var(--cream);text-shadow:0 .06em 0 #12302c,0 .12em .3em rgba(0,0,0,.6)}@keyframes title-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.35em)}}.title-menu{display:flex;flex-direction:column;gap:.4em;width:min(17em,86vw)}.title-menu .pill{width:100%;font-size:1.05em}.title-menu .title-primary{height:3.1em;font-size:1.3em}.title-pair{display:flex;gap:.4em}.title-pair .pill{flex:1 1 0;min-width:0}.title-foot{position:absolute;left:0;right:0;bottom:max(.8em,env(safe-area-inset-bottom));z-index:2;display:flex;justify-content:center;pointer-events:none}.title-copy{display:inline-flex;align-items:center;justify-content:center;padding:0 .6em;font:700 .8em var(--font-ui);color:#26332b;min-height:2.2em}[data-art=text] .title-copy{color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.8)}.title-hello{position:absolute;z-index:3;left:max(2.5vw,12px);bottom:max(2.2em,5vh);display:flex;flex-direction:column;align-items:flex-start;gap:.1em;max-width:min(17em,60vw);animation:hello-in .7s var(--ease) .6s backwards}.hello-bubble{margin:0;padding:.1em .2em .2em;font:600 .95em var(--font-display);line-height:1.25;color:#3a2a08}.hello-sprout{height:6em;width:auto;margin-left:.6em;animation:hello-hop 3s ease-in-out 1.6s infinite}@keyframes hello-in{0%{opacity:0;transform:translateY(1.2em)}}@keyframes hello-hop{0%,80%,to{transform:translateY(0)}88%{transform:translateY(-.7em)}94%{transform:translateY(0)}}[data-art=text] .hello-bubble{color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.8)}[data-reduced-motion=true] .title-bg,[data-reduced-motion=true] .title-logo,[data-reduced-motion=true] .hello-sprout{animation:none}[data-reduced-motion=true] .title-fx{display:none}[data-reduced-motion=true] .title-parallax{transform:none}@media(max-width:700px)and (orientation:portrait){.title-hello{display:none}}@media(min-aspect-ratio:5/4)and (min-height:521px){.title-menu{display:grid;grid-template-columns:1fr 1fr;gap:.4em;width:min(31em,64vw)}.title-menu .pill{width:auto}.title-menu .title-primary{grid-column:1 / -1}.title-menu .btn-glow:not(.title-primary){grid-column:1 / -1}.title-pair{display:contents}.title-menu>:last-child:nth-child(odd){grid-column:1 / -1}.title-main{justify-content:flex-start;padding-top:max(1em,3vh)}}@media(max-height:520px)and (orientation:landscape){.title-main{flex-direction:row;justify-content:space-evenly;gap:1em;padding:.6em 3vw 2.6em}.title-logo{height:min(46vh,12em);max-width:38vw}.title-menu{display:grid;grid-template-columns:1fr 1fr;width:min(31em,56vw);gap:.35em}.title-menu .pill{height:44px;font-size:.95em}.title-menu .title-primary{grid-column:1 / -1;height:48px;font-size:1.05em}.title-pair{display:contents}.title-hello{display:none}}.map-screen{font-size:clamp(13px,min(2.2vh,4.4vw),26px);color:var(--text);overflow:hidden;background:var(--night)}.map-backdrop{position:absolute;inset:-4%;background:var(--map-url,none) center / cover no-repeat,radial-gradient(ellipse at 50% 40%,var(--biome-bg,var(--ink-3)),var(--night) 80%);filter:blur(10px) brightness(.55) saturate(1.1);transition:filter .6s}.map-stage{position:absolute;left:50%;top:50%;width:min(100vw,177.78vh);height:min(56.25vw,100vh);transform:translate(-50%,-50%);box-shadow:0 0 60px #00000073}.map-art{position:absolute;inset:0;background:var(--map-url,none) center / 100% 100% no-repeat,radial-gradient(ellipse at 50% 45%,var(--ink-2),var(--night) 85%)}.map-nodes{position:absolute;inset:0}.map-node{position:relative;display:block;padding:0;border:0;background:none;color:var(--text);font-family:var(--font-display);transition:transform .15s var(--ease),filter .15s}.map-node:focus-visible{outline:none}.map-node:focus-visible .node-art{filter:drop-shadow(0 0 .35em var(--focus)) drop-shadow(0 0 .15em var(--focus))}.map-screen[data-layout=world] .map-node{position:absolute;width:5%;aspect-ratio:1;transform:translate(-50%,-50%)}.map-screen[data-layout=world] .map-node:hover:not([aria-disabled]),.map-screen[data-layout=world] .map-node:focus-visible{transform:translate(-50%,-50%) scale(1.14)}.map-screen[data-layout=region] .map-node{width:4.9em;height:4.9em}.node-art{display:block;width:100%;height:100%;filter:drop-shadow(0 .15em .2em rgba(0,0,0,.45))}.node-num{display:grid;place-items:center;width:100%;height:100%;font-size:1.3em;font-weight:700}.map-node.is-boss{width:6.2%}.map-screen[data-layout=region] .map-node.is-boss{width:5.6em;height:5.6em}.map-node.is-locked .node-art{filter:saturate(.55) brightness(.78) drop-shadow(0 .15em .2em rgba(0,0,0,.45))}.map-node.is-open .node-art{animation:node-bob 3.4s ease-in-out infinite}.map-node.is-current .node-art{animation:node-pulse 1.6s ease-in-out infinite}@keyframes node-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@keyframes node-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,216,107,0)) drop-shadow(0 .15em .2em rgba(0,0,0,.45))}50%{transform:scale(1.1);filter:drop-shadow(0 0 .5em rgba(255,216,107,.95)) drop-shadow(0 .15em .2em rgba(0,0,0,.45))}}.map-node.is-shake{animation:node-shake .4s}@keyframes node-shake{0%,to{translate:0}20%{translate:-.25em}40%{translate:.25em}60%{translate:-.18em}80%{translate:.12em}}.map-node.is-pop .node-art{animation:node-popping .7s var(--ease)}@keyframes node-popping{0%{transform:scale(.7)}50%{transform:scale(1.28)}to{transform:scale(1)}}.map-node.is-arriving .node-art{animation:node-arrive .8s var(--ease)}@keyframes node-arrive{0%{transform:scale(.2) rotate(-25deg);opacity:0}60%{transform:scale(1.25) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0)}}.node-pips{position:absolute;left:50%;top:84%;display:flex;gap:2%;width:96%;transform:translate(-50%);justify-content:center;pointer-events:none}.pip{width:30%;height:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.pip:not(.is-earned){opacity:.75}.node-burst{position:absolute;left:50%;top:50%;width:260%;height:260%;translate:-50% -50%;pointer-events:none;mix-blend-mode:screen;animation:node-burst 1.1s ease-out forwards}.node-burst.b1{animation-delay:.12s}.node-burst.b2{animation-delay:.05s;width:340%;height:340%}@keyframes node-burst{0%{transform:scale(.2);opacity:.95}to{transform:scale(1);opacity:0}}.map-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25em;min-width:0}.node-label{display:flex;align-items:center;justify-content:center;gap:.3em;min-height:2.6em;width:100%;max-width:100%;padding:0 .2em;font:700 .74em var(--font-ui);color:var(--text-ink);line-height:1.15;text-align:center}.node-label.chip{min-height:0}.node-label b{font-family:var(--font-display)}.map-tip{position:absolute;z-index:6;display:flex;flex-direction:column;gap:.1em;min-width:9em;max-width:15em;transform:translate(-10%,-132%);padding:.1em .3em .5em;font:600 .86em var(--font-ui);color:var(--text-ink);pointer-events:none;animation:lp-fade .15s}.map-tip[hidden]{display:none}.map-tip b{font:700 1.1em var(--font-display)}.map-tip.flip{transform:translate(-90%,-132%)}.map-more{position:absolute;z-index:3;transform:translate(-50%,-50%);height:2.5em;font-size:.82em}.map-top{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:max(.6em,env(safe-area-inset-top)) max(.8em,env(safe-area-inset-right)) 0 max(.8em,env(safe-area-inset-left));pointer-events:none}.map-top>*{pointer-events:auto}.map-top-left{display:flex;align-items:center;gap:.5em}.map-title{font-size:1.3em;padding:.12em 1.3em .22em;color:#fff;text-shadow:0 2px 3px rgba(60,20,10,.6);white-space:nowrap}.map-nav{display:flex;gap:.4em}.map-top .round-btn{font-size:.82em}.map-card{position:absolute;z-index:4;display:flex;flex-direction:column;gap:.4em;color:var(--text-ink);font-size:.86em}.map-screen[data-layout=world] .map-card{right:max(.8em,env(safe-area-inset-right));bottom:max(.8em,env(safe-area-inset-bottom));width:min(21em,30vw)}.card-head{display:flex;align-items:center;gap:.6em}.card-emblem{width:3.4em;height:3.4em;flex:none}.card-titles{min-width:0}.card-titles h2{font-size:1.4em;line-height:1.1;color:#3a2a08}.card-family{margin:.1em 0 0;font-size:.82em;font-weight:700;color:#5a4a28}.card-stats{display:flex;align-items:center;justify-content:space-between;gap:.5em;font-weight:800}.card-meter{display:flex;align-items:center;gap:.4em}.card-meter small{font-size:.8em;font-weight:700;color:#5a4a28}.card-blurb{margin:0;font-size:.92em;line-height:1.35}.card-lock{display:flex;align-items:center;gap:.4em;margin:0;font-weight:800;color:#8a3a20}.card-lock-icon{height:1.3em;width:auto}.card-more{align-self:stretch;font-size:.9em}.card-global{display:flex;align-items:center;gap:.5em;padding-top:.3em;border-top:2px solid rgba(90,70,30,.22);font-size:.84em;font-weight:800}.card-global .stars{margin-left:auto}.card-global .star{width:1.05em;height:1.05em}.card-global .star>.art,.card-global .star-fill>.art{width:1.05em;height:1.05em}.map-screen[data-layout=region]{display:flex;flex-direction:column}.map-screen[data-layout=region] .map-top{position:relative;flex:none}.map-screen[data-layout=region] .map-title{font-size:1.05em;padding:.12em 1em .22em}.map-region-art{position:absolute;inset:0;background:var(--map-url,none);background-repeat:no-repeat;background-size:calc(var(--k) * 1920px) calc(var(--k) * 1080px);background-position:calc(50vw - var(--ax) * var(--k) * 1px) calc(42vh - var(--ay) * var(--k) * 1px);opacity:.9;transition:background-position .5s var(--ease)}.map-region-art:after{content:"";position:absolute;inset:0;background:linear-gradient(#0a1e1c40,#0a1e1c8c)}.map-tabs{position:relative;z-index:4;flex:none;display:flex;justify-content:center;gap:.5em;padding:.5em .8em .2em}.map-tab{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;padding:.1em .5em;border:0;border-radius:1em;background:#0a24208c;color:var(--text);font:700 .8em var(--font-display);transition:transform .15s var(--ease),background .15s}.map-tab.is-on{background:#ffd86b47;box-shadow:0 0 0 2px var(--focus);transform:translateY(-2px)}.map-tab.is-closed .tab-emblem{filter:saturate(.4) brightness(.8)}.tab-emblem{width:2.9em;height:2.9em}.tab-lock{position:absolute;right:-.1em;bottom:-.1em;width:1.1em;height:1.1em}.map-screen[data-layout=region] .map-card{position:relative;z-index:4;flex:none;margin:.5em .8em 0;font-size:.8em;gap:.3em}.map-screen[data-layout=region] .card-blurb,.map-screen[data-layout=region] .card-emblem{display:none}.map-body{position:relative;z-index:3;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:.6em .8em max(.8em,env(safe-area-inset-bottom));overflow:auto}.map-region{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.map-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:.7em .3em;justify-items:center;align-items:start;width:min(100%,32em)}.map-empty{max-width:18em;text-align:center;font-weight:700;color:var(--text)}.region-more{font-size:.95em}@media(orientation:landscape)and (max-height:520px){.map-screen[data-layout=region] .map-card{display:none}.map-screen[data-layout=region] .map-node{width:3.9em;height:3.9em}.map-grid{width:min(100%,56em);gap:.5em .3em}}.map-banner{position:absolute;z-index:8;left:50%;top:26%;display:flex;flex-direction:column;align-items:center;gap:.4em;transform:translate(-50%);text-align:center;animation:banner-in .6s var(--ease);cursor:pointer}.map-banner h2{font-size:1.7em;padding:.18em 1.4em .3em;color:#fff;text-shadow:0 2px 3px rgba(60,20,10,.6)}.map-banner p{margin:0;padding:.2em .9em;border-radius:99px;background:#0a2420cc;font-weight:800}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) translateY(-1.4em) scale(.8)}}[data-reduced-motion=true] .map-node .node-art{animation:none}[data-reduced-motion=true] .map-backdrop{filter:brightness(.55)}.map-screen[data-layout=world] .map-pager{position:absolute;z-index:4;left:max(.8em,env(safe-area-inset-left));bottom:max(.8em,env(safe-area-inset-bottom));font-size:.9em}.map-screen[data-layout=region] .map-pager,.map-title .mt-short{display:none}@media(max-width:480px){.map-top,.map-screen[data-layout=region] .map-top{padding-left:max(.5em,env(safe-area-inset-left));padding-right:max(.5em,env(safe-area-inset-right))}.map-top-left{gap:.3em;min-width:0}.map-top .map-title,.map-screen[data-layout=region] .map-title{font-size:.9em;padding:.12em .55em .22em}.map-title .mt-long{display:none}.map-title .mt-short{display:inline}.map-nav{gap:.15em}}.settings-card,.pause-card,.cta-card{font-size:clamp(14px,min(2.1vh,3.8vw),19px);color:var(--text)}.pause-card{width:min(22em,92vw);text-align:center;gap:.6em}.pause-kicker{margin:0;font-size:.78em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--honey)}.pause-card h2{font-size:1.8em;line-height:1.1}.pause-menu{display:flex;flex-direction:column;gap:.5em;margin-top:.3em}.pause-menu .pill{width:100%}.pause-primary{font-size:1.2em}.settings-card{width:min(50em,94vw);max-width:min(50em,94vw);gap:.6em}.set-title{align-self:center;font-size:1.6em;padding:0 .6em;color:#fff;text-shadow:0 2px 3px rgba(80,20,10,.6)}.set-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 2.2em}@media(max-width:760px){.set-cols{grid-template-columns:minmax(0,1fr)}.set-col{min-width:0}}.set-sec h3{margin:.7em 0 .2em;font-size:.78em;letter-spacing:.14em;text-transform:uppercase;color:var(--honey)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:.8em;min-height:2.9em;padding:.2em 0}.set-label{display:flex;align-items:center;gap:.55em;min-width:0}.set-icon{height:1.9em;width:auto}.set-text{display:flex;flex-direction:column;min-width:0}.set-name{font-weight:800}.set-hint{font-size:.78em;line-height:1.25;color:var(--text-dim)}.seg{display:flex;flex:none;gap:.3em}.seg-btn{min-width:2.7em;font-size:.95em}.seg-btn .pill-icon{height:1.5em}.set-action{min-width:6em;font-size:.95em}.sl{display:flex;align-items:center;gap:.6em;flex:1 1 10em;max-width:15em;min-width:8em}.sl-box{position:relative;flex:1;min-width:0;height:44px;display:grid;align-items:center}.sl input{grid-area:1/1;width:100%;height:44px;margin:0;background:transparent;accent-color:var(--leaf)}.sl .slider-track{grid-area:1/1;height:16px;align-self:center;pointer-events:none}.sl.painted input{-webkit-appearance:none;appearance:none;position:relative}.sl.painted input::-webkit-slider-runnable-track{height:44px;background:transparent}.sl.painted input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--spr-w);height:var(--spr-h);margin-top:calc((44px - var(--spr-h)) / 2);border:0;border-radius:0;background:var(--spr-url) var(--spr-x) var(--spr-y) / var(--spr-sheet) no-repeat}.sl.painted input::-moz-range-track{height:44px;background:transparent}.sl.painted input::-moz-range-thumb{width:var(--spr-w);height:var(--spr-h);border:0;border-radius:0;background:var(--spr-url) var(--spr-x) var(--spr-y) / var(--spr-sheet) no-repeat}.sl-value{min-width:2.8em;text-align:right;font:700 .95em var(--font-display)}.settings-card .dialog-actions{margin-top:.4em;padding:6px 6px 8px}.switch-btn{min-width:4.2em;font-size:.95em}@media(max-width:520px){.settings-card{padding-left:4px;padding-right:4px}.set-row{flex-wrap:wrap;row-gap:.2em}.set-label{flex:1 1 8em}.set-row>.seg,.set-row>.sl{flex:1 1 100%;max-width:none}.seg{flex-wrap:nowrap}.set-row .seg-btn{flex:1 1 0;min-width:0;padding:0 .2em;gap:.25em}.set-row .seg-btn .pill-icon{display:none}}.cta-card{width:min(32em,94vw);max-width:min(32em,94vw);text-align:center;gap:.5em}.cta-cast{display:flex;justify-content:center;gap:.3em;margin-top:-.2em}.cta-creature{height:4.4em;width:auto;animation:cta-hop 2.6s ease-in-out infinite}.cta-creature:nth-child(2){animation-delay:.2s}.cta-creature:nth-child(3){animation-delay:.4s}.cta-creature:nth-child(4){animation-delay:.6s}@keyframes cta-hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-.5em)}90%{transform:translateY(0)}}.cta-card h2{font-size:1.7em;line-height:1.1}.cta-lead{margin:0;color:var(--text-dim);font-size:.95em}.cta-list{list-style:none;margin:.3em 0 0;padding:0;display:flex;flex-direction:column;gap:.3em;text-align:left}.cta-item{display:flex;align-items:center;gap:.7em;padding:.35em .6em;border-radius:.8em;background:#fff6dd12}.cta-item.is-hot{background:#f0b83a38;box-shadow:inset 0 0 0 2px #f0b83ab3}.cta-icon{height:2.2em;width:auto}.cta-text{display:flex;flex-direction:column;line-height:1.25}.cta-text b{font-family:var(--font-display);font-weight:600}.cta-text span{font-size:.88em;color:var(--text-dim)}.cta-actions{margin-top:.5em;padding:6px 6px 8px}.bestiary-screen{font-size:clamp(13px,min(2.1vh,4.2vw),22px);color:var(--text);overflow:hidden;display:flex;flex-direction:column;background:var(--night)}.bs-backdrop{position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 0%,var(--ink-3),var(--night) 80%)}.bs-backdrop:after{content:"";position:absolute;inset:0;background:var(--map-url,none) center / cover;opacity:.18;filter:blur(6px)}.bestiary-screen>:not(.bs-backdrop){position:relative}.bs-top{flex:none;display:flex;align-items:center;gap:.8em;padding:max(.6em,env(safe-area-inset-top)) max(.8em,env(safe-area-inset-right)) .2em max(.8em,env(safe-area-inset-left))}.bs-top .round-btn{font-size:.82em}.bs-title{font-size:1.3em;padding:.12em 1.3em .22em;color:#fff;text-shadow:0 2px 3px rgba(60,20,10,.6)}.bs-count{margin:0 0 0 auto;font-weight:800;color:var(--text-dim)}.bs-tabs{flex:none;display:flex;gap:.5em;padding:.2em max(.8em,env(safe-area-inset-left)) .4em}.bs-tab{min-height:44px;padding:0 .5em;border-style:solid;border-color:transparent;border-width:.5em .6em .55em;border-image:var(--k-ui_button_plain) 40 44 48 44 fill / .5em .6em .55em .6em stretch;background:none;box-shadow:none;color:var(--text-ink);font:700 .95em var(--font-display)}.bs-tab.is-on{border-image-source:var(--k-ui_button_amber);color:#3a2a08}.bs-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.8em;padding:.2em max(.8em,env(safe-area-inset-right)) max(.8em,env(safe-area-inset-bottom)) max(.8em,env(safe-area-inset-left))}.bs-grid,.bs-tiles{min-height:0;overflow:auto;padding:.4em;display:grid;grid-template-columns:repeat(auto-fill,minmax(7.4em,1fr));gap:.6em;align-content:start;scrollbar-width:thin}.bs-tiles{display:flex;flex-direction:column;gap:.8em}.bs-card{display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.1em 0 .25em;border-style:solid;border-color:transparent;border-width:.75em;border-image:var(--k-ui_panel_light) 64 fill / .75em stretch;border-radius:.9em;background:none;color:var(--text-ink);box-shadow:none;transition:transform .12s var(--ease)}.bs-card:hover{transform:translateY(-2px)}.bs-card.is-picked{box-shadow:0 0 0 .22em var(--focus)}.bs-card.is-locked{border-image-source:var(--k-ui_panel_dark);color:var(--text-dim)}.bs-frame{display:grid;place-items:center;width:100%;height:5.6em}.bs-portrait{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}.bs-card.is-locked .bs-portrait{filter:brightness(0) opacity(.35)}.bs-initial{font:700 2.4em var(--font-display)}.bs-name{font:700 .88em var(--font-display);text-align:center;line-height:1.1}.bs-detail{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.6em;padding:.2em .4em .4em;border-style:solid;border-color:transparent;border-width:1.5em;border-image:var(--k-ui_panel_light) 64 fill / 1.5em stretch;background:none;color:var(--text-ink);box-shadow:none}.bs-big-frame{display:grid;place-items:center;min-height:8em;max-height:14em;flex:none}.bs-big{max-height:14em;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 .3em .3em rgba(0,0,0,.3))}.bs-big.is-locked{filter:brightness(0) opacity(.3)}.bs-kind{margin:0;font-size:.8em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7a5a1c}.bs-text h2{font-size:1.7em;line-height:1.05;color:#3a2a08}.bs-text h3{margin:.8em 0 .2em;font-size:.9em;letter-spacing:.08em;text-transform:uppercase;color:#7a5a1c}.bs-blurb{margin:.4em 0 0;line-height:1.4;font-weight:600}.bs-tips{margin:0;padding-left:1.2em;line-height:1.35;font-weight:600}.bs-where{margin:.8em 0 0;font-weight:800;color:#4e6a1c}.bs-group h3{margin:0 0 .3em;font-size:.85em;letter-spacing:.12em;text-transform:uppercase;color:var(--honey)}.bs-tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6em,1fr));gap:.4em}.bs-tile{position:relative;display:grid;place-items:center;min-height:4.4em;padding:0;border:0;background:none;color:var(--text);border-radius:.8em}.bs-tile .hb-tok{pointer-events:none;width:100%;max-width:none;min-height:4.2em;font-size:.82em}.bs-tile.is-picked{box-shadow:0 0 0 .2em var(--focus)}.bs-tile.is-locked{border-style:solid;border-color:transparent;border-width:.5em;border-image:var(--k-ui_panel_dark) 64 fill / .5em stretch}.bs-tile-q{font:700 1.8em var(--font-display);color:var(--text-dim)}.bs-tile-q.big{font-size:5em;color:#a89a6c}.bs-tile-detail .hb-tok{width:7em;min-height:5.6em;font-size:1.1em}@media(max-width:760px),(max-aspect-ratio:1/1){.bs-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1.1fr)}.bs-grid,.bs-tiles{grid-template-columns:repeat(auto-fill,minmax(6.2em,1fr))}.bs-tiles{display:flex}.bs-frame{height:4.4em}.bs-big-frame{min-height:5em;max-height:8em}.bs-big{max-height:8em}}@media(max-height:480px)and (orientation:landscape){.bs-body{grid-template-columns:1fr 1fr;grid-template-rows:none}.bs-frame{height:3.6em}}.sandbox-screen{font-size:clamp(13px,min(1.9vh,3.9vw),21px);color:var(--text);overflow:hidden;display:flex;flex-direction:column;background:var(--night)}.sb-backdrop{position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 0%,var(--biome-bg,var(--ink-3)),var(--night) 82%);transition:background .5s}.sandbox-screen>:not(.sb-backdrop){position:relative}.sb-top{flex:none;display:flex;align-items:center;gap:.8em;flex-wrap:wrap;padding:max(.6em,env(safe-area-inset-top)) max(.8em,env(safe-area-inset-right)) .3em max(.8em,env(safe-area-inset-left))}.sb-top .round-btn{font-size:.82em}.sb-title{font-size:1.25em;padding:.12em 1.3em .22em;color:#fff;text-shadow:0 2px 3px rgba(60,20,10,.6)}.sb-tabs{display:flex;gap:.4em;margin-left:auto}.sb-tab{min-height:44px;padding:0 .4em;border-style:solid;border-color:transparent;border-width:.5em .6em .55em;border-image:var(--k-ui_button_plain) 40 44 48 44 fill / .5em .6em .55em .6em stretch;background:none;box-shadow:none;color:var(--text-ink);font:700 .9em var(--font-display)}.sb-tab.is-on{border-image-source:var(--k-ui_button_amber);color:#3a2a08}.sb-build{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(15em,22em);gap:.7em;padding:.3em max(.8em,env(safe-area-inset-right)) max(.8em,env(safe-area-inset-bottom)) max(.8em,env(safe-area-inset-left))}.sb-stage{position:relative;min-height:0;border-radius:1em;overflow:hidden;background:#04121080;box-shadow:inset 0 0 0 2px #fff6dd1a,0 .4em 1.2em #0000004d}.sb-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.sb-canvas:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.sb-side{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.7em;padding:.1em .3em .3em;border-style:solid;border-color:transparent;border-width:1.4em;border-image:var(--k-ui_panel_light) 64 fill / 1.4em stretch;background:none;color:var(--text-ink);scrollbar-width:thin}.sb-group h3{margin:0 0 .3em;font-size:.78em;letter-spacing:.12em;text-transform:uppercase;color:#7a5a1c}.sb-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.3em,1fr));gap:.3em}.sb-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1em;min-height:4.2em;padding:0;border-style:solid;border-color:transparent;border-width:.5em .6em .55em;border-image:var(--k-ui_button_plain) 40 44 48 44 fill / .5em .6em .55em .6em stretch;background:none;box-shadow:none;color:var(--text-ink)}.sb-tool[aria-pressed=true]{border-image-source:var(--k-ui_button_amber)}.sb-tool-art{height:2.2em;width:auto;max-width:3.4em;object-fit:contain}.sb-tool-name{font:700 .7em var(--font-ui);line-height:1.05;text-align:center}.sb-looks{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:.3em;justify-items:center;max-width:15em;margin-inline:auto}.sb-look{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border-style:solid;border-color:transparent;border-width:.5em .6em .55em;border-image:var(--k-ui_button_plain) 40 44 48 44 fill / .5em .6em .55em .6em stretch;background:none;box-shadow:none;font:700 .7em var(--font-ui);color:var(--text-ink)}.sb-look[aria-checked=true]{border-image-source:var(--k-ui_button_amber)}.sb-look-art{width:2.6em;height:2.6em}.sb-size{display:flex;align-items:center;gap:.3em;flex-wrap:wrap;font-weight:800}.sb-size-label{margin-right:auto;font-variant-numeric:tabular-nums}.sb-small{min-height:36px;padding:0 .2em;border-style:solid;border-color:transparent;border-width:.5em .6em .55em;border-image:var(--k-ui_button_plain) 40 44 48 44 fill / .5em .6em .55em .6em stretch;background:none;box-shadow:none;color:var(--text-ink);font:700 .75em var(--font-ui)}.sb-actions{display:flex;flex-wrap:wrap;gap:.4em}.sb-actions .btn{flex:1 1 auto}.sb-test{flex-basis:100%!important;font-size:1.05em}.sb-codepanel{display:flex;flex-direction:column;gap:.4em}.sb-codepanel[hidden]{display:none}.sb-code{width:100%;resize:vertical;padding:.5em;border:2px solid rgba(90,60,10,.3);border-radius:.6em;background:#fffdf5;color:var(--text-ink);font:600 .8em ui-monospace,Consolas,monospace;word-break:break-all}.sb-code-note{margin:0;min-height:1.2em;font-size:.82em;font-weight:700;color:#4e6a1c}.sb-code-actions{display:flex;gap:.4em;flex-wrap:wrap}.sb-code-actions .btn{flex:1 1 auto;font-size:.85em}@media(max-width:760px),(max-aspect-ratio:1/1){.sb-build{grid-template-columns:1fr;grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr)}.sb-tools{grid-template-columns:repeat(auto-fill,minmax(3.9em,1fr))}}@media(max-height:480px)and (orientation:landscape){.sb-build{grid-template-columns:minmax(0,1fr) 18em;grid-template-rows:none}}.sg{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(13em,18em);gap:.7em;padding:.3em max(.8em,env(safe-area-inset-right)) max(.8em,env(safe-area-inset-bottom)) max(.8em,env(safe-area-inset-left))}.sg-field{position:relative;min-height:0;overflow:hidden;border-radius:1em;background:radial-gradient(90% 90% at 50% 30%,#5aa044,#2c6a34 85%) center / cover no-repeat;box-shadow:inset 0 0 0 2px #fff6dd2e,0 .4em 1.2em #0000004d;touch-action:none}.sg-item{position:absolute;display:grid;place-items:end center;width:0;height:0;padding:0;border:0;background:none;color:#fff;overflow:visible}.sg-item .sg-art{position:absolute;left:0;bottom:0;transform:translate(-50%);max-height:9em;width:auto;filter:drop-shadow(0 .2em .15em rgba(0,0,0,.35));pointer-events:none}.sg-item.is-selected .sg-art{filter:drop-shadow(0 0 .4em var(--focus))}.sg-item:focus-visible{outline:none}.sg-item:focus-visible .sg-art{filter:drop-shadow(0 0 .5em var(--focus))}.sg-text{position:absolute;left:0;bottom:0;transform:translate(-50%);padding:.2em .6em;border-radius:99px;background:#0a2420cc;font:700 .75em var(--font-ui);white-space:nowrap}.sg-side{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.6em;padding:.1em .3em .3em;border-style:solid;border-color:transparent;border-width:1.4em;border-image:var(--k-ui_panel_light) 64 fill / 1.4em stretch;background:none;color:var(--text-ink)}.sg-side h3{margin:0;font-size:1.1em}.sg-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6em,1fr));gap:.4em}.sg-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.2em;min-height:6em;padding:0;border-style:solid;border-color:transparent;border-width:.5em .6em .55em;border-image:var(--k-ui_button_plain) 40 44 48 44 fill / .5em .6em .55em .6em stretch;background:none;box-shadow:none;color:var(--text-ink);touch-action:none}.sg-card.is-locked{border-image-source:var(--k-ui_panel_dark);color:var(--text-dim)}.sg-card.is-locked .sg-art{filter:brightness(0) opacity(.3)}.sg-card .sg-art{height:3.6em;width:auto;max-width:100%;object-fit:contain;pointer-events:none}.sg-name{font:700 .72em var(--font-ui);text-align:center;line-height:1.1}.sg-note{margin:0;font-size:.85em;font-weight:700;color:#4e6a1c}.sg-ghost{position:fixed;left:0;top:0;z-index:90;pointer-events:none;filter:drop-shadow(0 .5em .4em rgba(0,0,0,.4))}.sg-ghost .sg-art{display:block;height:5em;width:auto}@media(max-width:760px),(max-aspect-ratio:1/1){.sg{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.sg-shelf{grid-template-columns:repeat(auto-fill,minmax(4.6em,1fr))}.sg-card{min-height:5em}}.modes-screen{font-size:clamp(13px,min(2vh,4vw),21px);color:var(--text);overflow:hidden;display:flex;flex-direction:column;background:var(--night)}.md-backdrop{position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 0%,var(--ink-3),var(--night) 82%)}.md-backdrop:after{content:"";position:absolute;inset:0;background:var(--map-url,none) center / cover;opacity:.2;filter:blur(5px)}.modes-screen>:not(.md-backdrop){position:relative}.md-top{flex:none;display:flex;align-items:center;gap:.8em;padding:max(.6em,env(safe-area-inset-top)) max(.8em,env(safe-area-inset-right)) .3em max(.8em,env(safe-area-inset-left))}.md-top .round-btn{font-size:.82em}.md-title{font-size:1.25em;padding:.12em 1.3em .22em;color:#fff;text-shadow:0 2px 3px rgba(60,20,10,.6)}.md-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(14em,1fr);gap:.8em;padding:.3em max(.8em,env(safe-area-inset-right)) max(.8em,env(safe-area-inset-bottom)) max(.8em,env(safe-area-inset-left))}.md-card{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.5em;padding:.4em .5em .6em;color:var(--text-ink);box-sizing:border-box}.md-card h2{font-size:1.6em;line-height:1.05;color:#3a2a08}.md-kicker{margin:0;font-size:.8em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7a5a1c}.md-preview{flex:1;min-height:9em;border-radius:.9em;overflow:hidden;background:#0a24208c;box-shadow:inset 0 0 0 2px #5a3c0a40}.md-canvas{display:block;width:100%;height:100%}.md-facts{margin:0;padding:0;list-style:none;display:grid;gap:.15em}.md-fact{display:flex;align-items:baseline;gap:.5em;font-weight:700}.md-fact b{margin-left:auto;font-weight:800}.md-label{font-size:.85em;font-weight:800;color:#5a4a28}.md-tier{display:flex;align-items:center;gap:.6em}.md-play{align-self:stretch;font-size:1.1em;position:sticky;bottom:0;z-index:2}.md-streak-count{margin:0;font-size:1.1em;font-weight:700}.md-streak-count b{font:700 2.2em var(--font-display);color:#c6483b;margin-right:.1em}.md-days{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.25em}.md-day{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:#5a3c0a1f}.md-day.is-today{box-shadow:0 0 0 .18em var(--leaf-d)}.md-day-star{width:1.4em;height:1.4em}.md-day:not(.is-done) .md-day-star{opacity:.5}.md-note{margin:0;font-size:.88em;font-weight:600;line-height:1.35}.md-restart{align-self:flex-start;margin-top:auto}.md-ladder{margin:0;padding:0;list-style:none;display:grid;gap:.2em}.md-rung{display:flex;align-items:center;gap:.6em;padding:.15em .5em;border-radius:.7em;font-weight:800;color:#5a4a28}.md-rung.is-today{background:#78aa2847;box-shadow:inset 0 0 0 2px var(--leaf-d)}.md-rung-day{min-width:2.6em;font-size:.88em}.md-rung-note{margin-left:auto;font-size:.82em;font-weight:700}@media(max-width:760px),(max-aspect-ratio:1/1){.md-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1.6fr) auto;overflow:auto}.md-preview{min-height:8em}}@media(max-height:480px)and (orientation:landscape){.md-main{grid-template-columns:1.4fr 1fr;grid-template-rows:none}.md-top{padding-bottom:0}.md-card{gap:.3em}.md-card h2{font-size:1.25em}.md-preview{flex:1 1 auto;min-height:4.5em}}.trials-screen{overflow:hidden}.tr-main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.9em;padding:.3em max(.9em,env(safe-area-inset-right)) max(1em,env(safe-area-inset-bottom)) max(.9em,env(safe-area-inset-left));scroll-behavior:smooth}.tr-intro{margin:0 auto;max-width:56em;text-align:center;font-weight:600;line-height:1.4;color:var(--text)}.tr-intro b{display:block;margin-top:.2em;color:var(--honey)}.tr-band{display:flex;flex-direction:column;gap:.4em;max-width:72em;width:100%;margin:0 auto}.tr-band-head{display:flex;align-items:center;gap:.7em;color:var(--text)}.tr-band-head h2{margin:0;font:700 1.35em var(--font-display)}.tr-band-head p{margin:0;font-size:.85em;color:var(--text-dim);font-weight:600}.tr-emblem{width:2.6em;height:2.6em;flex:none}.tr-count{margin-left:auto;font-weight:800;font-size:.88em;color:var(--honey)}.tr-cards{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7em}.tr-card{display:flex;flex-direction:column;gap:.35em;padding:.5em .7em .8em;color:var(--text-ink);min-width:0}.tr-kicker{margin:0;font-size:.74em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7a5a1c}.tr-name{margin:0;font:700 1.25em/1.1 var(--font-display);color:#3a2a08}.tr-story{margin:0;flex:1;font-size:.88em;font-weight:600;line-height:1.35}.tr-facts{margin:0;padding:0;list-style:none;display:flex;gap:1em;font-size:.82em;font-weight:700;color:#5a4a28}.tr-facts li{display:flex;gap:.35em;align-items:baseline}.tr-facts b{font-weight:800;color:#3a2a08}.tr-medals{margin:0;padding:0;list-style:none;display:flex;gap:.3em}.tr-medal{display:grid;place-items:center;width:2.1em;height:2.1em}.tr-medal-art{height:100%;width:auto}.tr-medal.is-empty .tr-medal-art{opacity:.5;filter:grayscale(.3)}.tr-card.is-locked{filter:saturate(.55) brightness(.92)}.tr-card.is-locked .tr-name{color:#6a5a38}.tr-card .pill{align-self:stretch;font-size:1em;margin-top:.15em}@media(max-width:900px),(max-aspect-ratio:1/1){.tr-cards{grid-template-columns:1fr}.tr-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kick medals" "name medals" "story story" "facts facts" "play play";column-gap:.6em}.tr-kicker{grid-area:kick}.tr-name{grid-area:name}.tr-story{grid-area:story}.tr-facts{grid-area:facts}.tr-medals{grid-area:medals;align-self:center}.tr-card .pill{grid-area:play}.tr-band-head p{display:none}}@media(max-height:480px)and (orientation:landscape){.tr-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-story{font-size:.8em}}body .sbg-demo-bar[data-game=little-programs]{display:none!important}.pill-sub{font-size:max(10px,.66em)}.rb-text{font-size:max(10px,.62em)}.node-label{font-size:max(10px,.74em)}.card-family{font-size:max(10px,.82em)}.card-meter small{font-size:max(10px,.8em)}.card-global{font-size:max(10px,.84em)}.sb-tool-name{font-size:max(10px,.7em)}.sg-name{font-size:max(10px,.72em)}.sg-text{font-size:max(10px,.75em)}.tr-kicker{font-size:max(10px,.74em)}.pause-kicker,.set-hint,.set-sec h3{font-size:max(10px,.78em)}.md-kicker{font-size:max(10px,.8em)}.hb-goal-name{font-size:max(10px,.85em)}.cm-kicker{font-size:max(10px,.9em)}@font-face{font-family:Fredoka;font-weight:500;font-style:normal;font-display:swap;src:url(./fonts/fredoka-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Fredoka;font-weight:600;font-style:normal;font-display:swap;src:url(./fonts/fredoka-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Fredoka;font-weight:700;font-style:normal;font-display:swap;src:url(./fonts/fredoka-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Nunito;font-weight:400;font-style:normal;font-display:swap;src:url(./fonts/nunito-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Nunito;font-weight:600;font-style:normal;font-display:swap;src:url(./fonts/nunito-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Nunito;font-weight:700;font-style:normal;font-display:swap;src:url(./fonts/nunito-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Nunito;font-weight:800;font-style:normal;font-display:swap;src:url(./fonts/nunito-latin-800-normal.woff2) format("woff2")}
