:root{--bg: #0b0e14;--panel: #141a24;--panel2: #1c2431;--line: #2a3446;--text: #e8ecf1;--dim: #8b97a8;--amp: #ffe23a;--he: #ff9b2f;--det: #c34bff;--inc: #ff4b3e;--ok: #5ee7a0;--bad: #ff5b5b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-monospace,Menlo,Consolas,SF Mono,monospace;overscroll-behavior:none}body{touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:inherit}.screen{display:flex;flex-direction:column;min-height:100dvh;padding:8px 10px calc(10px + env(safe-area-inset-bottom));gap:8px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.dim{color:var(--dim)}.small{font-size:12px}.tiny{font-size:11px}h1{font-size:22px;margin:0;letter-spacing:2px}h2{font-size:15px;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;cursor:pointer}.btn:active{transform:scale(.98);filter:brightness(1.2)}.btn.primary{background:#2b6cff;border-color:#4d86ff;font-weight:700;font-size:18px;padding:16px}.btn.danger{background:#7a2020;border-color:#b04040}.btn[disabled]{opacity:.4;pointer-events:none}.hpbar{height:10px;background:#2a1e1e;border-radius:5px;overflow:hidden;flex:1}.hpbar>div{height:100%;background:linear-gradient(90deg,#ff5b5b,#ffb15b);transition:width .2s}.strip{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:6px 2px}.slot{position:relative;width:48px;height:56px;border-radius:8px;border:2px solid var(--line);background:#0f141c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;cursor:pointer;transition:transform .08s,opacity .15s,background .1s}.slot .num{position:absolute;top:2px;left:4px;font-size:10px;color:var(--dim);font-weight:400}.slot .amt{position:absolute;bottom:2px;right:4px;font-size:9px;color:var(--dim);font-weight:400}.slot.spent{opacity:.22;transform:scale(.9)}.slot.next{border-color:#fff;box-shadow:0 0 0 2px #fff6,0 0 14px #fff8}.slot.pop{transform:scale(1.18)}.slot.pick{border-color:#fff}.slot.empty{border-style:dashed;color:var(--dim)}.intro-box{border:1px solid #ffd27a88;background:#ffd27a14;border-radius:8px;padding:6px 8px;color:#ffe2a8;display:flex;flex-direction:column;gap:4px}.intro-tag{font-weight:800;font-size:11px;color:#111;background:#ffd27a;border-radius:4px;padding:1px 5px}.battle-full .ov.intro{position:absolute;left:12px;right:12px;top:33%;text-align:center;font-size:15px;font-weight:700;color:#ffe2a8;background:#000000b0;border:1px solid #ffd27a88;border-radius:10px;padding:8px 10px;opacity:0;transition:opacity .3s;pointer-events:none}.battle-full .ov.intro.on{opacity:1}.slot.locked{cursor:default;border-style:dotted;border-color:#4a4f5a;background:repeating-linear-gradient(135deg,#12161d 0 4px,#1a1f28 4px 8px);color:#6a707c;opacity:.8}.slot.locked .lk{font-size:15px;filter:grayscale(1) opacity(.75)}.strip.compact .slot.locked .lk,.strip.small .slot.locked .lk{font-size:12px}.strip.compact .slot{width:40px;height:48px;font-size:13px}.strip.small .slot{width:34px;height:44px;font-size:12px}.strip.small .slot .num{font-size:9px;left:2px}.strip.tiny .slot{width:30px;height:40px;font-size:11px;border-width:1.5px}.strip.tiny .slot .num{font-size:8px;left:2px;top:1px}.strip.small,.strip.tiny{gap:4px}.tray{display:flex;gap:6px;flex-wrap:wrap}.chip{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:6px;border-radius:8px;border:2px solid var(--line);background:var(--panel2);cursor:pointer}.chip.sel{border-color:#fff;background:#26324a}.chip.none{opacity:.35}.chip .sh{font-weight:700;font-size:15px}.chip .nm{font-size:10px;color:var(--dim)}.chip .ct{font-size:12px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.tab{flex:0 0 auto;padding:8px 10px;border-radius:8px;border:2px solid var(--line);background:var(--panel2);cursor:pointer;font-size:13px}.tab.sel{border-color:#fff;background:#26324a}.tab .rl{display:block;font-size:10px;color:var(--dim)}.enemies{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;align-items:center}.eicon{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:-1px}.field-wrap{position:relative;aspect-ratio:360 / 500;height:min(calc(min(100vw,430px)*1.33),52dvh);width:auto;max-width:100%;margin:0 auto;background:#05070b;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.field-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.callouts{position:absolute;left:0;right:0;top:18%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.callout{font-weight:900;font-size:22px;text-shadow:0 0 10px #000,0 2px 0 #000;animation:co .9s ease-out forwards}.callout.l2{font-size:30px;color:var(--amp)}.callout.l1{color:#fff}@keyframes co{0%{transform:scale(.4);opacity:0}15%{transform:scale(1.15);opacity:1}70%{transform:scale(1);opacity:1}to{transform:translateY(-14px);opacity:0}}.ampbadge{min-width:64px;text-align:center;font-weight:900;font-size:20px;color:var(--amp);text-shadow:0 0 12px var(--amp)}.ampbadge.idle{color:var(--dim);text-shadow:none;font-weight:400;font-size:13px}.reloadbar{height:6px;background:#1a212c;border-radius:3px;overflow:hidden}.reloadbar>div{height:100%;background:#5ee7a0;width:0%}.rewind{width:100%;padding:16px;font-size:18px;font-weight:700;border-radius:12px;border:2px solid #b04040;background:#5a1a1a;cursor:pointer}.rewind.hot{background:#a02a2a;border-color:#ff7070;box-shadow:0 0 16px #ff404088}.rewind.busy{background:#1c2431;border-color:var(--line);color:var(--dim)}.stat{font-variant-numeric:tabular-nums}.bigstat{font-size:20px;font-weight:700}.card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;border:2px solid var(--line);background:var(--panel2);cursor:pointer;text-align:left}.card:active{border-color:#fff}.card .t{font-weight:700;font-size:15px}.card .d{font-size:12px;color:var(--dim)}.card.kind-mod{border-color:#4d86ff66}.card.kind-gun{border-color:#5ee7a066}.card.kind-heal{border-color:#ff5b5b66}.card.kind-ammo{border-color:#ffe23a44}.timeline{width:100%;height:30px;display:block}.log{font-size:12px;color:var(--dim);max-height:60px;overflow:hidden}.kv{display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;font-size:13px;align-items:baseline}.kv>.dim{white-space:nowrap}.warn{color:var(--bad)}.view-wrap{position:relative;aspect-ratio:360 / 300;height:min(calc(min(100vw,430px)*.833),36dvh);width:auto;max-width:100%;margin:0 auto;background:#05070b;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.view-wrap canvas:first-child{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto}.view-wrap .radar{position:absolute;right:6px;top:6px;border:1px solid #ffffff44;border-radius:3px;opacity:.92}.view-wrap .hud{position:absolute;left:6px;top:4px;color:#b8c2d0;text-shadow:0 1px 2px #000}.posts{display:flex;gap:6px}.post{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;border:2px solid var(--line);background:var(--panel2);cursor:pointer;min-height:52px}.post .pn{font-weight:700;font-size:15px}.post .pd{font-size:11px;color:var(--dim)}.post.here{border-color:var(--amp);background:#2e2a12}.post.going{border-color:var(--ok)}.post.hot .pd{color:var(--bad)}.post[disabled]{opacity:.6}.card.door .reward{font-size:12px;color:var(--ok)}.view-wrap .pulsehud{position:absolute;left:6px;top:20px;color:#ffd0c8;text-shadow:0 1px 2px #000}.view-wrap .pulsehud.soon{color:#ff5b5b;font-weight:700}.mapwrap{display:flex;justify-content:center}.movemap{border:1px solid var(--line);border-radius:6px;touch-action:manipulation;cursor:crosshair}.pulse{white-space:nowrap}.battle-full{position:fixed;inset:0;background:#000;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.battle-full canvas.view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.battle-full .ov{position:absolute;pointer-events:none}.battle-full .ov.top-left{left:8px;top:calc(6px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:4px;background:#0b0e148c;padding:6px 8px;border-radius:8px}.battle-full .ov.top-right{right:8px;top:calc(6px + env(safe-area-inset-top));background:#0b0e148c;padding:4px;border-radius:6px}.battle-full .ov.top-right .radar{display:block;border-radius:3px}.battle-full .ov.top-center{left:8px;right:168px;top:calc(66px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 2px #000;color:#b8c2d0}.battle-full .ov.top-center.wide{right:8px;top:calc(196px + env(safe-area-inset-top))}.battle-full .callouts{position:absolute;left:0;right:0;top:24%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.battle-full .ov.bottom{left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));background:#0b0e149e;border:1px solid #2a344688;border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.battle-full .ov.bottom .strip{padding:4px 0}.battle-full .ov.hint{left:0;right:0;top:55%;text-align:center;color:#cfd6e0;text-shadow:0 1px 3px #000;padding:0 30px;transition:opacity .6s}.battle-full .ov.hint.fade{opacity:0}.battle-full .pulsehud{color:#ffd0c8}.battle-full .pulsehud.soon{color:#ff5b5b;font-weight:700}.joy{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;display:none}.joy.on{display:block}.joy-base{position:absolute;left:-68px;top:-68px;width:136px;height:136px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#ffffff14}.joy-knob{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;background:#5ee7a08c;border:2px solid rgba(255,255,255,.6)}.joy-label{position:absolute;left:-80px;top:74px;width:160px;text-align:center;font-size:12px;font-weight:700;color:#5ee7a0;text-shadow:0 1px 3px #000;opacity:0;transition:opacity .15s}.joy-label.on{opacity:1}.slot.missing{border-style:dashed;opacity:.35;box-shadow:none}.strip-wrap{display:flex;align-items:center;gap:6px}.remain-big{min-width:0;font-size:34px;font-weight:900;color:var(--amp);text-shadow:0 0 12px var(--amp);line-height:1}.remain-big:empty{display:none}.battle-full .ov.bottom.tense{border-color:#ffb13a;box-shadow:0 0 0 1px #ffb13a66,0 0 18px #ffb13a55;background:#281c0ab8;animation:tense .6s ease-in-out infinite alternate}.battle-full .ov.bottom.tense .slot:not(.spent){border-color:#ffb13a;box-shadow:0 0 10px #ffb13a99}@keyframes tense{0%{box-shadow:0 0 0 1px #ffb13a66,0 0 10px #ffb13a44}to{box-shadow:0 0 0 2px #ffb13acc,0 0 24px #ffb13a99}}.battle-full .ov.bottom.complete{animation:complete .5s ease-out}@keyframes complete{0%{box-shadow:0 0 0 3px #5ee7a0,0 0 30px #5ee7a0;background:#143c28d9}to{box-shadow:none}}.battle-full .ov.bottom.boosted{border-color:#5ee7a0}.battle-full .ov.bottom.boosted .slot:not(.spent){border-color:#5ee7a0}.heatbar{width:90px;height:6px;background:#1a212c;border-radius:3px;overflow:hidden;flex:0 0 auto}.heatbar>div{height:100%;width:0%;transition:width .1s,background .2s}.heat-label{color:var(--dim)}.heat-label.hot{color:#ffb13a;font-weight:700}.battle-full .ov.bighint{left:16px;right:16px;top:62%;text-align:center;font-size:14px;font-weight:700;color:#fff;background:#0b0e14d1;border:1px solid #5ee7a099;border-radius:10px;padding:10px 12px;opacity:0;transition:opacity .25s;line-height:1.4}.battle-full .ov.bighint.on{opacity:1}.battle-full.exit-mode .ov.bottom{opacity:.35;transition:opacity .4s}.battle-full.lobby .ov.bottom,.battle-full.lobby .ov.hint{display:none}.pulsehud.exit{color:#ffd27a;font-weight:700}.screen.world{background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,210,122,.045) 46px 47px),linear-gradient(180deg,#0a0b12,#1c1e2a 34%,#1b1611 34.4%,#3d3226);background-attachment:fixed;gap:10px;padding:8px 10px calc(14px + env(safe-area-inset-bottom))}.ov-panel{background:#0b0e14b8;border:1px solid #2a344688;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.ov-panel.hero{border-color:#ffd27a55}.ov-panel.mag{border-color:#ffb13a66;box-shadow:0 0 0 1px #ffb13a22,0 0 24px #ffb13a1a;gap:8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b0e148c;border-radius:8px;padding:6px 8px}.tb-room{font-weight:800;font-size:14px}.title{font-size:24px;font-weight:900;letter-spacing:.5px;margin:0;line-height:1.15}.summary{font-size:14px;color:#e8ecf1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.reward-tag{font-size:12px;font-weight:700;border:1px solid;border-radius:6px;padding:1px 6px}.risk-tag{font-size:12px;font-weight:800;border:1px solid;border-radius:6px;padding:1px 6px;white-space:nowrap}.ph{font-size:13px;font-weight:800;color:#cfd6e0;letter-spacing:.5px}.ph.big{font-size:18px;color:#ffd27a;text-shadow:0 0 10px #ffb13a55}.lineup{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:4px 2px 0}.ecard{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.espr-wrap{display:flex;align-items:flex-end;justify-content:center;min-height:48px}.espr{image-rendering:pixelated;image-rendering:crisp-edges;display:block;filter:drop-shadow(0 2px 2px #000c)}.ename{font-size:12px;color:#e8ecf1}.ecount{font-weight:800;color:#ffd27a}.etag{position:absolute;top:-4px;right:-8px}.timeline{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tl-item{display:inline-flex;align-items:center;gap:3px;background:#ffffff0a;border-radius:6px;padding:2px 6px}.tl-t{font-size:11px;color:#8b97a8}.tl-n{font-size:12px;font-weight:700;color:#ffd27a}.tl-arrow{color:#8b97a8;font-size:12px}.bld .strip.big{gap:5px;padding:8px 0;flex-wrap:nowrap}.bld .strip.big .slot{width:50px;height:64px;font-size:18px;border-width:2px}.bld .strip.big .slot .num{font-size:11px;top:3px;left:5px}.bld .strip.big.compact .slot{width:38px;height:54px;font-size:14px}.bld .strip.big.small .slot{width:28px;height:46px;font-size:12px}.bld .strip.big.tiny .slot{width:24px;height:40px;font-size:10px}.bld .strip.big .slot.locked .lk{font-size:18px}.bld .tray{gap:8px}.bld .chip{min-width:66px;min-height:60px;padding:8px;border-radius:10px}.bld .chip .sh{font-size:19px}.bld .chip .nm{font-size:11px}.bld .chip .ct{font-size:13px}.bld .chip.sel{border-color:#ffd27a;box-shadow:0 0 0 1px #ffd27a66,0 0 12px #ffd27a44;background:#2a2412}.bld .tabs{flex:1}.bld .tab{padding:6px 10px}.bld .tab.sel{border-color:#ffd27a;background:#2a2412}.btn.go{background:linear-gradient(180deg,#ffc65a,#ffb13a);color:#14100a;border:1px solid #ffd27a;font-weight:900;font-size:19px;padding:16px;border-radius:12px;box-shadow:0 0 20px #ffb13a44;text-shadow:none}.btn.go:active{filter:brightness(1.05)}.picks .report{padding:8px 12px}.pickcards{display:flex;flex-direction:column;gap:10px;padding-top:4px}.pickcard{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;min-height:76px;border-radius:12px;border:2px solid var(--line);background:#1c2431d9;cursor:pointer;box-shadow:inset 4px 0 0 var(--kc, #2a3446)}.pickcard:active{border-color:#fff;transform:scale(.99)}.pk-icon{font-size:26px;flex:0 0 34px;text-align:center;filter:drop-shadow(0 0 6px currentColor)}.pk-body{display:flex;flex-direction:column;gap:3px;min-width:0}.pk-title{font-weight:800;font-size:17px;color:#e8ecf1}.pk-desc{font-size:12px;color:#9fb0c4;line-height:1.35}.pxart{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.guncards{display:flex;flex-direction:column;gap:8px}.guncard{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:#1c2431d9;cursor:pointer;box-shadow:inset 4px 0 0 var(--gc, #2a3446)}.guncard.sel{border-color:#ffd27a;background:#2a2412;box-shadow:inset 4px 0 0 var(--gc, #2a3446),0 0 0 1px #ffd27a55,0 0 14px #ffd27a33}.gc-art{flex:0 0 88px;width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:8px;border:1px dashed #2a3446;overflow:hidden}.gc-name-big{font-weight:900;font-size:20px;color:var(--gc, #e8ecf1);letter-spacing:1px}.gc-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.gc-name{font-weight:800;font-size:15px;color:#e8ecf1}.gc-rule{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ruled{display:inline-flex;gap:2px}.rd-cell{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;border:1px solid #4a5568;background:#0f141c;font-size:10px;color:#cfd6e0;font-weight:700}.rd-cell.first{border-color:#ffd27a;color:#ffd27a;background:#2a2412}.chip-face{display:flex;align-items:center;justify-content:center;min-height:32px}.bld .chip .chip-face .sh{font-size:19px}.bld .strip.big{flex-wrap:wrap}.bld .strip.big .slot{min-width:50px;width:auto;padding:0 3px}.bld .strip.big.compact .slot{min-width:42px}.bld .strip.big.small .slot{min-width:32px}.bld .strip.big.tiny .slot{min-width:26px}.bld .slot .pxart,.battle-full .slot .pxart,.chip-face .pxart{max-width:100%}.battle-full .slot{overflow:hidden}.battle-full .ov.ctrlbar{left:10px;right:10px;bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:auto;display:flex;flex-direction:column;gap:6px;align-items:center;background:#0b0e14b8;border:1px solid #2a344688;border-radius:10px;padding:8px 10px}.ctrl-btn{flex:1;padding:12px 4px;border-radius:8px;border:2px solid var(--line);background:#1c2431;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}.ctrl-btn.sel{border-color:#ffd27a;background:#2a2412;color:#ffd27a}.ctrl-btn.snd{flex:0 0 auto;padding:12px 10px;color:#9fe7c0;border-color:#2f4a3c}.ctrl-btn.snd.off{color:#6b7787;border-color:var(--line);text-decoration:line-through}.ctrl-btn.snd.mini{padding:3px 7px;font-size:11px;margin-top:4px;align-self:flex-end;background:#141a24cc;pointer-events:auto}.ctrl-desc{color:#cfd6e0;text-align:center;line-height:1.35}.dumpbtn{position:absolute;right:12px;bottom:47%;z-index:6;padding:11px 14px;border-radius:12px;border:2px solid #ffb13a;background:#2a2412e6;color:#ffd27a;font-weight:800;font-size:14px;cursor:pointer;touch-action:none}.dumpbtn:active{transform:scale(.96)}.stepbar{position:absolute;left:14px;bottom:168px;z-index:6;display:flex;flex-direction:column;gap:8px}.stepbtn{padding:12px 16px;border-radius:12px;border:2px solid #7fb0ff;background:#16202ee6;color:#9fd8ff;font-weight:800;font-size:15px;cursor:pointer;touch-action:none}.stepbtn.on{background:#26364ae6;transform:scale(.96)}.stepbtn.blocked{opacity:.35;border-color:var(--line);color:#6b7787}.joy.look .joy-base{border-color:#9fd8ff73;background:#9fd8ff14}.joy.look .joy-knob{background:#9fd8ff8c}.joy-label.look{color:#9fd8ff;opacity:1}.stickguide{position:absolute;left:0;right:0;bottom:0;height:45%;z-index:8;pointer-events:none;opacity:0;transition:opacity .4s}.stickguide.on{opacity:1}.stickguide .zone{position:absolute;bottom:20%;width:132px;height:132px;margin-left:-66px;border-radius:50%;border:2px dashed rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:800;line-height:1.35}.stickguide .zone.move{left:26%;border-color:#5ee7a0bf;color:#5ee7a0;background:#5ee7a01a}.stickguide .zone.look{left:74%;border-color:#9fd8ffbf;color:#9fd8ff;background:#9fd8ff1a}.flagrow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:4px 0;border-top:1px solid #2a344655}.flagrow:first-of-type{border-top:0}.flagtxt{min-width:0;flex:1}.flag-toggle{min-width:64px;min-height:44px;padding:8px 12px;font-weight:700;color:var(--dim)}.flag-toggle.on{background:#ffe23a;color:#111;border-color:#ffe23a}.flag-input{width:96px;min-height:44px;font:inherit;font-size:14px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 8px}#flagbadge{position:fixed;right:8px;top:calc(6px + env(safe-area-inset-top));z-index:1000;max-width:46vw;font:700 10px/1.25 ui-monospace,monospace;color:#111;background:#ffe23aee;border:1px solid #ffb13a;border-radius:6px;padding:3px 6px;pointer-events:none;word-break:break-all}body:has(.battle-full) #flagbadge{top:calc(148px + env(safe-area-inset-top))}@media (orientation: landscape){body:not(.nolandscape) #app{max-width:960px}body:not(.nolandscape) .screen.title-screen{display:grid;grid-template-columns:1fr 280px;grid-auto-rows:min-content;align-content:start;column-gap:14px;justify-content:stretch}body:not(.nolandscape) .screen.title-screen>h1{grid-column:1 / -1;font-size:30px!important;margin:4px 0}body:not(.nolandscape) .screen.title-screen>.ov-panel{grid-column:1;grid-row:2 / span 5}body:not(.nolandscape) .screen.title-screen>.btn,body:not(.nolandscape) .screen.title-screen>.tiny{grid-column:2}body:not(.nolandscape) .screen.bld{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;align-content:start;column-gap:10px}body:not(.nolandscape) .screen.bld>.topbar{grid-column:1 / -1}body:not(.nolandscape) .screen.bld>.ov-panel:not(.mag){grid-column:1;grid-row:2 / span 3;overflow:auto;max-height:calc(100dvh - 90px)}body:not(.nolandscape) .screen.bld>.ov-panel.mag,body:not(.nolandscape) .screen.bld>.tiny,body:not(.nolandscape) .screen.bld>.btn.go{grid-column:2}body:not(.nolandscape) .pickcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body:not(.nolandscape) .pickcard{flex-direction:column;align-items:flex-start;padding:10px;min-height:0}body:not(.nolandscape) .battle-full .ov.top-left{left:calc(8px + env(safe-area-inset-left))}body:not(.nolandscape) .battle-full .ov.top-right{right:calc(8px + env(safe-area-inset-right))}body:not(.nolandscape) .battle-full .ov.bottom{left:calc(6px + env(safe-area-inset-left));right:calc(6px + env(safe-area-inset-right))}body:not(.nolandscape) #flagbadge{right:calc(8px + env(safe-area-inset-right))}}@media (orientation: landscape) and (max-height: 520px){body:not(.nolandscape) .battle-full .ov.bottom{left:max(22%,calc(6px + env(safe-area-inset-left)));right:max(22%,calc(6px + env(safe-area-inset-right)));padding:4px 10px}body:not(.nolandscape) .battle-full .ov.bottom .slot{width:34px;height:40px;font-size:12px}body:not(.nolandscape) .battle-full .ov.bottom .strip{padding:2px 0;gap:4px}body:not(.nolandscape) .battle-full .ov.bottom>.row:last-child{display:none}body:not(.nolandscape) .battle-full .ov.top-center{right:30%;left:calc(8px + env(safe-area-inset-left))}body:not(.nolandscape) .battle-full .ov.top-center.wide{top:calc(120px + env(safe-area-inset-top))}}