:root{--ink:#1b1726;--panel:#252f45;--panel-2:#2f3b57;--panel-3:#3a4868;--edge:#0f1220;--text:#f4efe2;--muted:#a9b4cc;--gold:#ffcf4a;--red:#ff5a5a;--green:#7dff8a;--accent:#ff8a3d;--sky:#58b7ff;--purple:#c77dff;--pixel:"Silkscreen", ui-monospace, monospace;--body:"Pixelify Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--body);background:#9fd4e8;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none}#view{width:100vw;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:fixed;inset:0}.hidden{display:none!important}.small{color:var(--muted);font-size:13px;font-weight:400}button{font:inherit;color:var(--text);background:var(--panel-2);border:2px solid var(--edge);cursor:pointer;border-radius:0;padding:6px 10px;box-shadow:inset 0 -3px #00000059,inset 0 2px #ffffff1f}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 -1px #00000059}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}button.on{outline:2px solid var(--gold);outline-offset:-4px;background:#4a5a80}button.primary{background:var(--accent);color:#2a1406;font-weight:700}button.icon{padding:4px 10px;font-size:20px;line-height:1}.hud{z-index:2;pointer-events:none;position:fixed}.hud>*,.hud button,.hud .card{pointer-events:auto}#top{border-bottom:2px solid var(--edge);background:linear-gradient(#141828e6,#141828b3);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex;top:0;left:0;right:0}.stats{align-items:center;gap:14px;display:flex}.stat{font-family:var(--pixel);text-shadow:2px 2px 0 var(--edge);align-items:center;gap:6px;font-size:20px;display:flex}.stat .lbl{color:var(--muted);font-size:12px}#interest{color:var(--green);align-self:flex-end;margin-bottom:2px;font-size:12px}.ico{width:18px;height:18px;image-rendering:pixelated;display:inline-block}.ico.heart{background:conic-gradient(from 45deg, var(--red) 0 100%);clip-path:polygon(50% 100%,0 40%,0 15%,15% 0,35% 0,50% 15%,65% 0,85% 0,100% 15%,100% 40%)}.ico.coin{background:var(--gold);border:2px solid #b8860b;border-radius:50%;box-shadow:inset -3px -3px #e0a800}#lives-box.hurt{animation:.45s steps(4,end) hurt}@keyframes hurt{0%,to{color:inherit;transform:none}25%{color:var(--red);transform:translate(-3px)}75%{color:var(--red);transform:translate(3px)}}.phase{text-align:center;flex:1;min-width:0}#phase{font-family:var(--pixel);font-size:14px}#next{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.controls{gap:4px;display:flex}.controls button{font-family:var(--pixel);min-width:38px;font-size:13px}#bossbar{border:2px solid var(--edge);background:#1b1726e0;width:min(520px,56vw);padding:5px 10px 7px;top:54px;left:50%;transform:translate(-50%);box-shadow:4px 4px #0000004d}.boss-name{font-family:var(--pixel);color:#ffb3a8;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;display:flex}.boss-name:before{content:"BOSS";color:var(--ink);background:var(--red);order:-1;margin-right:auto;padding:0 4px;font-size:10px}#boss-name{margin-right:auto}#boss-armor{font-family:var(--body);color:var(--muted);font-size:12px}#boss-armor.changed{color:var(--gold)}.boss-track{border:2px solid var(--edge);background:#3a1d22;height:12px;margin-top:4px;position:relative}#boss-fill{background:linear-gradient(#ff6b5b,#c7332c);transition:width .15s linear;position:absolute;inset:0 auto 0 0}#boss-shield{background:#8fdcff;height:4px;position:absolute;top:0;left:0}#bottom{flex-direction:column;align-items:center;gap:4px;padding:6px 12px 8px;display:flex;bottom:0;left:0;right:0}#palette{justify-content:center;gap:6px;max-width:100%;display:flex}.card{text-align:left;background:var(--panel);flex:none;grid-template-columns:44px 1fr;align-items:center;column-gap:7px;width:150px;height:56px;padding:4px 6px 4px 4px;display:grid;position:relative}.card img{width:44px;height:44px;image-rendering:pixelated;border:2px solid var(--edge)}.card .info{min-width:0}.card .name{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:6px;font-size:13px;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.card .cost{font-family:var(--pixel);color:var(--gold);margin-top:3px;font-size:13px}.card .cost:before{content:"";background:var(--gold);border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.card .key{font-family:var(--pixel);color:var(--muted);font-size:10px;position:absolute;top:2px;right:4px}.card .badge:not(:empty){font-family:var(--pixel);background:var(--edge);color:var(--text);padding:0 3px;font-size:10px;position:absolute;bottom:3px;right:4px}.card.maxed .badge{color:var(--red)}.card .lock:empty{display:none}.card .lock{font-family:var(--pixel);color:var(--gold);text-shadow:1px 1px 0 var(--edge);align-items:center;gap:4px;font-size:12px;display:flex;position:absolute;bottom:6px;left:55px}.card.locked .cost,.card.locked .badge{visibility:hidden}.card.locked .name{color:var(--muted)}.card .lock:before{content:"🔒 "}.card.poor .cost{color:var(--red)}.card.poor img,.card.locked img,.card.maxed img{filter:grayscale(.8)brightness(.75)}.card.on{outline:3px solid var(--gold);outline-offset:-3px;background:#3d4b6d}.hint{color:#26324a;text-shadow:0 1px #fff6;font-size:12px}#tip{pointer-events:none;z-index:4;width:344px;padding:9px 10px 10px;position:absolute;bottom:calc(100% + 4px)}.tip-head{grid-template-columns:40px 1fr auto;align-items:center;gap:8px;display:grid}.tip-head img{width:40px;height:40px;image-rendering:pixelated;border:2px solid var(--edge)}.tip-name{font-size:16px;font-weight:700;line-height:1.1}.tip-chips{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.tip-cost{font-family:var(--pixel);color:var(--gold);align-self:start;font-size:15px}.tip-cost:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.tip-role{color:var(--text);margin:7px 0 6px;font-size:13px;line-height:1.3}.tip-lock{color:var(--gold);margin-top:6px;font-size:13px}.tip-lock.poor{color:#ffb3a8}.kind-chip,.dtype,.armor-chip,.layer-chip,.tag-chip{white-space:nowrap;border:1px solid var(--edge);background:var(--panel-3);color:var(--text);font-size:11px;line-height:1;font-family:var(--body);align-items:center;gap:4px;padding:3px 5px 2px;font-weight:600;display:inline-flex}.kind-chip i{font-style:normal;font-family:var(--pixel);color:var(--gold);font-size:11px}.dtype{color:var(--ink)}.dt-kinetic{--dt:#e3c878}.dt-explosive{--dt:#ff9a4d}.dt-energy{--dt:#62d6ff}.dt-true{--dt:#e6dcff}.dt-none{--dt:#a9b4cc}.dtype{background:var(--dt,#a9b4cc)}.armor-chip{background:#3b3448}.ar-soft{color:#ffd0b0}.ar-shelled{color:#9fe0d0}.ar-insulated{color:#ffe58a}.ar-gel{color:#e2b6ff}.layer-chip{color:var(--sky);background:#2a3550}.tag-chip{color:var(--muted);background:#2a3550}.stat-list{flex-direction:column;font-size:12.5px;display:flex}.srow{border-bottom:1px dashed #a9b4cc24;grid-template-columns:96px auto minmax(0,1fr);align-items:baseline;gap:7px;padding:2px 0;display:grid}.srow:last-child{border-bottom:0}.srow .sl{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.srow .sv{color:var(--text);white-space:nowrap;font-weight:700}.srow .sn{color:#8390ad;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.srow.live-up .sv{color:var(--green)}.srow.live-up .sv:after{content:" ▲";font-size:9px}.srow.live-down .sv{color:#ff9a8a}.srow.live-down .sv:after{content:" ▼";font-size:9px}.srow[data-key=dps] .sv,.srow[data-key=dpsBest] .sv,.srow[data-key=income] .sv{color:var(--gold)}.stat-list.compact .srow{grid-template-columns:108px auto minmax(0,1fr)}.armor-row{align-items:center;gap:3px;margin-top:6px;font-size:11px;display:grid}.armor-row:empty{display:none}.ar-label{color:var(--muted);white-space:nowrap;margin-right:2px;font-size:11px}.ar-chip{border:1px solid var(--edge);color:var(--text);white-space:nowrap;background:#39445f;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:2px;line-height:1;display:flex;overflow:hidden}.ar-chip b{font-weight:600}.ar-chip span{font-family:var(--pixel);opacity:.9;font-size:9px}.ar-chip b{letter-spacing:-.2px;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.ar-chip.strong{color:#d6ffd9;background:#2f6b3c}.ar-chip.weak{color:#ffd6d0;background:#7a2f33}.diff{text-align:left;flex-direction:column;gap:1px;margin-top:4px;font-size:12px;display:flex}.drow{grid-template-columns:12px minmax(0,92px) minmax(0,1fr);align-items:baseline;gap:4px;display:grid}.drow .da{text-align:center;font-size:9px}.drow .dl{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drow .dv{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drow .dv s{color:#8390ad;text-decoration:none}.drow .dv b{font-weight:700}.drow.good .da,.drow.good .dv b{color:var(--green)}.drow.bad .da,.drow.bad .dv b,.drow.gone .dv s{color:#ff9a8a}.drow.gone .dv s{text-decoration:line-through}.drow.neutral .da,.drow.neutral .dv b{color:var(--gold)}.drow.more{color:var(--muted);padding-left:16px;font-size:11px;display:block}.panel{background:var(--panel);border:2px solid var(--edge);padding:10px;box-shadow:4px 4px #0000004d}#sel{scrollbar-width:thin;width:344px;max-height:calc(100vh - 150px);padding:10px 10px 0;top:64px;right:12px;overflow-y:auto}#sel.wide{width:440px}#sel .x{z-index:2;padding:0 7px;font-size:16px;position:absolute;top:4px;right:4px}.sel-head{align-items:center;gap:9px;margin-bottom:6px;display:flex}#sel-img{width:52px;height:52px;image-rendering:pixelated;border:2px solid var(--edge);flex:none}.sel-title{min-width:0}#sel-name{padding-right:24px;font-size:17px;font-weight:700;line-height:1.1}.sel-sub{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}#sel-tier{color:var(--gold);letter-spacing:2px;font-size:14px}#sel-kind{gap:4px;display:inline-flex}#sel-role{margin-bottom:6px;font-size:13px;line-height:1.3}#sel-live:empty{display:none}#sel-live{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.fx{background:#0f122059;border-left:3px solid;padding:2px 6px;font-size:12px}.fx.good{color:#c9ffd0;border-color:var(--green)}.fx.bad{color:#ffc9c0;border-color:var(--red)}#sel-stats{margin-bottom:2px}#sel-record{color:var(--muted);border-top:2px solid var(--edge);gap:10px;margin:6px 0 8px;padding-top:5px;font-size:12px;display:flex}#sel-record b{color:var(--text);font-family:var(--pixel);font-size:12px;font-weight:400}#sel-up{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}#sel-up .single .up-wrap{flex-direction:column;gap:3px;display:flex}#sel-up button{text-align:left;width:100%}#sel-up button.upgrade{justify-content:space-between;align-items:center;gap:6px;display:flex}#sel-up .single .diff{border:1px solid var(--edge);background:#0f122059;padding:4px 6px}.branches{grid-template-columns:1fr 1fr;gap:6px;display:grid}.branches .up-wrap{min-width:0;display:flex}.br-title{font-family:var(--pixel);color:var(--gold);font-size:12px}button.branch{background:var(--panel-2);flex-direction:column;gap:3px;height:100%;padding:6px 7px;display:flex}button.branch .diff{width:100%;font-size:11.5px}button.branch .drow{grid-template-columns:10px minmax(0,76px) minmax(0,1fr);gap:3px}.br-head{align-items:center;gap:6px;width:100%;display:flex}.br-sub{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.br-key{font-family:var(--pixel);background:var(--edge);color:var(--muted);padding:0 4px;font-size:11px}.br-name{flex:1;font-weight:700;line-height:1.1}.br-cost,#sel-up .br-cost{font-family:var(--pixel);color:var(--gold);white-space:nowrap;font-size:13px}#sel-up button.upgrade .br-cost{color:#2a1406}#sel-up button.upgrade.poor .br-cost{color:#7a1010}.up-label{flex-direction:column;line-height:1.1;display:flex}.up-label small{opacity:.8;font-size:12px;font-weight:400}.br-cost:before{content:"";background:var(--gold);border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}#sel-up button.poor .br-cost{color:var(--red)}.br-desc{color:var(--sky);font-size:11.5px;line-height:1.25}.br-lock:empty{display:none}.br-lock{color:var(--gold);font-size:12px}button.branch.locked{opacity:.8}.maxed-note{color:var(--gold);font-size:13px}.sel-actions{background:var(--panel);z-index:1;flex-wrap:wrap;gap:6px;padding:6px 0 8px;display:flex;position:sticky;bottom:0}.sel-actions button{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;padding:6px 8px;overflow:hidden}#labels{z-index:2;pointer-events:none;position:fixed;inset:0}body:not(.playing) #labels{display:none}.tlabel{font-family:var(--pixel);border:1px solid var(--edge);color:var(--text);white-space:nowrap;will-change:transform;background:#0f1220d9;align-items:center;gap:3px;padding:1px 4px 1px 2px;font-size:10px;display:flex;position:absolute;top:0;left:0}.tlabel i{background:var(--dt,#a9b4cc);width:13px;height:13px;color:var(--ink);place-items:center;font-size:10px;font-style:normal;display:inline-grid}.tlabel b{font-weight:400}.tlabel .up{color:var(--green);font-size:8px}.tlabel .zap{color:var(--gold)}.tlabel.off{opacity:.6}.tlabel.sel{outline:1px solid var(--gold)}#banner{z-index:3;text-align:center;pointer-events:none;opacity:0;font-family:var(--pixel);text-shadow:3px 3px 0 var(--edge);width:max-content;max-width:92vw;position:fixed;top:28%;left:50%;transform:translate(-50%,-50%)}#banner .kick{color:var(--purple);letter-spacing:2px;font-size:14px}#banner .title{font-size:clamp(28px,6vw,56px)}#banner .sub{font-family:var(--body);margin-top:4px;font-size:18px}#banner.show{animation:2s steps(20,end) forwards banner}#banner.boss .title{color:var(--red)}#banner.trait .title{color:#e7c6ff}#banner.good .title{color:var(--gold)}#banner.boss.show,#banner.trait.show{animation:3.2s steps(32,end) forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-30%)}10%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0}}#toast{z-index:3;text-align:center;border:2px solid var(--red);opacity:0;pointer-events:none;background:#1e0e14eb;max-width:90vw;padding:6px 12px;transition:opacity .15s;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#summary{z-index:3;opacity:0;pointer-events:none;cursor:pointer;width:340px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;top:66px;left:12px;transform:translate(-12px)}#summary.show{opacity:1;pointer-events:auto;transform:none}.sum-title{font-family:var(--pixel);color:var(--gold);margin-bottom:4px;font-size:13px}.sum-row{grid-template-columns:74px 1fr;gap:6px;padding:1px 0;display:grid}.sum-row .k{color:var(--muted)}.sum-row.bad .v{color:#ffb3a8}.sum-row.good .v{color:var(--green)}#paused{z-index:3;text-align:center;font-family:var(--pixel);text-shadow:3px 3px 0 var(--edge);pointer-events:none;background:#1418284d;place-content:center;font-size:40px;display:grid;position:fixed;inset:0}#paused .small{color:var(--text);font-size:14px}body:not(.playing) #paused,body:not(.playing) .hud,body:not(.playing) #summary{display:none!important}body.leak:after{content:"";z-index:1;pointer-events:none;animation:.5s forwards leak;position:fixed;inset:0;box-shadow:inset 0 0 120px #ff28288c}@keyframes leak{to{opacity:0}}#floats{z-index:2;pointer-events:none;position:fixed;inset:0}.float{font-family:var(--pixel);text-shadow:2px 2px 0 var(--edge);font-size:14px;animation:.9s steps(9,end) forwards float;position:absolute;transform:translate(-50%,-100%)}.float.gold{color:var(--gold)}.float.bad{color:var(--red);font-size:18px}.float.crit{color:#fff27a;font-size:13px}@keyframes float{to{opacity:0;transform:translate(-50%,-190%)}}.overlay{z-index:5;background:#10142480;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay .box{background:var(--panel);border:3px solid var(--edge);text-align:center;width:100%;max-width:520px;padding:22px 28px;box-shadow:6px 6px #00000059}.kicker{font-family:var(--pixel);color:var(--muted);font-size:12px}h1{font-family:var(--pixel);color:var(--accent);text-shadow:4px 4px 0 var(--edge);margin:4px 0 0;font-size:clamp(34px,5.4vw,54px);line-height:.95}h2{font-family:var(--pixel);margin:0 0 8px;font-size:28px}.overlay p{margin:6px 0 10px;font-size:17px;line-height:1.35}#end.won h2{color:var(--gold)}.overlay p.small{color:var(--muted);font-size:14px}button.big{padding:10px 18px;font-size:20px}.keys{color:var(--muted);text-align:center;margin-top:10px;font-size:12px}#start{background:radial-gradient(#10142440,#101424b3)}.menu{border:3px solid var(--edge);background:#252f45f5;flex-direction:column;gap:12px;width:min(1000px,100%);padding:18px 22px 14px;display:flex;box-shadow:8px 8px #00000059}.menu-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}#continue-box{text-align:right}#continue-box button{padding:8px 18px;font-size:18px}#continue-info{margin-top:4px}.menu-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.menu-section{min-width:0}.menu-label{font-family:var(--pixel);color:var(--gold);align-items:baseline;gap:10px;margin-bottom:6px;font-size:13px;display:flex}#maps{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px;display:grid}.map-card{text-align:left;background:var(--panel-2);align-items:stretch;gap:10px;padding:6px;display:flex}.map-card .thumb{border:2px solid var(--edge);background:var(--edge);flex:none;align-self:center;line-height:0}.map-card canvas{width:154px;height:91px;image-rendering:pixelated}.map-info{flex-direction:column;gap:2px;min-width:0;display:flex}.map-name{font-size:18px;font-weight:700}.stars{color:var(--gold);letter-spacing:2px;font-size:15px}.map-sub{color:var(--muted);font-size:13px}.map-best{font-family:var(--pixel);color:var(--text);margin-top:auto;font-size:12px}.seg{gap:4px;display:flex}.seg button{flex:1;min-width:0;padding:6px 4px}.seg-title{font-size:15px;font-weight:700}.seg-sub{color:var(--muted);font-size:11px;line-height:1.15}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{padding:4px 9px;font-size:14px}.chip .lock{color:var(--gold);margin-left:6px;font-size:11px}.menu-foot{border-top:2px solid var(--edge);justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}#choice-note{flex:1;min-width:0}#play{white-space:nowrap;min-width:260px}#end-score{text-align:left;max-width:340px;margin:8px auto 6px}.score-line{color:var(--muted);justify-content:space-between;padding:1px 0;font-size:15px;display:flex}.score-total{border-top:2px solid var(--edge);font-family:var(--pixel);align-items:baseline;gap:10px;margin-top:6px;padding-top:6px;font-size:22px;display:flex}.score-total span:nth-child(2){color:var(--gold);margin-left:auto}.pb{background:var(--gold);color:var(--ink);padding:1px 5px;font-size:11px}.pb.old{background:var(--edge);color:var(--muted)}.marks-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:8px 0;font-size:14px;display:flex}.mark{color:var(--gold);background:var(--edge);padding:2px 7px}.mark.new{background:var(--gold);color:var(--ink);animation:.6s steps(6,end) pop}.mark.none{color:var(--muted);background:0 0}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}to{transform:none}}.end-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.end-actions button.big{padding:9px 14px;font-size:17px}#save-replay{color:inherit;opacity:.75;cursor:pointer;font:inherit;background:0 0;border:none;margin:10px auto 0;font-size:13px;text-decoration:underline;display:block}#save-replay:hover{opacity:1}#end .box{max-width:620px}body:has(#end:not(.hidden)) #summary{display:none}#rotate{z-index:9;background:var(--ink);display:none}@media (orientation:portrait) and (max-width:600px){#rotate{display:grid}}@media (max-width:1240px){.card{grid-template-columns:38px 1fr;width:128px}.card img{width:38px;height:38px}.card .name{font-size:13px}}@media (max-width:1080px),(max-height:520px){#top{gap:8px;padding:4px 8px}.stat{font-size:16px}#next{font-size:12px}.controls button{min-width:32px;padding:4px 6px}#palette{scrollbar-width:none;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}#palette::-webkit-scrollbar{display:none}.card{flex-direction:column;justify-content:center;align-items:center;gap:1px;width:62px;height:60px;padding:3px;display:flex}.card img{width:36px;height:36px}.card .name{display:none}.card .cost{margin-top:0;font-size:11px}.card .cost:before{width:7px;height:7px;margin-right:2px}.card .lock{justify-content:center;font-size:10px;bottom:4px;left:0;right:0}.card .lock:before{content:""}.card .badge:not(:empty){inset:2px auto auto 3px}.hint{display:none}#bottom{padding:4px 8px 6px}#summary{width:260px;top:auto;bottom:74px;left:8px}#toast{bottom:76px}#bossbar{top:44px}}@media (max-height:520px){.menu{gap:8px;padding:10px 14px 0}.menu-foot{background:var(--panel);box-shadow:0 12px 0 var(--panel);margin-top:-4px;padding:8px 0 10px;position:sticky;bottom:0}.kicker,.map-sub{display:none}.menu-head h1{font-size:30px}.map-card canvas{width:110px;height:65px}.map-name{font-size:15px}#maps{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}.keys{display:none}.overlay{place-items:start center;padding:8px}.overlay .box{padding:12px 16px}h2{font-size:22px}#banner .title{font-size:30px}#banner .sub{font-size:14px}}@media (max-width:760px){.phase{display:none}.menu-row{grid-template-columns:1fr}#play{min-width:0}.menu-foot{flex-direction:column;align-items:stretch}}.back-link{font-family:var(--pixel);color:var(--muted);margin-bottom:6px;font-size:11px;text-decoration:none;display:inline-block}.back-link:hover{color:var(--accent)}.guide-open{align-self:center;margin-left:auto;padding:8px 14px;font-size:15px}.menu-head{align-items:center}#guide{z-index:7;background:#0c0f1cc7;place-items:center}.guide{border:3px solid var(--edge);background:#252f45fa;flex-direction:column;width:min(1240px,100%);height:min(860px,100vh - 32px);display:flex;position:relative;box-shadow:8px 8px #00000059}.guide-head{border-bottom:2px solid var(--edge);align-items:center;gap:16px;padding:12px 16px 10px;display:flex}.guide-head h2{color:var(--accent);text-shadow:3px 3px 0 var(--edge);margin:0;font-size:24px}#guide-tabs{flex:0 auto}#guide-tabs button{flex:none;padding:6px 14px;font-size:14px;font-weight:700}#guide-close{margin-left:auto;padding:2px 10px;font-size:18px}#guide-body{scrollbar-width:thin;flex:1;min-height:0;padding:12px 16px 16px;overflow-y:auto}.gd-img{width:48px;height:48px;image-rendering:pixelated;border:2px solid var(--edge);background:#253047;flex:none}.gd-towers{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:14px;display:grid}.gd-fams{flex-direction:column;gap:5px;display:flex;position:sticky;top:0}.gd-fam{text-align:left;background:var(--panel);align-items:center;gap:8px;padding:4px 6px;display:flex}.gd-fam .gd-img{width:36px;height:36px}.gd-fam-txt{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.gd-fam-name{font-size:14px;font-weight:700;line-height:1.05}.gd-tree-head{margin-bottom:10px}.gd-tree-name{font-family:var(--pixel);color:var(--gold);font-size:20px}.gd-tree-role{margin-top:2px;font-size:15px}.gd-tiers{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));align-items:start;gap:8px;display:grid}.gd-col{flex-direction:column;gap:8px;min-width:0;display:flex}.gd-col-label{font-family:var(--pixel);color:var(--muted);font-size:11px}.gd-card{background:var(--panel-2);border:2px solid var(--edge);min-width:0;padding:8px;box-shadow:3px 3px #00000040}.gd-card-head{align-items:center;gap:8px;margin-bottom:5px;display:flex}.gd-card-title{flex:1;min-width:0}.gd-card-name{font-size:15px;font-weight:700;line-height:1.1}.gd-chips{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.gd-cost{font-family:var(--pixel);color:var(--gold);white-space:nowrap;align-self:flex-start;font-size:13px}.gd-cost:before{content:"";background:var(--gold);border-radius:50%;width:9px;height:9px;margin-right:3px;display:inline-block}.gd-gate{color:var(--gold);margin-bottom:4px;font-size:11.5px}.gd-change{color:var(--sky);margin-bottom:3px;font-size:12px;font-weight:600}.gd-role{margin-bottom:5px;font-size:12.5px;line-height:1.3}.gd-role.small-role{color:var(--muted);font-size:11.5px}.gd-card .stat-list{font-size:11.5px}.gd-card .srow{grid-template-columns:78px auto minmax(0,1fr);gap:5px}.gd-card .srow .sn{font-size:10.5px}.gd-card .drow{grid-template-columns:12px minmax(0,76px) minmax(0,1fr)}.gd-card .drow .dv{white-space:normal}.gd-card .diff{margin:2px 0 5px}.gd-card .armor-row{flex-wrap:wrap;display:flex}.gd-card .armor-row .ar-label{width:100%}.gd-card .ar-chip{flex:1 1 0}.gd-section{font-family:var(--pixel);color:var(--gold);margin:4px 0 8px;font-size:14px}.gd-section:not(:first-child){margin-top:16px}.gd-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:start;gap:10px;display:grid}.gd-mon.boss{background:#3a2f45;border-color:#5a1f25}.gd-facts{grid-template-columns:1fr 1fr;gap:2px 10px;margin:2px 0;font-size:12px;display:grid}.gd-fact{border-bottom:1px dashed #a9b4cc24;justify-content:space-between;gap:6px;padding:1px 0;display:flex}.gd-fact .fl{color:var(--muted);white-space:nowrap}.gd-fact b{white-space:nowrap}.gd-abil{margin:6px 0 0;padding-left:16px;font-size:12.5px;line-height:1.3}.gd-abil li{margin:2px 0}.gd-abil li.trait{color:var(--sky)}.gd-abil.hard li{color:#ffc0b5}.gd-hard-label{font-family:var(--pixel);color:var(--red);margin-top:6px;font-size:10px}.gd-plain{color:var(--muted);margin-top:6px;font-size:12px}.gd-armor{max-width:760px}.gd-lead{margin:0 0 10px;font-size:15px;line-height:1.35}.gd-matrix{border-collapse:collapse;margin-bottom:14px;font-size:14px}.gd-matrix th,.gd-matrix td{border:2px solid var(--edge);text-align:center;padding:6px 12px}.gd-matrix th{background:var(--panel-3);font-weight:700}.gd-matrix td{font-family:var(--pixel);background:#39445f;font-size:13px}.gd-matrix td.strong{color:#d6ffd9;background:#2f6b3c}.gd-matrix td.weak{color:#ffd6d0;background:#7a2f33}.gd-who{flex-direction:column;gap:5px;font-size:13px;display:flex}.gd-who-row{align-items:center;gap:8px;display:flex}@media (max-width:1240px){.gd-tiers{gap:6px}.gd-card{padding:6px}}@media (max-width:1080px),(max-height:520px){#tip{width:min(340px,100vw - 16px);padding:7px 8px}.tip-role{margin:5px 0 4px;font-size:12px}.stat-list{font-size:11.5px}.srow{grid-template-columns:84px auto minmax(0,1fr);padding:1px 0}#sel{width:320px;max-height:calc(100vh - 128px);padding:8px 8px 0;top:auto;bottom:74px;right:8px}#sel.wide{width:400px}#sel-img{width:40px;height:40px}.guide-head{gap:10px;padding:8px 10px}.guide-head h2{font-size:18px}#guide-tabs button{padding:4px 8px;font-size:12px}#guide-body{padding:8px 10px 12px}.gd-towers{grid-template-columns:1fr;gap:8px}.gd-fams{scrollbar-width:none;flex-direction:row;padding-bottom:2px;position:static;overflow-x:auto}.gd-fam{flex:none}.gd-fam .kind-chip{display:none}.gd-tree-head{margin-bottom:6px}.gd-tree-name{font-size:15px}.gd-tree-role{font-size:12.5px}}@media (max-height:520px){#sel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:min(600px,100vw - 16px);max-height:none;padding:6px 8px 0;display:grid;top:42px;bottom:72px;overflow:hidden}#sel.wide{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);width:min(680px,100vw - 16px)}.sel-main,.sel-side{scrollbar-width:thin;min-height:0;overflow-y:auto}.sel-side{flex-direction:column;padding-top:22px;display:flex}.sel-side #sel-up{flex:1}.sel-head{gap:6px;margin-bottom:3px}#sel-img{width:34px;height:34px}#sel-name{font-size:14px}#sel-role{margin-bottom:4px;font-size:11.5px}#sel-tier{font-size:12px}.srow{grid-template-columns:76px auto minmax(0,1fr);gap:5px}#sel-record{margin:4px 0 6px;font-size:11px}.diff{font-size:11px}button.branch{padding:4px 5px}button.branch .drow{grid-template-columns:9px minmax(0,62px) minmax(0,1fr)}.br-desc{font-size:10.5px}.guide{height:calc(100vh - 16px)}.gd-tiers{grid-template-columns:repeat(var(--cols,4), minmax(176px, 1fr));overflow-x:auto}.gd-card-head .gd-img{width:34px;height:34px}.gd-fam{padding:2px 6px 2px 2px}.gd-fam .gd-img{width:26px;height:26px}.gd-fam-name{font-size:12.5px}.gd-tree-head{align-items:baseline;gap:10px;display:flex}.gd-card-name{font-size:13px}.gd-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}