:root{--bg: #14121f;--ink: #f3efe6;--dim: #b9b2c8;--gold: #ffcc4d;--mint: #7ff0c8;--card: #221d33;--line: #3a3352;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,.lvl:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#app{position:fixed;inset:0;display:flex;flex-direction:column}#play{position:absolute;inset:0;display:flex;flex-direction:column;visibility:hidden}#play.on{visibility:visible}#hud{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:calc(6px + env(safe-area-inset-top)) 56px 6px 12px;background:#14121feb;border-bottom:1px solid var(--line);font-weight:700;font-size:15px;min-height:44px}#hudLevel{flex-basis:100%;font-size:12px;color:var(--dim);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hudItems{font-size:14px;letter-spacing:1px}#hudGoal{color:var(--mint)}#pauseBtn{position:absolute;right:8px;top:calc(6px + env(safe-area-inset-top));width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-size:14px}#bossBar{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:12px}#bossBar div{flex:1;height:10px;border-radius:6px;background:#3a1f2a;overflow:hidden}#bossBar i{display:block;height:100%;background:linear-gradient(90deg,#ff4f2e,#ffb05a);transition:width .3s}#stage{position:relative;flex:1;min-height:0}#stage canvas{display:block}#banner{position:absolute;left:50%;top:96px;transform:translate(-50%,-20px);max-width:min(92vw,520px);padding:10px 16px;border-radius:14px;background:#14121fe6;border:2px solid var(--mint);font-weight:700;text-align:center;opacity:0;transition:.25s;pointer-events:none;z-index:6}#banner.on{opacity:1;transform:translate(-50%)}#controls{display:none}body.touch #controls{display:flex;position:relative;height:32vh;min-height:170px;max-height:260px;background:linear-gradient(#1a1628,#120f1c);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);touch-action:none;user-select:none;-webkit-user-select:none}#joyzone{position:relative;flex:1.3;touch-action:none}#joyzone .hint{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:12px;color:#6f6888;pointer-events:none}#joybase{position:absolute;left:30%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid #4a4266;background:#ffffff0a}#joybase.on{border-color:var(--gold)}#joyknob{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;background:#4a4266;box-shadow:0 4px #2b2540}#joybase.on #joyknob{background:var(--gold)}#btns{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;touch-action:none}#btnSeed{width:108px;height:108px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#ffe07a,#f0a020);color:#2a1a00;font-weight:900;font-size:13px;box-shadow:0 6px #a86a10,0 10px 24px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}#btnSeed b{font-size:34px;line-height:1}#btnAct{width:64px;height:64px;border-radius:50%;border:0;background:#3a9a8a;font-weight:900;font-size:12px;box-shadow:0 5px #24584f;visibility:hidden;touch-action:none}#btnAct.show{visibility:visible}#btnSeed.down,#btnAct.down{transform:translateY(4px);box-shadow:0 2px #a86a10}@media(orientation:landscape){body.touch #controls{position:absolute;left:0;right:0;bottom:0;height:100%;max-height:none;background:none;border:0;pointer-events:none}body.touch #joyzone{pointer-events:auto;flex:0 0 42%}body.touch #btns{pointer-events:auto;flex:0 0 auto;margin-left:auto;padding:0 24px;align-self:flex-end;height:60%}body.touch #joyzone{align-self:flex-end;height:70%}#joyzone .hint{display:none}#btnSeed{opacity:.85}}.overlay{position:absolute;inset:0;z-index:20;display:none;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top)) 16px 24px}.overlay.on{display:block}#intro,#pause,#result{background:#0a0812b8;backdrop-filter:blur(3px)}#intro.on,#pause.on,#result.on{display:grid;place-items:center}.card{width:min(100%,420px);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;text-align:center;box-shadow:0 20px 60px #00000080}.card h2{margin:4px 0 10px;font-size:26px}.kicker{margin:0;color:var(--gold);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:13px}.tip{color:var(--mint);font-size:14px}.stars{font-size:40px;color:var(--gold);margin:0;letter-spacing:4px}.row{display:flex;gap:10px;margin-top:16px}.row button{flex:1}.col{display:flex;flex-direction:column;gap:10px;margin-top:14px}.card button{padding:14px;border-radius:14px;border:1px solid var(--line);background:#2d2742;font-weight:800;font-size:17px}.card button.primary{background:var(--gold);color:#2a1a00;border-color:var(--gold);box-shadow:0 4px #a86a10}#menu{background:radial-gradient(120% 70% at 50% 0%,#2c2547,var(--bg))}#menu header{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto}#menu .home{color:var(--dim);text-decoration:none;font-weight:700}#menu .tools{display:flex;gap:8px}#menu .tools button{width:44px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:800}#menu h1{text-align:center;font-size:clamp(36px,10vw,64px);margin:18px 0 4px;letter-spacing:.02em;line-height:1}#menu h1 em{font-style:normal;color:var(--gold)}#menu .sub{text-align:center;color:var(--dim);max-width:520px;margin:8px auto 18px}#levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-width:900px;margin:0 auto}.lvl{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:92px;padding:10px 12px;border-radius:16px;border:2px solid rgba(255,255,255,.08);text-align:left;color:#fff;box-shadow:0 4px #00000059}.lvl .n{font-size:26px;font-weight:900;line-height:1}.lvl .t{font-size:13px;font-weight:700;opacity:.95}.lvl .s{margin-top:auto;color:var(--gold);letter-spacing:2px;text-shadow:0 1px 0 #0006}.lvl.meadow{background:linear-gradient(135deg,#4f9a4a,#2f6b3a)}.lvl.marsh{background:linear-gradient(135deg,#3f8a7a,#24584f)}.lvl.cave{background:linear-gradient(135deg,#6f7680,#3a3f48)}.lvl.ember{background:linear-gradient(135deg,#9a5a40,#3d2420)}.lvl.boss{border-color:#ffcc4d99}.lvl:disabled{filter:grayscale(.8) brightness(.55);cursor:default}.keys{text-align:center;color:#7d7697;font-size:13px;max-width:640px;margin:18px auto 0}body.touch .desk{display:none}#loading{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:var(--gold);background:var(--bg);z-index:50}