@keyframes pulse{50%{transform:translateX(-50%) scale(1.05)}}:root{--bg:#0c0907;--panel:#1a130e;--ink:#f4e9d8;--mut:#a8957c;--acc:#ffa64d;--gold:#ffd75e;--red:#ff5f4d;--green:#9ee27a;--line:rgba(255,200,150,.14);--font:ui-rounded,"Segoe UI",Roboto,system-ui,sans-serif;--mono:"JetBrains Mono","Cascadia Mono","Fira Code",Menlo,Consolas,"DejaVu Sans Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer}button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}kbd{font-family:var(--mono);font-size:.78em;color:var(--mut);border:1px solid var(--line);border-radius:5px;padding:1px 5px;margin-right:5px;white-space:nowrap}.hidden{display:none!important}#app{position:fixed;inset:0;display:flex;flex-direction:column}#hud,.stat{display:flex;align-items:center}#hud{gap:8px 16px;flex-wrap:wrap;padding:8px 12px;background:linear-gradient(180deg,#241a13,#140e0a);border-bottom:1px solid var(--line);font-size:13px;z-index:2}.stat{gap:6px;white-space:nowrap}.lbl{color:var(--mut);font-size:11px;font-weight:600}.bar{position:relative;width:120px;height:16px;border-radius:8px;background:#2a1e17;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.bar b,.bar i{position:absolute}.bar i{left:0;top:0;bottom:0;width:100%;background:linear-gradient(180deg,#ff8f6a,#d9402a);transition:width .18s}.bar.xp i{background:linear-gradient(180deg,#ffd98a,#e08a2a)}.bar b{inset:0;text-align:center;font-size:10.5px;line-height:16px;font-weight:700;text-shadow:0 1px 2px #000}.num{font-weight:800;font-family:var(--mono)}.gold{color:var(--gold)}.chip{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.07);margin-right:4px}.chip.bad{color:var(--red)}.chip.good{color:var(--green)}.chip.warn{color:#ffb060}#view,.spacer{flex:1}.hbtn{padding:5px 11px;border-radius:8px;background:rgba(255,255,255,.07);font-weight:700;font-size:12px}.hbtn:hover{background:rgba(255,255,255,.12)}.hbtn .short{display:none}#view{position:relative;min-height:0}#log,canvas{position:absolute}canvas{display:block;inset:0;touch-action:none}#log{left:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:min(560px,calc(100% - 20px));padding:8px 12px;border-radius:10px;background:rgba(12,9,7,.72);backdrop-filter:blur(6px);font-size:13px;line-height:1.35;pointer-events:none}#log:empty{display:none}#log div{opacity:.5}#log div:last-child{opacity:1}#log .good{color:var(--green)}#log .bad{color:var(--red)}#log .gold{color:var(--gold)}#log .info{color:var(--acc)}#log .warn{color:#ffb060}#stairsBtn{position:absolute;left:50%;top:14px;transform:translateX(-50%);padding:9px 18px;border-radius:999px;background:linear-gradient(180deg,#ffe9a3,var(--gold));color:#2a1a00;font-weight:800;box-shadow:0 8px 24px -8px rgba(255,215,94,.8);animation:pulse 1.4s infinite}#dpad{position:absolute;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:6px;touch-action:none}#dpad button{border-radius:14px;background:rgba(44,30,22,.78);border:1px solid var(--line);font-size:22px;color:var(--ink);backdrop-filter:blur(4px)}#dpad button:active{background:rgba(255,166,77,.35)}@media (pointer:coarse){#dpad{display:grid}}body.touch #dpad{display:grid}body.touch #log{max-width:calc(100% - 200px)}@media (max-width:600px){#hud,#log{font-size:12px}#hud{gap:5px 10px;padding:6px 8px}.hbtn .full,.hbtn kbd{display:none}.hbtn .short{display:inline}.hbtn{padding:4px 9px}.lbl{font-size:10px}.bar{width:84px}#log{max-width:calc(100% - 200px)}}@media (prefers-reduced-motion:reduce){#stairsBtn{animation:none}}.overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:22px;background:radial-gradient(70% 55%at 50% 35%,rgba(46,30,18,.74),rgba(12,9,7,.94));overflow:auto}.overlay>:first-child{margin-top:auto}.overlay>:last-child{margin-bottom:auto}.overlay.top{justify-content:flex-start;padding-top:max(22px,4vh)}.overlay.top>:first-child{margin-top:0}.overlay.top>:last-child{margin-bottom:0}.logo{font-size:clamp(44px,11vw,84px);font-weight:900;letter-spacing:-.02em;line-height:.95;background:linear-gradient(180deg,#fff 30%,var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,166,77,.3))}.logo small{display:block;font-size:.2em;font-weight:700;letter-spacing:.5em;-webkit-text-fill-color:var(--mut);margin-top:8px;text-indent:.5em}.cls span,.logo small,.tag{color:var(--mut)}.tag{font-size:15px;max-width:440px;line-height:1.4}.classes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:720px}.cls{width:214px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:2px solid transparent;text-align:left;transition:.15s}.cls b{display:block;font-size:17px;margin-bottom:4px}.cls span{display:block;font-size:12.5px;line-height:1.35}.cls.sel{border-color:var(--acc);background:rgba(255,166,77,.1)}.primary{font-weight:800;font-size:17px;color:#2a1400;border-radius:999px;padding:14px 40px;background:linear-gradient(180deg,#ffdcae,var(--acc));box-shadow:0 10px 26px -10px rgba(255,166,77,.7),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .08s}.primary:active{transform:translateY(2px)}.hint,.panel h3,.panel p{font-size:12.5px;color:var(--mut)}.hint,.panel p{line-height:1.5}.big{font-size:clamp(26px,7vw,44px);font-weight:900}.big.red{color:var(--red)}.big.gold{color:var(--gold)}.panel{width:min(640px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;text-align:left;box-shadow:0 30px 60px -30px #000}.panel h2{font-size:18px;margin-bottom:10px;justify-content:space-between;gap:10px}.panel h3{margin:14px 0 6px;font-weight:600}.panel p{font-size:13.5px;line-height:1.45}.panel h2,.row,.row .btns{display:flex;align-items:center}.row{gap:10px;padding:7px 6px;border-radius:10px;flex-wrap:wrap}.row .btns{gap:6px;margin-left:auto}.row:nth-child(even){background:rgba(255,255,255,.03)}.row .g{font-family:var(--mono);font-weight:800;font-size:20px;width:26px;text-align:center;flex:none}.row .t{flex:1 1 150px;min-width:0}.row .t b{display:block;font-size:14px}.row .k,.row .t small{color:var(--mut);font-size:12px}.row .k{font-family:var(--mono);font-size:11px;width:16px;flex:none}.sbtn{padding:6px 10px;border-radius:8px;background:rgba(255,166,77,.14);color:#ffe0b8;font-weight:700;font-size:12px;white-space:nowrap}.sbtn.dim{background:rgba(255,255,255,.06);color:var(--mut)}.sbtn:disabled{opacity:.35;cursor:default}.close{padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.08);font-size:13px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(480px,100%)}.stats div{background:rgba(255,255,255,.05);border-radius:12px;padding:10px}.stats .lbl{display:block;margin-bottom:4px}.legend span,.stats .v{font-size:22px;font-weight:800;font-family:var(--mono)}.help{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13.5px}.help div{padding:6px 0;border-bottom:1px solid var(--line)}@media (max-width:560px){.help{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}.empty{color:var(--mut);font-size:13px;padding:8px 6px}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.legend span{font-size:16px;margin-right:4px}