:root{--bg:#07110d;--panel:#0a1812e0;--line:#bee6c82e;--text:#e8f3ea;--muted:#9bb5a3;--fire:#ff7a1f;--water:#29b6ff;--gold:#f2c35b;--danger:#ff5a5a;--ok:#5ee08a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app,#app canvas{touch-action:none;position:fixed;inset:0}#ui{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:fixed;inset:0}#ui>*{pointer-events:auto}.stats{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:var(--muted);white-space:pre;background:#00000059;border-radius:8px;padding:6px 9px;font:12px/1.45 ui-monospace,Cascadia Mono,Menlo,monospace;position:absolute;pointer-events:none!important}.toolbar{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}button,.btn{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#142c21e6;border-radius:12px;min-height:44px;padding:10px 14px;font-size:15px;font-weight:600;transition:transform 80ms,background .15s}button:active{transform:scale(.95)}button.primary{background:linear-gradient(135deg, var(--fire), #e0461b);border-color:#0000}button.secondary{background:linear-gradient(135deg, var(--water), #1478d4);border-color:#0000}button:disabled{opacity:.5}.overlay{-webkit-backdrop-filter:blur(3px);background:#03080699;place-items:center;display:grid;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;gap:12px;width:min(440px,92vw);max-height:90vh;padding:18px;display:grid;overflow:auto}.panel h1,.panel h2{margin:0}.panel h1{font-size:26px}.panel h1 .hot{color:var(--fire)}.panel h1 .cool{color:var(--water)}.panel h2{font-size:19px}.panel p{color:var(--muted);margin:0;font-size:14px}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.code{letter-spacing:.25em;color:var(--gold);padding:6px 0;font:700 40px/1 ui-monospace,Menlo,monospace}input.code-input{letter-spacing:.3em;text-transform:uppercase;text-align:center;border:1px solid var(--line);width:9ch;color:var(--text);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:12px;padding:8px;font:700 26px/1 ui-monospace,Menlo,monospace}.status{color:var(--muted);min-height:1.4em;font-size:14px}.status.ok{color:var(--ok)}.net-badge{bottom:max(10px, env(safe-area-inset-bottom));background:#00000073;border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.hidden{display:none!important}.panel h1+h2{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:15px}.panel p.small,.lab-readout .small{opacity:.75;font-size:12px}.lab-hud{top:max(8px, env(safe-area-inset-top));gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-btn{-webkit-backdrop-filter:blur(4px);background:#0a1812b3;min-height:36px;padding:6px 12px;font-size:14px}.hud-btn.hot{color:#ffb02e;border-color:#ff6a1a80}.hud-btn.cool{color:#7adfff;border-color:#1fa3ff80}.lab-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border-left:1px solid var(--line);width:min(380px,56vw);padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) 12px;-webkit-user-select:none;user-select:none;background:#07100deb;font-size:14px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.lab-panel header{justify-content:space-between;align-items:center;display:flex}.lab-panel h2{color:var(--gold);margin:0;font-size:18px}.lab-panel button.icon{min-height:36px;padding:4px 12px}.lab-actions{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;display:grid}.lab-actions button{min-height:38px;padding:6px 8px;font-size:13px}.lab-copied{color:var(--ok);margin-bottom:8px;font-size:13px}.lab-copied textarea{width:100%;height:120px;color:var(--text);-webkit-user-select:text;user-select:text;background:#000;font-size:11px}.lab-readout{border:1px solid var(--line);background:#00000059;border-radius:10px;margin-bottom:8px;padding:8px 10px;font-size:13px;line-height:1.5}.lab-readout ul{margin:6px 0 4px;padding:0;list-style:none}.lab-readout li.bad{color:var(--danger);font-weight:600}.lab-readout p{margin:4px 0 0}.lab-panel details{border-top:1px solid var(--line)}.lab-panel summary{cursor:pointer;padding:10px 2px;font-size:15px;font-weight:700}.lab-group{gap:4px;padding-bottom:10px;display:grid}.lab-row{background:#ffffff08;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:6px 8px;display:grid}.lab-row.changed{background:#e3b04b1f}.lab-row.slider input{width:100%;accent-color:var(--gold);grid-column:1/-1;height:26px}.lab-row.toggle input{width:24px;height:24px;accent-color:var(--gold)}.lab-label small{color:var(--muted);font-size:11px;font-weight:400;display:block}.lab-row output{color:var(--muted);font:600 13px ui-monospace,Menlo,monospace}.lab-row output.changed{color:var(--gold)}.rotate-msg{text-align:center;background:var(--bg);place-items:center;font-size:20px;line-height:1.6;display:none;position:absolute;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate-msg{display:grid}}.panel a{color:var(--gold)}.panel.wide{width:min(640px,94vw)}button.big{min-height:52px;font-size:17px}.status.err{color:var(--danger)}.small-row{align-items:center;gap:12px}.small-row .small{color:var(--muted);font-size:13px}input.name-input{font:inherit;text-align:center;border:1px solid var(--line);color:var(--text);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:12px;padding:10px;font-size:16px}.hud{top:max(8px, env(safe-area-inset-top));justify-content:center;display:flex;position:absolute;left:0;right:0;pointer-events:none!important}.hud>*{pointer-events:auto}.hud-info{left:max(12px, env(safe-area-inset-left));white-space:pre;pointer-events:none;background:#0006;border-radius:999px;padding:7px 12px;font:600 13px ui-monospace,Menlo,monospace;position:absolute;top:0}.net-dot{top:max(8px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:5;background:#0006;min-height:36px;padding:4px 10px;font-size:14px;position:absolute}.toast{top:calc(max(8px, env(safe-area-inset-top)) + 48px);border:1px solid var(--line);z-index:6;text-align:center;background:#0a1812eb;border-radius:999px;max-width:90vw;padding:8px 16px;font-size:14px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.duo{justify-content:center;align-items:stretch;gap:10px;display:flex}.char-card{border:2px solid var(--line);background:#0000004d;border-radius:14px;flex:1;gap:4px;padding:12px;display:grid}.char-card b{font-size:17px}.char-card span{color:var(--muted);font-size:13px}.char-card.hot b{color:#ffb02e}.char-card.cool b{color:#7adfff}.char-card.me.hot{border-color:#ff6a1a;box-shadow:0 0 18px #ff6a1a59}.char-card.me.cool{border-color:#1fa3ff;box-shadow:0 0 18px #1fa3ff59}.char-card.me span{color:var(--text);font-weight:600}.levels{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.level{gap:2px;min-height:70px;padding:8px 4px;font-size:12px;line-height:1.2;display:grid}.level b{color:var(--gold);font-size:20px}.level small{color:var(--gold);letter-spacing:.05em;font-size:11px}.level.picked{border-color:var(--gold);background:#e3b04b2e}.level:disabled{opacity:.4}.stars{justify-content:center;gap:10px;font-size:52px;line-height:1;display:flex}.star{color:#2e3d39;animation:.4s ease-out forwards star-pop;transform:scale(.6)}.star.on{color:#e3b04b;text-shadow:0 0 18px #e3b04bb3}@keyframes star-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.result-row{flex-wrap:wrap;justify-content:center;gap:18px;font-size:16px;display:flex}.result-row small{color:var(--muted);font-size:12px}button.chosen{outline:3px solid var(--gold);outline-offset:2px}.hold-btn{--p:0;filter:brightness(calc(1 + var(--p) * .5));touch-action:none;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.hold-ring{background:conic-gradient(var(--gold) calc(var(--p) * 360deg), #ffffff26 0);border-radius:50%;width:26px;height:26px;-webkit-mask:radial-gradient(circle,#0000 7px,#000 8px);mask:radial-gradient(circle,#0000 7px,#000 8px)}.hold-btn.holding{animation:90ms linear infinite hold-shake}.hold-btn.pop{animation:.25s ease-out hold-pop}@keyframes hold-shake{0%,to{transform:translate(0)}25%{transform:translateX(calc(var(--p) * -2px))}75%{transform:translateX(calc(var(--p) * 2px))}}@keyframes hold-pop{50%{transform:scale(1.12)}}.spinner{border:3px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;margin:4px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel h2 small{color:var(--muted);font-size:12px;font-weight:400}@media (height<=430px){.panel{gap:8px;max-height:94vh;padding:12px 14px}.panel h1{font-size:22px}.panel h2{font-size:16px}button.big{min-height:44px;font-size:15px}button{min-height:40px;padding:8px 12px}.char-card{padding:7px 10px}.level{min-height:54px;padding:5px 3px}.level b{font-size:17px}.stars{font-size:40px}.code{padding:0;font-size:32px}}.map-panel{width:min(760px,96vw)}.map-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.map-head h2{margin:0}.map-head .small{color:var(--muted);font-size:12px}.map-chapter{text-align:center;letter-spacing:.04em;color:var(--gold);margin:8px 0 4px;font-size:13px;font-weight:600}.temple-map{border:1px solid var(--line);background:radial-gradient(at 50% 120%,#e3b04b1f,#0000 60%),repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 28px),repeating-linear-gradient(90deg,#0003 0 2px,#0000 2px 56px),linear-gradient(#13201d,#0a1412);border-radius:14px;height:clamp(150px,36vh,230px);position:relative;overflow:hidden}.temple-map svg{width:100%;height:100%;position:absolute;inset:0}.temple-map path{fill:none;stroke:#e3b04b73;stroke-width:3px;stroke-dasharray:2 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.map-node{background:radial-gradient(circle at 35% 30%,#4a5a55,#26332f 70%);border:2px solid #55695f;border-radius:50%;align-content:center;place-items:center;gap:0;width:64px;height:64px;min-height:0;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000080}.map-node b{color:var(--gold);font-size:20px;line-height:1}.map-node small{color:var(--gold);letter-spacing:.04em;font-size:10px;line-height:1.2}.map-name{white-space:nowrap;color:var(--text);text-shadow:0 1px 3px #000;margin-top:3px;font-size:11px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}.map-node.done{border-color:#e3b04b}.map-node.picked{border-color:#f1e6c8;animation:1.6s ease-in-out infinite node-pulse;box-shadow:0 0 0 4px #e3b04b59,0 0 22px #e3b04b80}.map-node:disabled{opacity:.45}@keyframes node-pulse{50%{box-shadow:0 0 0 7px #e3b04b33,0 0 28px #e3b04b99}}@media (height<=430px){.temple-map{height:150px}.map-node{width:54px;height:54px}.map-node b{font-size:17px}}.map-node small .on{color:#e3b04b}.map-node small .off{color:#ffffff2e}.fs-btn{top:max(8px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:5;position:absolute}.status.ok{color:var(--ok);font-weight:600}button.danger{background:var(--danger);border-color:#0000}.c-fire{color:#ffb02e}.c-water{color:#7adfff}.designer .lvl-list{text-align:left;touch-action:pan-y;gap:8px;max-height:46vh;display:grid;overflow-y:auto}.lvl-item{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.lvl-thumb{width:96px;height:54px;image-rendering:pixelated;border-radius:6px;display:block}.lvl-info{gap:2px;min-width:0;display:grid}.lvl-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lvl-info small{color:var(--muted);font-size:12px}.lvl-acts{gap:6px;display:flex}.lvl-acts button{min-height:40px;padding:6px 10px;font-size:14px}.lvl-preview{aspect-ratio:16/9;max-width:100%;height:min(216px,38vh);image-rendering:pixelated;border:1px solid var(--line);border-radius:8px;justify-self:center}@media (width<=560px){.lvl-item{grid-template-columns:auto 1fr}.lvl-acts{grid-column:1/-1;justify-content:flex-end}}.tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tabs button{background:#00000040;min-height:38px;padding:6px 12px;font-size:14px}.tabs button.on{color:var(--gold);background:#e3b04b33;border-color:#e3b04bb3}.mine-list,.mine-empty{border:1px solid var(--line);background:linear-gradient(#13201d,#0a1412);border-radius:14px;height:clamp(150px,36vh,230px)}.mine-empty{place-items:center;padding:16px;display:grid}.mine-list{touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:8px;padding:8px;display:grid;overflow-y:auto}.mine-card{text-align:left;gap:3px;min-height:0;padding:6px;display:grid}.mine-card img{aspect-ratio:16/9;width:100%;image-rendering:pixelated;border-radius:5px}.mine-card b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mine-card small{color:var(--muted);font-size:11px;font-weight:500}.mine-card.picked{border-color:#f1e6c8;box-shadow:0 0 0 3px #e3b04b66}@media (height<=430px){.mine-list,.mine-empty{height:150px}}.editor{position:absolute;inset:0;pointer-events:none!important}.editor>*,.editor .ed-bar>*{pointer-events:auto}.ed-bar{top:max(6px, env(safe-area-inset-top));bottom:max(6px, env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;flex-direction:column;gap:4px;width:58px;display:flex;position:absolute;overflow-y:auto}.ed-bar::-webkit-scrollbar{display:none}.ed-left{left:max(6px, env(safe-area-inset-left))}.ed-right{right:max(6px, env(safe-area-inset-right));justify-content:center}.ed-bar hr{border:0;border-top:1px solid var(--line);flex:none;width:70%;margin:2px auto}.ed-btn{background:#0a1812d9;flex:none;place-items:center;gap:0;min-height:44px;padding:2px 0;font-size:18px;line-height:1.1;display:grid}.ed-btn small{color:var(--muted);letter-spacing:.02em;font-size:9px;font-weight:600}.ed-btn.on{border-color:var(--gold);background:#3c3214e6;box-shadow:inset 0 0 0 2px #e3b04b99}.ed-btn.on small{color:var(--gold)}.ed-btn.primary small{color:#fff}.ed-btn:disabled{opacity:.35}.ed-check.bad{color:var(--danger);border-color:#ff5a5a99}.ed-check.meh{color:#ffd24a}.ed-check.good{color:var(--ok)}.ed-btn .rune{color:var(--gold);font-size:20px}.ed-btn .door{font-size:22px;font-weight:900}.sw{border-radius:3px;width:20px;height:16px;display:block}.sw-stone{background:#55695f;box-shadow:inset 0 -3px #2e3d39}.sw-lava{background:linear-gradient(#ffb02e,#ff4d0a)}.sw-water{background:linear-gradient(#7adfff,#1478d4)}.sw-poison{background:linear-gradient(#d07bff,#7a1fc0)}.ed-title{top:max(6px, env(safe-area-inset-top));text-overflow:ellipsis;white-space:nowrap;opacity:.85;max-width:50vw;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.ed-try{top:max(8px, env(safe-area-inset-top));gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.editor.trying .ed-bar,.editor.trying .ed-title{display:none}.ed-pop{pointer-events:auto}.ed-issues{text-align:left;gap:6px;max-height:50vh;margin:0;padding:0;font-size:14px;list-style:none;display:grid;overflow-y:auto}.ed-issues li{background:#ffffff0a;border-radius:8px;padding:6px 8px}.ed-issues li.bad{color:#ffb0b0}.ed-issues li.meh{color:#ffe39a}.ed-issues li.good{color:var(--ok)}