:root{--night:#141938;--night-2:#1f2554;--panel:#181c46c2;--panel-solid:#1d2259;--panel-line:#f5c04a52;--slot:#090b228c;--text:#f6f1ff;--muted:#bdb7e3;--gold:#f5c04a;--gold-dark:#b97f16;--gold-light:#ffe7a3;--violet:#6e52e0;--violet-light:#8b70f5;--violet-dark:#44309f;--teal:#5eead4;--rose:#f9a8d4;--ink:#2b2238;--radius:14px;--font-display:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;color:var(--text);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);letter-spacing:.02em}.icon{flex:none;display:block}.coin-icon,.gem-icon{vertical-align:-.2em;flex:none}.screen{height:100%;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(var(--sky-top), var(--sky-mid,#262d63) 60%, var(--sky-low,#3b3585));flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden}.screen>:not(.backdrop):not(.overlay){z-index:1;position:relative}.backdrop{z-index:0;pointer-events:none;color:#fff;position:absolute;inset:0}.backdrop svg{width:100%;height:100%;display:block}[data-scenery=woods]{--sky-top:#0f2a3f;--sky-mid:#1f4a5c;--sky-low:#2f6b62}[data-scenery=ruins]{--sky-top:#2a1f4f;--sky-mid:#4d3a78;--sky-low:#7b558a}[data-scenery=library]{--sky-top:#2a1a12;--sky-mid:#4a2e1d;--sky-low:#6b4026}[data-scenery=vaults]{--sky-top:#0e1026;--sky-mid:#1b1f3d;--sky-low:#2a2f55}[data-scenery=spires]{--sky-top:#1c1a4a;--sky-mid:#3b3585;--sky-low:#6c63b8}[data-scenery=academy]{--sky-top:#141938;--sky-mid:#262d63;--sky-low:#3b3585}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.audio-controls{gap:8px;margin-left:auto;display:flex}.audio-controls .btn-icon[aria-pressed=false]{opacity:.45}.level-title{color:var(--text);text-shadow:0 2px #00000059;font-size:1.6rem}.level-heading{margin-right:auto;line-height:1.1;display:grid}.level-realm{color:var(--gold-light);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.brand{align-items:center;gap:10px;margin-right:auto;display:flex}.brand-name{font-family:var(--font-display);color:var(--gold-light);text-shadow:0 2px #0006;font-size:1.5rem;font-weight:700;line-height:1}.brand-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.btn{background:linear-gradient(var(--violet-light), var(--violet));box-shadow:0 4px 0 var(--violet-dark), inset 0 1px 0 #ffffff40;border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--violet-dark);transform:translateY(3px)}.btn-primary{background:linear-gradient(var(--gold-light), var(--gold));box-shadow:0 4px 0 var(--gold-dark), inset 0 1px 0 #ffffff80;color:var(--ink);font-size:1.1rem}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--gold-dark)}.btn-icon{border-radius:50%;width:48px;height:48px;padding:0}.btn-small{width:40px;height:40px;min-height:40px}.btn-run{width:64px;height:56px;padding:0}.btn-shop{padding-inline:14px}.price{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.wallet,.goal-counter{border:1px solid var(--panel-line);background:#090b2299;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 8px;font-size:1.15rem;font-weight:800;display:flex}.goal-counter{border-color:#5eead473}.count-pop{animation:.35s ease-out pop;display:inline-block}@keyframes pop{0%{color:var(--gold-light);transform:scale(1.45)}to{transform:scale(1)}}.panel{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;padding:18px;box-shadow:0 10px 30px #04061873,inset 0 1px #ffffff0f}.hint{color:var(--muted)}.notice{color:var(--rose);font-weight:700}.levels-layout{flex:1;grid-template-columns:1.6fr minmax(260px,1fr);gap:16px;min-height:0;display:grid}.level-grid-panel{text-align:center;flex-direction:column;gap:14px;min-height:0;display:flex}.realm-title h1{color:var(--gold-light);font-size:1.9rem}.realm-title p{color:var(--muted);margin-top:4px}.level-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:12px;width:100%;max-width:560px;margin-inline:auto;display:grid}.level-cell{aspect-ratio:1.15;max-height:92px;font-family:var(--font-display);color:#6f6aa0;background:linear-gradient(#2a2f62,#22264f);border-radius:16px;place-items:center;font-size:1.9rem;font-weight:700;display:grid;position:relative;box-shadow:0 4px #15183a,inset 0 0 0 2px #ffffff0d}.level-cell:not(:disabled){color:var(--gold-light);background:linear-gradient(#6b55d8,#4733a8);box-shadow:0 4px #2c1f74,inset 0 1px #ffffff40}.level-cell.done:not(:disabled){background:linear-gradient(#2f9c95,#21706e);box-shadow:0 4px #134b4b,inset 0 1px #ffffff40}.level-cell:disabled{opacity:1}.level-cell.selected{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 4px #2c1f74,0 0 22px #f5c04a8c}.cell-number{text-shadow:0 2px #00000059}.cell-star{color:var(--gold);filter:drop-shadow(0 1px #0006);position:absolute;top:6px;right:6px}.cell-gem{filter:drop-shadow(0 1px #0006);position:absolute;top:5px;left:6px}.treasures-found{color:var(--teal);font-weight:800}.pager{color:var(--muted);justify-content:center;align-items:center;gap:18px;font-weight:800;display:flex}.level-detail{text-align:center;flex-direction:column;gap:10px;display:flex}.level-detail h2{color:var(--gold-light);font-size:1.8rem}.level-detail h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:.8rem}.reward-line{justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.objectives{gap:6px;margin:0;padding:0;font-weight:800;list-style:none;display:grid}.objectives li{color:var(--teal);justify-content:center;align-items:center;gap:8px;display:flex}.btn-play{margin-top:auto}.play-screen{grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(260px,340px);gap:8px 16px;display:grid}.play-bar{grid-column:1/-1}.board-canvas{min-width:0;min-height:0;position:relative;overflow:hidden}.board-canvas canvas,.preview-canvas canvas{position:absolute;inset:0}.side{min-height:0}.program{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:8px}.tabs{gap:6px;display:flex}.tab{color:var(--muted);letter-spacing:.06em;background:#ffffff12;border-radius:10px 10px 0 0;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px;font-weight:800;display:inline-flex}.tab.on{background:linear-gradient(var(--gold-light), var(--gold));color:var(--ink)}.slots{background:var(--slot);border-radius:0 0 14px 14px;grid-template-columns:repeat(4,1fr);gap:8px;min-height:90px;padding:10px;display:grid}.slot{aspect-ratio:1;border-radius:12px;place-items:center;display:grid}.slot.empty{border:2px dashed #bdb7e338}.slot.filled{background:linear-gradient(var(--violet-light), var(--violet));box-shadow:0 4px 0 var(--violet-dark);color:var(--gold-light)}.slot.running{background:linear-gradient(var(--gold-light), var(--gold));color:var(--ink);transform:scale(1.06);box-shadow:0 0 18px #f5c04acc}.controls{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.palette,.run-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cmd{background:linear-gradient(var(--violet-light), var(--violet));width:62px;height:62px;box-shadow:0 4px 0 var(--violet-dark), inset 0 1px 0 #ffffff40;color:var(--gold-light);border-radius:14px;place-items:center;display:grid}.cmd:active:not(:disabled){box-shadow:0 1px 0 var(--violet-dark);transform:translateY(3px)}.fn-icon{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:800}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#080a1e99;place-items:center;padding:16px;animation:.25s ease-out fade;display:grid;position:fixed;inset:0}.result{text-align:center;background:var(--panel-solid);justify-items:center;gap:12px;min-width:min(380px,100%);animation:.35s cubic-bezier(.2,1.4,.4,1) rise;display:grid}.result.won{border-color:var(--gold);box-shadow:0 0 40px #f5c04a59}.result h2{color:var(--gold-light);font-size:1.8rem}.result.lost h2{color:var(--text)}.result-message{color:var(--muted);max-width:30ch}.reward-big{color:var(--gold-light);font-size:1.5rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-emblem{filter:drop-shadow(0 8px 16px #0006);margin-top:-64px}.result.won .result-emblem{animation:.6s cubic-bezier(.2,1.4,.4,1) spin-in}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes spin-in{0%{transform:rotate(-90deg)scale(.4)}}.coach{z-index:4;pointer-events:none;position:fixed;inset:0}.coach-block{pointer-events:auto;position:fixed}.coach-dim{background:#080a1e9e}.coach-spot{pointer-events:none;box-shadow:0 0 0 200vmax #080a1e9e, 0 0 0 3px var(--gold), 0 0 26px 6px #f5c04a8c;border-radius:18px;transition:left .35s,top .35s,width .35s,height .35s;animation:.3s ease-out fade;position:fixed}.coach-spot.round{border-radius:50%}.coach-spot.tap:after{content:"";border-radius:inherit;animation:1.4s ease-out infinite halo;position:absolute;inset:0}.coach-bubble{background:var(--panel-solid);border:2px solid var(--gold);pointer-events:auto;border-radius:20px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.35s cubic-bezier(.2,1.4,.4,1) rise;display:flex;position:fixed;box-shadow:0 12px 30px #0406188c}.coach-guide{background:linear-gradient(var(--gold-light), var(--gold));width:44px;height:44px;box-shadow:0 3px 0 var(--gold-dark);color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.coach-body{gap:8px;min-width:0;display:grid}.coach-count{color:var(--gold-light);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:800}.coach-text{font-size:1.1rem;font-weight:600;line-height:1.4}.coach-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.coach-skip{min-height:44px;color:var(--muted);padding:8px 2px;font-size:.9rem;font-weight:600;text-decoration:underline}.coach-next{margin-left:auto;padding-inline:22px}.shop-layout{flex:1;grid-template-columns:minmax(240px,1fr) 1.5fr;gap:16px;min-height:0;display:grid}.preview-panel{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.preview-canvas{flex:1;width:100%;min-height:200px;position:relative}.preview-info{justify-items:center;gap:8px;display:grid}.preview-info h2{color:var(--gold-light);font-size:1.6rem}.trait{color:var(--muted);font-style:italic}.items-panel{flex-direction:column;gap:12px;min-height:0;display:flex}.shop-tabs{flex-wrap:wrap}.shop-tabs .tab{letter-spacing:.02em;border-radius:12px;flex:88px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));align-content:start;gap:12px;padding:4px;display:grid;overflow:auto}.item{background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #bdb7e329;border-radius:16px;justify-items:center;gap:4px;padding:10px 8px 12px;font-weight:800;transition:transform .12s,border-color .12s;display:grid}.item:hover{border-color:#f5c04a80;transform:translateY(-2px)}.item.selected{border-color:var(--gold);box-shadow:0 0 18px #f5c04a59}.item.equipped .item-status{color:var(--teal)}.item-thumb{width:76px;height:76px;color:var(--muted);background:radial-gradient(circle,#8b70f573,#8b70f500 70%);border-radius:50%;place-items:center;display:grid}.item-thumb img{width:76px;height:76px}.item-name{line-height:1.15}.item-status{color:var(--gold-light);justify-content:center;align-items:center;gap:4px;font-size:.9rem;display:inline-flex}.welcome-screen{text-align:center;align-items:center;gap:6px}.welcome-screen .backdrop{transition:filter 1.2s}.welcome-screen:not(.awake) .backdrop{filter:brightness(.55)saturate(.8)}.welcome-screen.awake:after{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 58%,#ffe7a3cc,#ffe7a300 60%);animation:1s ease-out flash;position:absolute;inset:0}.twinkle{background:var(--gold-light);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.6;animation:2.6s ease-in-out infinite twinkle;position:absolute}.welcome-top{align-self:stretch;min-height:48px;display:flex}.welcome-title{justify-items:center;gap:10px;line-height:1;display:grid}.welcome-screen:not(.awake) .welcome-title{visibility:hidden}.welcome-name{flex-wrap:wrap;justify-content:center;gap:0 .28em;font-size:clamp(2.8rem,11vw,6rem);font-weight:900;display:flex}.welcome-word{display:inline-flex}.welcome-letter{text-shadow:.035em .035em 0 var(--ink), -.035em .035em 0 var(--ink), .035em -.035em 0 var(--ink), -.035em -.035em 0 var(--ink), 0 .1em 0 var(--violet-dark), 0 .18em .2em #00000073;display:inline-block}.word-paw .welcome-letter{color:var(--gold)}.word-coder .welcome-letter:nth-child(4n+1){color:var(--teal)}.word-coder .welcome-letter:nth-child(4n+2){color:var(--rose)}.word-coder .welcome-letter:nth-child(4n+3){color:var(--gold-light)}.word-coder .welcome-letter:nth-child(4n+4){color:#b9a6ff}.awake .welcome-letter{animation:letter-drop .7s cubic-bezier(.2, 1.6, .4, 1) calc(.25s + var(--i) * 70ms) both, letter-wave 2.6s ease-in-out calc(1.6s + var(--i) * .12s) infinite}.welcome-sub{background:linear-gradient(var(--violet-light), var(--violet));border:2px solid var(--gold);box-shadow:0 4px 0 var(--violet-dark);color:var(--gold-light);letter-spacing:.24em;text-transform:uppercase;border-radius:999px;padding:6px 18px;font-size:clamp(.8rem,2.6vw,1.05rem);font-weight:800;transform:rotate(-2deg)}.awake .welcome-sub{animation:.5s cubic-bezier(.2,1.4,.4,1) 1.1s backwards rise}.welcome-stage{flex:1;width:min(620px,100%);min-height:220px;position:relative}.welcome-hero,.welcome-hero canvas,.welcome-floaters{position:absolute;inset:0}.floater{filter:drop-shadow(0 4px 6px #00000059);place-items:center;transition:opacity .8s;animation:3.4s ease-in-out infinite float;display:grid;position:absolute}.welcome-screen:not(.awake) .floater{opacity:.35}.floater-star{color:var(--gold)}.floater-magic{color:var(--teal)}.welcome-zzz{pointer-events:none;position:absolute;top:44%;left:54%}.welcome-zzz span{font-family:var(--font-display);color:#c9d2ff;text-shadow:0 2px #0006;font-weight:900;animation:3s ease-in infinite backwards snooze;position:absolute}.welcome-zzz span:first-child{font-size:1.4rem}.welcome-zzz span:nth-child(2){font-size:1.9rem;animation-delay:1s;top:-26px;left:16px}.welcome-zzz span:nth-child(3){font-size:2.5rem;animation-delay:2s;top:-58px;left:34px}.welcome-burst{pointer-events:none;position:absolute;top:58%;left:50%}.burst-ring{border:6px solid var(--gold-light);width:120px;height:120px;box-shadow:0 0 30px var(--gold);opacity:0;border-radius:50%;animation:.9s ease-out ring-out;position:absolute;top:-60px;left:-60px}.burst-star{color:var(--gold-light);opacity:0;animation:1.2s cubic-bezier(.15,.7,.3,1) burst;position:absolute;top:-13px;left:-13px}.burst-star:nth-child(3n){color:var(--teal)}.burst-star:nth-child(3n+1){color:var(--rose)}.welcome-action{place-items:center;min-height:92px;display:grid}.wake-hint{border:2px solid var(--panel-line);color:var(--gold-light);background:#090b2299;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:clamp(1.15rem,4.5vw,1.6rem);font-weight:800;animation:1.6s ease-in-out infinite hint-pulse;display:inline-flex}.wake-hint .icon{color:var(--teal);animation:1.6s ease-in-out infinite wiggle}.btn-enter{letter-spacing:.04em;min-height:76px;box-shadow:0 6px 0 var(--gold-dark), inset 0 2px 0 #fff9;border-radius:999px;padding:14px 48px;font-size:clamp(1.6rem,6vw,2.2rem);animation:.5s cubic-bezier(.2,1.4,.4,1) rise;position:relative}.btn-enter:after{content:"";border-radius:inherit;pointer-events:none;animation:1.8s ease-out .5s infinite halo;position:absolute;inset:-4px}.btn-enter .icon{animation:1.2s ease-in-out infinite wiggle}.screen.welcome-screen>.welcome-wake{z-index:3;width:100%;height:100%;position:absolute;inset:0}.welcome-wake:focus-visible{outline-offset:-8px}@keyframes flash{0%{opacity:1}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}@keyframes letter-drop{0%{opacity:0;transform:translateY(-120%)scale(.4)rotate(-20deg)}}@keyframes letter-wave{0%,60%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-14%)rotate(-6deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-14px)rotate(8deg)}}@keyframes snooze{0%{opacity:0;transform:translate(0)rotate(-10deg)}20%{opacity:1}to{opacity:0;transform:translate(40px,-90px)rotate(12deg)}}@keyframes ring-out{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(4)}}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.3)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-190px) scale(1.1) rotate(180deg)}}@keyframes hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes wiggle{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes halo{0%{box-shadow:0 0 #f5c04a99}to{box-shadow:0 0 0 22px #f5c04a00}}@media (height<=520px){.welcome-stage{min-height:140px}.welcome-name{font-size:2.4rem}.welcome-action{min-height:80px}}@media (width<=720px){.screen{padding-inline:12px}.levels-layout,.shop-layout{grid-template-columns:1fr;overflow:auto}.play-screen{grid-template-rows:auto minmax(200px,1fr) auto auto;grid-template-columns:1fr}.level-title,.brand-name{font-size:1.25rem}.brand-sub,.btn-shop span{display:none}.btn-icon{width:44px;height:44px}.cmd{width:52px;height:52px}.slots{grid-template-columns:repeat(6,1fr);gap:6px;min-height:0;padding:8px}.slot .icon,.slot svg{width:26px;height:26px}.level-grid{gap:8px}.shop-tabs .tab{border-radius:10px;flex-direction:column;flex-basis:64px;gap:2px;font-size:.72rem}.preview-canvas{min-height:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}