@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAVoAA8AAAAACegAAAUTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbDBwYBmAAbBEIColciA0LHgABNgIkAzgEIAWDZAc+DAcb9QdRlE5OmOBngm2rYa0IiBSU4SB6GXpb1ovxAEMb3kc8/X6ve+4LIEoWKsKQjE0KaAS5si8LV935qoC6jkBWl99PeNa/acrMsmIWkJM7J2fiwyD6/rZ3nySQEEJPI2+8mQgCjl/7/xfCPjhmumgbjyJtDTLAgZRI5C2Lsyg9Ej+AogCfIgpT4Glg/xqJD/gP3cxixar09EqCLkAR0S2CjsmOByOgCZ096O8EMaNtszM3NFMavYQr9Cp5x9dfFA/5c6zg2Tty8yAadUVizTiA6qa3QCC/ewmYw2NFVjA0W0NfnG8fGGCFUMwlNjUZzmSW9PlG/R/AyDGpxk28hPlctcMi84z8m/D+t4A8BCJ1LJF6PM8poA/kPvkJWDJ1K8BaUZaAFU7lYnST2ctUYrFxdcncWZ+9iCBZ7QpGtRZjgknaiROuAw9zmuW0fBVJAuYMq2n1OtKMXVFHky8Q0hrFz5fHL9r+nEPMnjt7HmivMC8x91xDA/1M/oAFOmT59tOnXR4D/SyfffGCednGaXbT8vxlrLJwBWKuYq7gZdFz7CSU+gIt6kE7uc+Qo2v37Ql5HkHKQsxRQtvGGz2XFwMdv411vIFQ6YqXmDMUlNIsQgwHBXRRFWtcw+hMzOajmR59mMsOuWmOF4yqrMx9tIxFTBfJL+Ii0RlIK4ImubT7MpIsjraaeanajTm7MtJOmW4rxrqXFRkT0If2oT0spW5rQzzafpjguAN9hiRinFZih+0AJ4zTkDbS8Uh95LjURmGlmKaOU1gqqpGTVk+skg4HuviVSNOtxkAukjRmgehpuFJzeK1lTT5P1BR1/PNEQdrPnuV+BTaWg//+kPhs+NC04dbkEaOaIOzcWmf+0GCvjO57t/beypjctoHZoyi8WpYUkmvITj8o+TTCOX91Xp24bnVevsQkk/AmUsZTIOZotreXUWEZNO7bn9qWsbLZpFW6JvXu9NXJzKKH42p+jchuqW1L6vNy1e9301q7tfmbr/QZMkUOD899Yd14NHBLo/SjF5cCSkjT2NHk135OQk4wT8IJPl3A+KVAmsC6w9Yzeb5ippX3NAv4svYkQsqFgb5lm1UzJZ7DRrsvW6fPCvnquOaJ3AZkUSKvIgyXf96PrZJ0kgSzaEuXOoX1hffmtOr/WYZ+xra+RIUo1WFKdehUQIrG3y5m3i9eznH2AwnYJE9dQSY4kM2VOdnutWqt4pcfeb+k1NlrCD2P3ZO5XLekNz+2uPpKb/XJ2t0NUfOkPccR0vHefWSNS4H/BGiupbdcml/BnXeommkZlIk13/I8D/sOQlw8z33xfpVl+C/GxBeA17vkDn3BYWv7dXrdRJsCQnVz7EH1QwnxcArxoPR47glkG2iQNwSZIChqhlyhaVP9a/045AZNdsyOfJGctxwg9NgmBAURbAFAm+MIaZIADY94zBhygFn0uMesbKlubVJlNpuQyGwxwB96jhQ4qR9Qu4XyKu1Tp1cLH/p5ZE990E5DFwpNaqksidKBtoMWVahBSjs1KNRwaI2gi380ig9P3rz5SjWgRqcMBWu/Q2sDMrNLKOq0U7MWT/ny5gPGn6tBkwHtavQaVcbp0m0kfWtTWctTnNVxceak0ulKzTpDe6uiNRqHjom7XY06zVt5qtVilAt3lKFEEM26JK19bwCDFNQf9sQgYUrmZO1Qm5ZiW0CGLZ6Hyvq4TZke5H+6xGcf+8Snzvruczt8Mu1G9R7wrwIAAA==)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2a1a10;--ink-soft:#5b4433;--paper:#fbf3e4;--paper-2:#f2e2c4;--paper-3:#e7d0a8;--wood:#8a5a36;--wood-dark:#5b3a22;--wood-deep:#3a2414;--tomato:#e4572e;--tomato-dark:#b23d1c;--mustard:#f2b134;--mustard-dark:#c48612;--teal:#2a9d8f;--teal-dark:#1c6f65;--sky:#3a86ff;--sky-dark:#2459b8;--gem:#ff4f8b;--cream-dark:#d9c39c;--good:#3f9b4e;--shadow:0 10px 30px #14080059;--radius:16px;--display:"Lilita One", "Trebuchet MS", system-ui, sans-serif;--body:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;color:var(--ink);font-family:var(--body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;background:#120a06;margin:0;overflow:hidden}canvas.stage{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ui{pointer-events:none;z-index:2;position:fixed;inset:0}.ui>*{pointer-events:auto}.ui .passthru{pointer-events:none}.ui .passthru>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.btn{--face:var(--paper);--edge:var(--cream-dark);--text:var(--ink);background:var(--face);min-height:46px;color:var(--text);font-family:var(--display);letter-spacing:.3px;box-shadow:0 4px 0 var(--edge), 0 6px 14px #00000040, inset 0 2px 0 #ffffff73;white-space:nowrap;border:2px solid #28140559;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:19px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--edge), 0 2px 6px #00000040, inset 0 2px 0 #ffffff59;transform:translateY(3px)}.btn:disabled{opacity:.45;filter:saturate(.4)}.btn.red{--face:var(--tomato);--edge:var(--tomato-dark);--text:#fff8ec}.btn.yellow{--face:var(--mustard);--edge:var(--mustard-dark);--text:var(--ink)}.btn.teal{--face:var(--teal);--edge:var(--teal-dark);--text:#f4fffc}.btn.blue{--face:var(--sky);--edge:var(--sky-dark);--text:#f5f9ff}.btn.wood{--face:#9a6a42;--edge:#5b3a22;--text:#fff4e2}.btn.big{border-radius:18px;min-height:60px;padding:0 30px;font-size:26px}.btn.small{border-radius:11px;min-height:36px;padding:0 12px;font-size:16px}.btn.icon{width:46px;padding:0}.btn.icon.small{width:38px;min-height:38px}.btn.ghost{--face:#fbf3e41f;--edge:#00000059;--text:#fbf3e4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#fbf3e440}.panel{background:radial-gradient(circle at 20% 10%, #ffffff80, transparent 40%), repeating-linear-gradient(0deg, #78501e06 0 2px, transparent 2px 4px), var(--paper);border-radius:var(--radius);box-shadow:var(--shadow), 0 0 0 3px #3c230f8c, inset 0 0 0 2px #ffffff80;position:relative}.panel.stitched:after{content:"";border-radius:calc(var(--radius) - 6px);pointer-events:none;border:2px dashed #78502838;position:absolute;inset:7px}.h-display{font-family:var(--display);letter-spacing:.4px;margin:0;font-weight:400}.title-screen{padding:calc(28px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));background:radial-gradient(at 50% 45%,#0000 35%,#0a05028c 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.logo{font-family:var(--display);filter:drop-shadow(0 8px #00000059)drop-shadow(0 14px 30px #00000073);gap:.02em;margin:1vh 0 0;font-size:clamp(40px,min(20vw,13vh),132px);line-height:.95;display:flex}@media (max-height:820px){.title-menu{gap:10px}}.logo span{color:var(--c);-webkit-text-stroke:.06em #2a1408;paint-order:stroke fill;transform:rotate(var(--r)) translateY(var(--y));animation:3.2s ease-in-out infinite bob;animation-delay:var(--d);display:inline-block}@keyframes bob{0%,to{transform:rotate(var(--r)) translateY(var(--y))}50%{transform:rotate(calc(var(--r) * -.6)) translateY(calc(var(--y) - 6px))}}.tagline{font-family:var(--display);color:#fbe9c8;text-align:center;text-shadow:0 2px #00000080;letter-spacing:.5px;margin-top:2px;font-size:clamp(17px,2.6vw,26px)}.title-menu{flex-direction:column;align-items:stretch;gap:14px;width:min(340px,90vw);display:flex}.title-row{gap:12px;display:flex}.title-row .btn{flex:1}.title-foot{color:#fbe9c899;text-align:center;margin-top:10px;font-size:13px}.screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 30%,#1e10088c,#0a0502e6);flex-direction:column;display:flex;position:absolute;inset:0}.screen-head{padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) 10px calc(16px + var(--safe-left));color:var(--paper);align-items:center;gap:12px;display:flex}.screen-head h1{font-family:var(--display);text-shadow:0 3px #00000073;margin:0;font-size:clamp(26px,4vw,38px);font-weight:400}.screen-head .grow{flex:1}.screen-body{padding:8px calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left));touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.chip{color:var(--paper);background:#fbf3e424;border:1.5px solid #fbf3e438;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:800;display:inline-flex}.chip.gem svg{color:var(--gem)}.chapters{gap:20px;max-width:1100px;margin:0 auto;display:grid}.chapter{padding:18px 18px 20px}.chapter-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.chapter-head .num{font-family:var(--display);color:#fff;background:var(--chap,var(--tomato));border-radius:8px;padding:2px 8px;font-size:15px;transform:rotate(-3deg)}.chapter-head h2{font-family:var(--display);margin:0;font-size:28px;font-weight:400}.chapter-head .tag{color:var(--ink-soft);font-weight:700}.chapter-head .prog{color:var(--ink-soft);align-items:center;gap:10px;margin-left:auto;font-weight:800;display:flex}.chapter.locked{opacity:.6;filter:saturate(.4)}.lock-note{color:var(--ink-soft);align-items:center;gap:8px;font-weight:800;display:flex}.level-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.level-tile{aspect-ratio:1/.86;background:linear-gradient(160deg, #ffffff40, transparent 50%), var(--tile,#e3b77d);text-align:center;border:2px solid #3c230f73;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:6px;transition:transform .1s;display:flex;position:relative;box-shadow:0 4px #5a3719e6,0 6px 12px #0003,inset 0 0 0 2px #ffffff40}.level-tile:hover:not(:disabled){transform:translateY(-2px)rotate(-1deg)}.level-tile:active:not(:disabled){transform:translateY(2px)}.level-tile .n{font-family:var(--display);color:var(--ink);font-size:30px;line-height:1}.level-tile .nm{color:var(--ink);margin-top:4px;font-size:13px;font-weight:800;line-height:1.15}.level-tile .badges{gap:4px;display:flex;position:absolute;bottom:6px}.badge-dot{color:#3c230f73;background:#3c230f40;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.badge-dot.on{background:var(--paper);color:var(--c,var(--tomato));box-shadow:0 1px #0000004d}.level-tile.done{--tile:#f2cf94}.level-tile.next{--tile:#ffd98a;animation:1.8s ease-in-out infinite nudge}@keyframes nudge{0%,to{box-shadow:0 4px #5a3719e6,0 0 #ffd278b3}50%{box-shadow:0 4px #5a3719e6,0 0 0 8px #ffd27800}}.level-tile:disabled{--tile:#bda98a;opacity:.6}.hud-top{padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.hud-title{color:var(--paper);min-width:0;padding-top:2px}.hud-title .sub{opacity:.75;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:800;overflow:hidden}.hud-title .name{font-family:var(--display);text-shadow:0 2px #00000073;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,3vw,28px);line-height:1.05;overflow:hidden}.hud-top .grow{flex:1}.goals{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.goal-chip{color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#180c058c;border:1.5px solid #fbf3e42e;border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:14px;font-weight:800;display:inline-flex}.goal-chip.ok{background:#3f9b4ecc}.goal-chip.over{background:#963c1ebf}.goal-chip svg{flex:none}.board-slot{position:absolute;pointer-events:none!important}.hud-bottom{padding:0 calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.tools-col{flex-direction:column;gap:8px;display:flex}.tray{scrollbar-width:thin;touch-action:pan-x;background:linear-gradient(#ffffff1a,#0000),repeating-linear-gradient(90deg,#6b4428 0 22px,#714a2d 22px 23px,#6b4428 23px 61px),#6b4428;border-radius:18px;flex:1;gap:8px;min-width:0;padding:10px;display:flex;overflow:auto hidden;box-shadow:inset 0 3px 8px #00000080,0 0 0 3px #3a2414,0 8px 20px #0006}.tray-empty{color:#fbf3e4bf;align-self:center;padding:0 8px;font-weight:800}.slot{touch-action:pan-x;background:radial-gradient(circle at 50% 35%,#3f6b5a,#24443a);border-radius:13px;flex:none;place-items:center;width:76px;height:76px;transition:transform .1s;display:grid;position:relative;box-shadow:inset 0 3px 6px #0000008c,0 1px #ffffff26}.slot img{pointer-events:none;filter:drop-shadow(0 3px 2px #00000073);width:66px;height:66px}.slot:hover:not(:disabled){transform:translateY(-2px)}.slot.armed{box-shadow:inset 0 3px 6px #0000008c, 0 0 0 3px var(--mustard), 0 0 18px #f2b13499}.slot:disabled img{opacity:.3;filter:grayscale()}.slot .count{color:#3a2208;min-width:26px;height:26px;font-family:var(--display);background:radial-gradient(circle at 35% 30%,#ffe08a,#d9a441 60%,#a8771e);border:1.5px solid #6b4a12;border-radius:13px;place-items:center;padding:0 6px;font-size:15px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #6b4a12,0 2px 6px #0006}.slot .label{text-align:center;color:#fffaebd9;letter-spacing:.3px;text-shadow:0 1px 2px #000c;pointer-events:none;font-size:10.5px;font-weight:900;position:absolute;bottom:3px;left:0;right:0}.slot .key{color:#fffaeb73;font-size:10px;font-weight:900;position:absolute;top:3px;left:6px}.play-btn{color:#fff8ec;background:radial-gradient(circle at 40% 30%, #ff7a52, var(--tomato) 55%, var(--tomato-dark));border-radius:50%;flex:none;place-items:center;width:92px;height:92px;transition:transform 80ms;display:grid;position:relative;box-shadow:0 6px #7a2410,0 10px 24px #00000073,0 0 0 5px #d9a441,0 0 0 8px #6b4a12,inset 0 3px #fff6}.play-btn:active{transform:translateY(4px)}.play-btn.stop{background:radial-gradient(circle at 40% 30%, #ffd77a, var(--mustard) 55%, var(--mustard-dark));color:var(--ink);box-shadow:0 6px #7a5208,0 10px 24px #00000073,0 0 0 5px #d9a441,0 0 0 8px #6b4a12,inset 0 3px #fff6}.play-btn .lbl{font-family:var(--display);color:var(--paper);text-shadow:0 2px #00000080;white-space:nowrap;font-size:15px;position:absolute;bottom:-26px}.play-btn.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 6px #7a2410,0 10px 24px #00000073,0 0 0 5px #d9a441,0 0 0 8px #6b4a12,0 0 0 8px #ffaa5a99}50%{box-shadow:0 6px #7a2410,0 10px 24px #00000073,0 0 0 5px #d9a441,0 0 0 8px #6b4a12,0 0 0 22px #ffaa5a00}}.runbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);background:#180c059e;border:1.5px solid #fbf3e426;border-radius:18px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 14px;display:flex}.runbar input[type=range]{flex:1;min-width:60px}.time{font-variant-numeric:tabular-nums;text-align:right;min-width:44px;font-weight:800}.speed{border:1.5px solid #fbf3e440;border-radius:10px;display:flex;overflow:hidden}.speed button{color:var(--paper);padding:6px 9px;font-size:13px;font-weight:900}.speed button.on{background:var(--mustard);color:var(--ink)}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--mustard) var(--v,0%), #fbf3e440 var(--v,0%));touch-action:none;border-radius:6px;outline:none;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff,#f2e2c4);border:2px solid #6b4a12;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 4px #0006}input[type=range]::-moz-range-thumb{background:#fbf3e4;border:2px solid #6b4a12;border-radius:50%;width:20px;height:20px}.seltool{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;z-index:5;background:#1e1007d1;border:1.5px solid #fbf3e433;border-radius:14px;gap:6px;padding:6px;animation:.14s ease-out pop;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 8px 20px #0006}.seltool:after{content:"";border:8px solid #0000;border-top-color:#1e1007d1;border-bottom:none;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.seltool .param{color:var(--paper);background:#fbf3e41f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:38px;padding:2px 10px;display:flex}.seltool .param small{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:900}.seltool .param b{font-family:var(--display);font-size:15px;font-weight:400}.seltool .param .swatch{vertical-align:0;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}@keyframes pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))scale(.9)}}.banner{left:50%;bottom:calc(150px + var(--safe-bottom));align-items:center;gap:14px;max-width:min(560px,100vw - 24px);padding:12px 14px 12px 18px;animation:.25s ease-out rise;display:flex;position:absolute;transform:translate(-50%)}.banner p{margin:0;font-size:16px;font-weight:800}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}}.modal-back{z-index:10;background:#0a040073;place-items:center;padding:16px;animation:.2s ease-out fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.modal{touch-action:pan-y;width:min(460px,100%);max-height:calc(100vh - 32px);padding:26px 24px 22px;animation:.35s cubic-bezier(.2,1.4,.4,1) drop;overflow-y:auto}.modal.wide{width:min(640px,100%)}@keyframes drop{0%{opacity:0;transform:translateY(-30px)rotate(-2deg)scale(.96)}}.modal h2{font-family:var(--display);text-align:center;margin:0 0 4px;font-size:32px;font-weight:400}.modal .lead{text-align:center;color:var(--ink-soft);margin:0 0 16px;font-weight:700}.modal .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.modal .close{position:absolute;top:12px;right:12px}.badges-row{justify-content:center;gap:14px;margin:14px 0 4px;display:flex}.medal{text-align:center;width:104px;color:var(--ink-soft);flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.medal .disc{color:#b8a27e;background:#e7d6b6;border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .3s;display:grid;box-shadow:inset 0 3px 8px #0000002e}.medal.on .disc{background:radial-gradient(circle at 35% 30%, #fff3c4, var(--c) 70%);color:#fff;animation:.45s cubic-bezier(.2,1.6,.4,1) both stamp;animation-delay:var(--delay);box-shadow:0 4px #00000040,0 0 0 4px #fff7e6,0 0 0 6px #3c230f4d}@keyframes stamp{0%{opacity:0;transform:scale(2)rotate(-15deg)}}.medal.on b{color:var(--ink)}.toasts{top:calc(70px + var(--safe-top));z-index:20;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{color:var(--paper);text-align:center;background:#1e1007e0;border-radius:999px;max-width:90vw;padding:9px 16px;font-size:14.5px;font-weight:800;animation:.2s ease-out rise2;box-shadow:0 6px 16px #00000059}.toast.warn{background:#963219eb}.toast.good{background:#286e37eb}@keyframes rise2{0%{opacity:0;transform:translateY(-8px)}}.gadget-card{text-align:center;flex-direction:column;align-items:center;display:flex}.gadget-card img{filter:drop-shadow(0 8px 6px #0000004d);width:150px;height:150px}.gadget-card .kicker{font-family:var(--display);color:var(--tomato);font-size:18px;transform:rotate(-3deg)}.gadget-card p{color:var(--ink-soft);margin:6px 0 0;font-size:17px;font-weight:700;line-height:1.4}.field{flex-direction:column;gap:6px;margin:12px 0;display:flex}.field label,.field .lbl{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);font-size:13px;font-weight:900}.field input[type=text],.field textarea,.field select{font:inherit;border:2px solid var(--paper-3);color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:auto;background:#fffaf1;border-radius:10px;padding:10px 12px;font-size:16px;font-weight:700}.field textarea{resize:vertical;word-break:break-all;min-height:90px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.field input[type=range]{background:linear-gradient(90deg, var(--tomato) var(--v,0%), var(--paper-3) var(--v,0%))}.row{align-items:center;gap:10px;display:flex}.toggle{border-bottom:1.5px dashed #7850282e;justify-content:space-between;align-items:center;padding:10px 0;font-weight:800;display:flex}.toggle small{color:var(--ink-soft);font-size:13px;font-weight:700;display:block}.switch{background:#d8c4a0;border-radius:15px;flex:none;width:54px;height:30px;transition:background .15s;position:relative;box-shadow:inset 0 2px 4px #0003}.switch:after{content:"";background:#fffaf1;border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #0000004d}.switch.on{background:var(--teal)}.switch.on:after{left:27px}.seg{border:2px solid var(--paper-3);border-radius:11px;display:flex;overflow:hidden}.seg button{background:#fffaf1;flex:1;padding:8px 10px;font-size:14px;font-weight:900}.seg button.on{background:var(--ink);color:var(--paper)}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;max-width:1100px;margin:0 auto;display:grid}.card{flex-direction:column;gap:8px;padding:16px;display:flex}.card h3{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;font-weight:400;overflow:hidden}.card .meta{color:var(--ink-soft);flex-wrap:wrap;gap:10px;font-size:13px;font-weight:800;display:flex}.card .acts{gap:8px;margin-top:auto;padding-top:6px;display:flex}.card.new{min-height:150px;box-shadow:none;color:var(--paper);font-family:var(--display);border-radius:var(--radius);background:#fbf3e40f;border:3px dashed #fbf3e459;justify-content:center;align-items:center;gap:8px;font-size:22px}.card.new:hover{background:#fbf3e41f}.thumb-mini{aspect-ratio:var(--ar);background:#e6cc9a;border-radius:8px;gap:0;padding:3px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #7a4a2b}.thumb-mini i{border-radius:2px;display:block}.pill{background:var(--paper-3);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:900;display:inline-block}.pill.ok{color:#22622e;background:#cfe9cf}.pill.no{color:#8a3a1a;background:#f6d6c6}.empty-note{color:#fbf3e4bf;text-align:center;max-width:520px;margin:30px auto;font-weight:700;line-height:1.5}.prose{color:var(--ink-soft);font-size:15px;font-weight:650;line-height:1.5}.prose b{color:var(--ink)}.kbd{border:1.5px solid var(--paper-3);background:#fffaf1;border-bottom-width:3px;border-radius:5px;padding:0 6px;font-family:ui-monospace,monospace;font-size:12px;font-weight:800;display:inline-block}.workshop-status{color:var(--paper);background:#180c0599;border:1.5px solid #fbf3e433;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:900;display:inline-flex}.workshop-status.ok{background:#3f9b4ed9}.coach{left:50%;top:calc(84px + var(--safe-top));text-align:center;max-width:min(520px,100vw - 24px);padding:10px 16px;font-weight:800;animation:.3s ease-out rise;position:absolute;transform:translate(-50%)}.hand{filter:drop-shadow(0 4px 4px #0006);z-index:6;font-size:40px;animation:1.4s ease-in-out infinite tapHand;position:absolute;pointer-events:none!important}@keyframes tapHand{0%,to{transform:translate(-30%)scale(1)}50%{transform:translate(-30%,-10px)scale(.92)}}@media (max-height:520px) and (orientation:landscape){.hud-bottom{top:calc(64px + var(--safe-top));flex-direction:column;align-items:stretch;width:104px;right:auto}.tray{touch-action:pan-y;flex-direction:column;overflow:hidden auto}.tools-col{flex-flow:wrap}.hud-bottom .play-btn{right:calc(16px + var(--safe-right));bottom:calc(24px + var(--safe-bottom));position:fixed}.runbar{left:calc(130px + var(--safe-left));right:calc(130px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));position:fixed}.banner{bottom:calc(90px + var(--safe-bottom))}.slot{touch-action:pan-y;width:74px;height:74px}}@media (max-width:560px){.slot{width:64px;height:64px}.slot img{width:56px;height:56px}.play-btn{width:76px;height:76px}.btn.icon{width:42px;min-height:42px}.hud-bottom{flex-wrap:wrap}.goal-chip{padding:3px 8px 3px 6px;font-size:12.5px}.banner{bottom:calc(180px + var(--safe-bottom));text-align:center;flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{animation-duration:.01ms!important;animation-iteration-count:1!important}