:root{--bg: #0e1119;--bg-2: #151a26;--panel: #1b2131;--panel-2: #232b3f;--line: rgba(255, 255, 255, .08);--stone: #2b3446;--stone-hi: #3a465f;--floor: #38301f;--floor-2: #453a26;--amber: #f0b429;--amber-soft: #ffd77a;--red: #e5484d;--green: #4cc38a;--blue: #5aa2e8;--violet: #a78bfa;--text: #e7ebf3;--muted: #8b93a7;--n1: #7fb3ff;--n2: #6fd39a;--n3: #ff9b7a;--n4: #c79bff;--n5: #ffcf5c;--n6: #5fd8d8;--n7: #ff8fb3;--n8: #b8c2d6;--r: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{min-height:100%}.screen-host{min-height:100vh;padding:calc(10px + var(--safe-top)) 12px calc(78px + var(--safe-bottom));background:radial-gradient(120% 60% at 50% 0%,#1a2032 0%,var(--bg) 60%)}.screen-host.screen-in{animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}h1,h2,h3{margin:0;font-weight:800;letter-spacing:.2px}.h-title{font-size:20px}.h-sec{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:18px 0 8px}.muted{color:var(--muted)}.small{font-size:12px}.hud{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:12px;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--r)}.hud-chip{display:flex;align-items:center;gap:5px;font:700 13px/1 system-ui,sans-serif;white-space:nowrap}.hud-chip .ic{font-size:15px}.hud-spacer{flex:1}.hud-lvl{display:flex;flex-direction:column;gap:3px;min-width:74px}.hud-bar{height:4px;border-radius:99px;background:#ffffff1a;overflow:hidden}.hud-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--amber-soft),var(--amber))}.torch-timer{color:var(--muted);font-weight:600;font-size:11px}.card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px}.card.locked{opacity:.55}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.col{display:flex;flex-direction:column;gap:2px;min-width:0}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font:700 11px/1 system-ui,sans-serif;padding:4px 7px;border-radius:99px;background:#ffffff12;color:var(--muted)}.badge.on{background:#f0b42929;color:var(--amber-soft)}.stars{letter-spacing:2px;font-size:13px}.stars .off{opacity:.22}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:10px;padding:11px 16px;font:700 14px/1 system-ui,sans-serif;background:var(--panel-2);color:var(--text);cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-primary{background:linear-gradient(180deg,var(--amber-soft),var(--amber));color:#241a03;border-color:transparent}.btn-danger{background:#e5484d29;color:#ff9ea1;border-color:#e5484d4d}.btn-ghost{background:transparent}.btn-sm{padding:8px 12px;font-size:13px}.btn-wide{width:100%}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:6px 8px calc(6px + var(--safe-bottom));background:#0e1119eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font:600 11px/1 system-ui,sans-serif;cursor:pointer}.nav button .ic{font-size:19px}.nav button.on{color:var(--amber)}.zone-head{display:flex;align-items:baseline;gap:8px;margin:16px 2px 8px}.zone-head .n{font:800 13px/1 system-ui,sans-serif;color:var(--amber)}.zone-head .t{font:600 12px/1 system-ui,sans-serif;color:var(--muted)}.exp{display:flex;align-items:center;gap:12px}.exp-no{width:40px;height:40px;flex:none;border-radius:10px;display:grid;place-items:center;font:800 15px/1 system-ui,sans-serif;background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}.exp-no.done{background:#f0b42926;color:var(--amber);border-color:#f0b4294d}.exp-meta{display:flex;gap:10px;font:600 11px/1 system-ui,sans-serif;color:var(--muted);margin-top:4px}.resume{border-color:#f0b42959;background:linear-gradient(180deg,#2a2416,var(--bg-2))}.run-host{padding-bottom:calc(12px + var(--safe-bottom))}.run-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;border-radius:var(--r);background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line)}.hearts{letter-spacing:1px;font-size:15px}.hearts .off{opacity:.2}.grid{display:grid;gap:3px;grid-template-columns:repeat(var(--w),1fr);touch-action:manipulation;-webkit-user-select:none;user-select:none}.cell{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:7px;border:1px solid transparent;font:800 clamp(13px,4.4vw,20px)/1 system-ui,sans-serif;background:var(--stone);box-shadow:inset 0 -2px #00000047,inset 0 1px #ffffff0d;cursor:pointer}.cell.scoutable{background:var(--stone-hi);border-color:#f0b42938}.cell.open{background:linear-gradient(180deg,var(--floor-2),var(--floor));box-shadow:inset 0 0 12px #f0b42912;cursor:default}.cell.open.walkable{cursor:pointer}.cell.open.walkable:after{content:"";position:absolute;inset:auto auto 3px 50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#f0b42973}.cell.hazard{background:linear-gradient(180deg,#4a1f22,#331416)}.cell.defused{background:linear-gradient(180deg,#2f3a2c,#24301f)}.cell.hero{outline:2px solid var(--amber);outline-offset:-2px}.cell.flag{background:linear-gradient(180deg,#3a3550,var(--stone))}.cell.exit{box-shadow:inset 0 0 0 2px #4cc38a80}.cell.exit.shut{box-shadow:inset 0 0 0 2px #e5484d73}.cell.picked{opacity:.55}.cell.hit{animation:hit-flash .4s ease}@keyframes hit-flash{0%{transform:scale(1.12);filter:brightness(2)}to{transform:none}}.n1{color:var(--n1)}.n2{color:var(--n2)}.n3{color:var(--n3)}.n4{color:var(--n4)}.n5{color:var(--n5)}.n6{color:var(--n6)}.n7{color:var(--n7)}.n8{color:var(--n8)}.run-tools{display:flex;gap:8px;margin-top:12px}.tool{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:700 11px/1 system-ui,sans-serif;cursor:pointer}.tool .ic{font-size:18px}.tool.on{border-color:var(--amber);background:#f0b42924;color:var(--amber-soft)}.tool[disabled]{opacity:.4;pointer-events:none}.run-hint{margin-top:10px;padding:9px 11px;border-radius:10px;background:#5aa2e81a;border:1px solid rgba(90,162,232,.22);font:600 12px/1.4 system-ui,sans-serif;color:#bfd9f5}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#06080db8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet-card{width:100%;max-width:520px;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + var(--safe-bottom));animation:sheet-up .22s cubic-bezier(.2,.8,.3,1) both}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.sheet-title{font:800 18px/1.2 system-ui,sans-serif;margin-bottom:4px}.sheet-actions{display:flex;gap:8px;margin-top:16px}.sheet-actions .btn{flex:1}.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted)}.kv .v{font-weight:700}.star-row{display:flex;flex-direction:column;gap:6px;margin:12px 0}.star-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.star-line.got{color:var(--text)}#toast-host{position:fixed;left:0;right:0;bottom:calc(96px + var(--safe-bottom));z-index:90;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{max-width:86%;padding:9px 14px;border-radius:99px;background:#1e2434f5;border:1px solid var(--line);font:600 13px/1.3 system-ui,sans-serif;color:var(--text);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.toast.toast-in{opacity:1;transform:none}.toast-ok{border-color:#4cc38a66}.toast-warn{border-color:#e5484d73}#net-banner{position:fixed;top:0;left:0;right:0;z-index:95;padding:calc(6px + var(--safe-top)) 12px 6px;background:#e5484deb;color:#fff;font:700 12px/1.3 system-ui,sans-serif;text-align:center;transform:translateY(-100%);transition:transform .25s ease}#net-banner.on{transform:none}.block-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:var(--bg)}.block-card{max-width:320px;text-align:center;display:flex;flex-direction:column;gap:12px}.block-title{font:800 18px/1.2 system-ui,sans-serif}.block-text{font:500 13px/1.5 system-ui,sans-serif;color:var(--muted)}.switch{display:flex;align-items:center;gap:8px;cursor:pointer}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:23px;border-radius:99px;background:var(--panel-2);border:1px solid var(--line);position:relative;transition:background .15s ease}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.switch input:checked{background:#f0b4294d}.switch input:checked:after{transform:translate(17px);background:var(--amber)}.list-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.avatar{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:21px;background:var(--panel-2);border:1px solid var(--line)}.spr{width:78%;height:78%;object-fit:contain;pointer-events:none}.cell.hero .spr{width:92%;height:92%}