:root{--teal-950:#071f1d;--teal-900:#0b2f2c;--teal-800:#0f3b38;--teal-700:#15524c;--gold:#e8b64c;--gold-hi:#ffe08a;--gold-dark:#8a5a12;--cream:#fff3d6;--muted:#b9d3cb;--hp:#e0453a;--hp-hi:#ff8a6a;--en:#2f8fe0;--en-hi:#7cc4ff;--xp:#f2c14e;--ok:#6fd88d;--r-common:#9aa0a6;--r-uncommon:#3fa95b;--r-rare:#3b7ddd;--r-epic:#9452d6;--r-legendary:#e0a526;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--cream);-webkit-user-select:none;user-select:none;touch-action:none;background:#0b2f2c;margin:0;font-family:Kanit,Leelawadee UI,Tahoma,sans-serif;overflow:hidden}canvas#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{cursor:pointer;font-family:inherit}.hidden{display:none!important}.txt{text-shadow:0 1px 2px #000000b3,0 0 8px #00000059}.panel{border:2px solid var(--gold);background:linear-gradient(#12423df0,#082421f5);border-radius:16px;position:relative;box-shadow:0 0 0 1px #00000073,0 10px 30px #0006,inset 0 1px #ffe6a04d,inset 0 0 18px #e8b64c1f}.panel:before,.panel:after{content:"";border:2px solid var(--gold-hi);opacity:.8;pointer-events:none;width:22px;height:22px;position:absolute}.panel:before{border-bottom:0;border-right:0;border-radius:8px 0 0;top:5px;left:5px}.panel:after{border-top:0;border-left:0;border-radius:0 0 8px;bottom:5px;right:5px}.btn-gold{color:#3b2204;letter-spacing:.02em;text-shadow:0 1px #ffffff80;background:linear-gradient(#fff1b0 0%,#f2c45a 40%,#d89a2e 100%);border:2px solid #fff3c4;border-radius:999px;padding:.55em 1.6em;font-size:1.1rem;font-weight:700;box-shadow:0 3px #8a5a12,0 6px 16px #00000059,inset 0 1px #ffffffb3}.btn-gold:active{transform:translateY(2px);box-shadow:0 1px #8a5a12,0 3px 8px #00000059}.btn-gold:disabled{filter:grayscale(.8)brightness(.8);cursor:default}.btn-teal{color:var(--cream);border:2px solid var(--gold);background:linear-gradient(#1d6a62,#0f403b);border-radius:999px;padding:.45em 1.2em;font-size:1rem;font-weight:600;box-shadow:0 2px #062320,0 4px 12px #0000004d}.btn-teal:disabled{opacity:.45;cursor:default}.btn-round{border:2px solid var(--gold);width:46px;height:46px;color:var(--gold-hi);background:radial-gradient(circle at 40% 35%,#1d6a62,#0b2f2c);border-radius:50%;place-items:center;font-size:1.3rem;display:grid;box-shadow:0 3px 10px #0006}.badge{background:#00000059;border:1px solid #e8b64c99;border-radius:999px;align-items:center;gap:.3em;padding:.1em .7em;font-size:.85rem;display:inline-flex}.rarity-common{--rc:var(--r-common)}.rarity-uncommon{--rc:var(--r-uncommon)}.rarity-rare{--rc:var(--r-rare)}.rarity-epic{--rc:var(--r-epic)}.rarity-legendary{--rc:var(--r-legendary)}.screen{display:grid;position:fixed;inset:0;overflow:hidden}.screen-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.title-logo{filter:drop-shadow(0 6px 10px #3c1e008c);width:min(46vw,70vh);animation:.9s ease-out logoIn;position:absolute;top:3%;left:50%;transform:translate(-50%)}@keyframes logoIn{0%{opacity:0;transform:translate(-50%,-14px)scale(.96)}to{opacity:1;transform:translate(-50%)}}.title-studio{left:calc(18px + var(--safe-l));top:calc(12px + var(--safe-t));letter-spacing:.12em;color:#fff;opacity:.9;font-size:.9rem;position:absolute}.title-top{right:calc(16px + var(--safe-r));top:calc(10px + var(--safe-t));gap:14px;display:flex;position:absolute}.title-top .ico{justify-items:center;gap:2px;font-size:.78rem;display:grid}.title-bottom{left:50%;bottom:calc(6% + var(--safe-b));justify-items:center;gap:12px;display:grid;position:absolute;transform:translate(-50%)}.server-pill{border:1.5px solid var(--gold);background:#082421d9;border-radius:999px;align-items:center;gap:.5em;padding:.3em 1.1em;font-size:.95rem;display:inline-flex}.dot{background:var(--ok);width:10px;height:10px;box-shadow:0 0 8px var(--ok);border-radius:50%}.btn-start{padding:.45em 2.6em;font-size:clamp(1.3rem,3.2vw,2rem)}.title-ver{right:calc(14px + var(--safe-r));bottom:calc(8px + var(--safe-b));opacity:.85;font-size:.78rem;position:absolute}.modal-back{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04141273;place-items:center;display:grid;position:fixed;inset:0}.login{gap:10px;width:min(440px,92vw);padding:22px 26px 18px;display:grid}.login h2{text-align:center;color:var(--gold-hi);margin:0 0 4px;font-size:1.7rem;font-weight:600}.login .row{justify-content:space-between;align-items:center;gap:10px;font-size:.95rem;display:flex}.login .social{justify-content:flex-start;align-items:center;gap:12px;padding:.45em 1em;display:flex}.login .social i{border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:700;display:grid}.login .note{color:var(--muted);text-align:center;font-size:.78rem}.login .x{width:34px;height:34px;font-size:1rem;position:absolute;top:10px;right:12px}.select-left{left:calc(14px + var(--safe-l));top:calc(10px + var(--safe-t));align-items:center;gap:12px;display:flex;position:absolute}.select-left h1{color:var(--gold-hi);margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:600}canvas.select-3d{width:52%;height:70%;position:absolute;top:6%;left:4%}.cards{left:calc(14px + var(--safe-l));bottom:calc(12px + var(--safe-b));gap:10px;display:flex;position:absolute}.card{aspect-ratio:3/4;background:#0b2f2c top/cover no-repeat;border:2px solid #e8b64cb3;border-radius:12px;width:clamp(70px,9.5vw,116px);position:relative;overflow:hidden;box-shadow:0 4px 14px #0006}.card .nm{text-align:center;background:linear-gradient(#0000,#000c);padding:3px 0 4px;font-size:.95rem;position:absolute;bottom:0;left:0;right:0}.card.sel{border-color:var(--gold-hi);transform:translateY(-6px);box-shadow:0 0 0 2px #fff6c8,0 0 22px #ffd25acc}.card.locked{filter:grayscale()brightness(.45);cursor:default}.card.locked .nm{font-size:.8rem}.select-panel{right:calc(14px + var(--safe-r));top:calc(10px + var(--safe-t));bottom:calc(10px + var(--safe-b));grid-template-rows:auto auto 1fr auto auto;gap:10px;width:min(330px,34vw);padding:16px 18px;display:grid;position:absolute}.select-panel h2{text-align:center;color:var(--gold-hi);margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;line-height:1.1}.role{border:1.5px solid var(--gold);background:linear-gradient(#b8302a,#7a1b16);border-radius:8px;justify-self:center;padding:.1em 1em;font-size:.95rem}.statbars{align-content:start;gap:8px;display:grid}.statbar{grid-template-columns:26px 54px 1fr;align-items:center;gap:8px;font-size:1rem;display:grid}.statbar .bar{background:#00000073;border:1px solid #ffffff26;border-radius:999px;height:12px;overflow:hidden}.statbar .bar i{border-radius:inherit;height:100%;display:block}.skill-row{justify-content:center;gap:6px;display:flex}.skill-row img{border:1.5px solid var(--gold);border-radius:50%;width:40px;height:40px}.name-row{gap:8px;display:flex}.name-row input{min-width:0;color:var(--cream);-webkit-user-select:text;user-select:text;background:#00000059;border:1.5px solid #e8b64cb3;border-radius:10px;outline:none;flex:1;padding:.45em .8em;font-family:inherit;font-size:1rem}.name-row input::placeholder{color:#8fb3aa}.loading{background:#0b2f2c 50%/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0}.loading .box{text-align:center;gap:10px;width:min(520px,80vw);padding:18px 22px;display:grid}.loading .prog{background:#00000073;border:1px solid #e8b64c99;border-radius:999px;height:12px;overflow:hidden}.loading .prog i{background:linear-gradient(90deg, var(--gold-dark), var(--gold-hi));width:0;height:100%;transition:width .2s;display:block}.loading .tip{color:var(--muted);font-size:.9rem}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-tl{left:calc(10px + var(--safe-l));top:calc(8px + var(--safe-t));align-items:flex-start;gap:10px;display:flex;position:absolute}.portrait{border:2.5px solid var(--gold);background:#0b2f2c top/cover no-repeat;border-radius:50%;width:62px;height:62px;position:relative;box-shadow:0 3px 10px #00000073}.portrait .lv{border:2px solid var(--gold);background:radial-gradient(circle,#1d6a62,#0b2f2c);border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 5px;font-size:.9rem;font-weight:600;display:grid;position:absolute;bottom:-6px;left:-6px}.portrait .pts{background:#e0453a;border:2px solid #fff2c4;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.bars{gap:4px;width:clamp(180px,30vw,380px);padding-top:4px;display:grid}.gbar{background:#0000008c;border:1.5px solid #e8b64cd9;border-radius:999px;height:15px;position:relative;overflow:hidden}.gbar i{transform-origin:0;border-radius:inherit;position:absolute;inset:0}.gbar.hp i{background:linear-gradient(180deg, var(--hp-hi), var(--hp))}.gbar.hp i.lag{background:#ffe2a0}.gbar.en i{background:linear-gradient(180deg, var(--en-hi), var(--en))}.gbar.xp{border-width:1px;height:7px}.gbar.xp i{background:linear-gradient(90deg, #c98a22, var(--xp))}.gbar span{text-align:center;font-size:.72rem;font-weight:500;line-height:13px;position:absolute;inset:0}.buffs{gap:4px;min-height:22px;display:flex}.buffs img{border:1px solid var(--gold);border-radius:50%;width:22px;height:22px}.hud-tr{right:calc(10px + var(--safe-r));top:calc(8px + var(--safe-t));align-items:flex-start;gap:8px;display:flex;position:absolute}.minimap{border:2.5px solid var(--gold);background:#082421bf;border-radius:50%;width:118px;height:118px;box-shadow:0 3px 12px #0006}.hud-btns{gap:8px;display:grid}.hud-btns .btn-round{position:relative}.hud-btns .dotred{background:#e0453a;border:2px solid #fff2c4;border-radius:50%;width:14px;height:14px;position:absolute;top:-3px;right:-3px}.boss{left:50%;top:calc(8px + var(--safe-t));text-align:center;gap:3px;width:min(44vw,520px);display:grid;position:absolute;transform:translate(-50%)}.boss .nm{color:#ffd0a0;font-size:1rem}.boss .gbar{border-color:#ff9a6a;height:14px}.joystick{left:calc(26px + var(--safe-l));bottom:calc(26px + var(--safe-b));touch-action:none;background:radial-gradient(circle,#ffffff1a,#ffffff0a);border:2px solid #fff0c859;border-radius:50%;width:150px;height:150px;position:absolute}.joystick .knob{opacity:.9;background:radial-gradient(circle at 40% 35%,#fff6d8,#e8c88c);border:2px solid #fff;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #0006}.keys-hint{left:calc(14px + var(--safe-l));bottom:calc(10px + var(--safe-b));opacity:.85;background:#0000004d;border-radius:8px;padding:.25em .7em;font-size:.78rem;position:absolute}.actions{right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));pointer-events:none;width:280px;height:240px;position:absolute}.actions .act{pointer-events:auto}.act{border:2.5px solid var(--gold);touch-action:none;background:#0b2f2c 50%/cover no-repeat;border-radius:50%;padding:0;position:absolute;overflow:hidden;box-shadow:0 4px 14px #00000073,inset 0 0 0 2px #00000059}.act.big{border-width:3px;width:112px;height:112px;bottom:0;right:0}.act.ult{border-color:var(--gold-hi);box-shadow:0 0 14px #ffd25a8c,0 4px 14px #00000073}.act .cd{background:conic-gradient(#000000ad var(--p,0%), transparent 0);border-radius:50%;position:absolute;inset:0}.act .cdt{place-items:center;font-size:1.15rem;font-weight:600;display:grid;position:absolute;inset:0}.act.nores{filter:saturate(.25)brightness(.7)}.act.locked{filter:grayscale()brightness(.4)}.act .key{opacity:.85;font-size:.68rem;position:absolute;bottom:2px;right:6px}.act.pot{background:radial-gradient(circle at 40% 35%,#ff9a8a,#a0201a)}.act.pot .n{font-size:.85rem;font-weight:700;position:absolute;bottom:0;right:2px}.act.pressed{transform:scale(.94)}.toasts{pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;top:20%;left:50%;transform:translate(-50%)}.toast{border:1.5px solid var(--gold);white-space:nowrap;background:#082421e0;border-radius:999px;padding:.3em 1.1em;font-size:1rem;animation:2.6s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.loot{border-left:4px solid var(--rc);background:#082421d9;border-radius:10px;padding:.2em 1em;font-size:.9rem;animation:3s forwards toast}.floaters{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dmg{color:#fff;text-shadow:0 2px #000000b3,0 0 6px #00000080;white-space:nowrap;will-change:transform, opacity;font-size:1.15rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.dmg.crit{color:#ffd84a;font-size:1.55rem}.dmg.hurt{color:#ff6a5a;font-size:1.05rem}.dmg.heal{color:#7dffa8}.dmg.miss{color:#cfe8ff;font-size:.95rem}.hpbar{background:#0000008c;border:1px solid #ffffff59;border-radius:999px;width:56px;height:7px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.hpbar i{transform-origin:0;background:linear-gradient(#ff7a6a,#c82a20);height:100%;display:block}.hpbar.elite{border-color:#ffd27a;width:76px}.levelup{left:50%;top:calc(7% + var(--safe-t));justify-items:center;gap:10px;animation:.5s cubic-bezier(.2,1.4,.4,1) lvIn;display:grid;position:absolute;transform:translate(-50%)}@keyframes lvIn{0%{opacity:0;transform:translate(-50%,-20px)scale(.8)}to{opacity:1;transform:translate(-50%)}}.lv-banner{text-align:center;border:2.5px solid var(--gold-hi);background:linear-gradient(#1d6a62,#0b2f2c);border-radius:18px;padding:8px 40px 10px;box-shadow:0 0 30px #ffd25aa6}.lv-banner h2{background:linear-gradient(#fff6c8,#f2c14e 60%,#c98a22);color:#0000;filter:drop-shadow(0 2px #5a3a08);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1}.lv-num{color:#3b2204;background:radial-gradient(circle,#ffe08a,#c98a22);border:3px solid #fff3c4;border-radius:50%;place-items:center;width:64px;height:64px;margin:-6px auto 0;font-size:1.8rem;font-weight:700;display:grid}.lv-cards{gap:10px;display:flex}.lv-card{text-align:center;justify-items:center;gap:4px;width:132px;padding:8px 8px 10px;font-size:.95rem;display:grid}.lv-card img{border-radius:50%;width:46px;height:46px}.lv-card .big{font-size:1.5rem}.lv-btns{gap:10px;display:flex}.menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));background:#0414128c;display:grid;position:fixed;inset:0}.menu-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.tabs{gap:6px;display:flex}.tab{color:var(--cream);background:linear-gradient(#15524c,#0b2f2c);border:2px solid #e8b64c99;border-radius:12px 12px 4px 4px;padding:.35em 1.3em;font-size:1.05rem;font-weight:500}.tab.on{border-color:var(--gold-hi);color:#3b2204;background:linear-gradient(#f2c45a,#c98a22);font-weight:700}.menu-cur{gap:8px;margin-left:auto;display:flex}.menu-body{min-height:0;height:calc(100vh - 70px - var(--safe-t) - var(--safe-b));grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:10px;display:grid}.menu-body>.panel{min-height:0;padding:12px 14px;overflow:auto}.menu-hero{grid-template-rows:auto 1fr;justify-items:center;display:grid}.menu-hero .lvline{align-items:center;gap:10px;width:100%;display:flex}.menu-hero .lvline .gbar{flex:1}.slots{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:10px;display:grid}.slot{aspect-ratio:1;border:2px solid var(--rc,#e8b64c66);box-shadow:0 0 10px color-mix(in srgb, var(--rc,transparent) 50%, transparent);background:#0000004d 50%/80% no-repeat;border-radius:12px;position:relative}.slot .tag{color:var(--gold-hi);font-size:.72rem;font-weight:700;position:absolute;top:2px;right:3px}.slot .sl{text-align:center;color:var(--muted);font-size:.62rem;position:absolute;bottom:1px;left:0;right:0}.slot.empty{opacity:.55}.slot.sel{outline-offset:2px;outline:2px solid #fff}.sec-h{color:var(--gold-hi);justify-content:space-between;align-items:center;margin:2px 0 8px;font-size:1.1rem;font-weight:600;display:flex}.pts-badge{color:#3b2204;background:linear-gradient(#fff1b0,#d89a2e);border:1.5px solid #fff3c4;border-radius:999px;padding:.1em .9em;font-size:.95rem;font-weight:700;box-shadow:0 0 12px #ffd25a99}.pts-badge.zero{filter:grayscale(.6)brightness(.8);box-shadow:none}.srow{border-bottom:1px dashed #e8b64c40;grid-template-columns:34px 1fr auto 36px 36px;align-items:center;gap:8px;padding:6px 4px;display:grid}.srow .ic{border:1.5px solid var(--gold);border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.1rem;display:grid}.srow .nm{font-size:1.05rem;line-height:1.2}.srow .nm small{color:var(--muted);font-size:.72rem;display:block}.srow .v{text-align:right;min-width:3ch;font-size:1.35rem;font-weight:600}.srow .v .plus{color:var(--ok);margin-left:2px;font-size:.9rem}.pm{border:2px solid var(--gold);width:36px;height:36px;color:var(--gold-hi);background:#0f403b;border-radius:50%;place-items:center;padding:0;font-size:1.3rem;font-weight:700;display:grid}.pm.plus{color:#3b2204;background:radial-gradient(circle at 40% 35%,#fff1b0,#d89a2e)}.pm:disabled{opacity:.3;cursor:default}.derived{grid-template-columns:1fr 1fr;gap:4px 14px;margin-top:10px;font-size:.9rem;display:grid}.derived div{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:2px 0;display:flex}.derived b{color:var(--cream);font-weight:600}.menu-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.skgrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.skc{color:inherit;background:0 0;border:2px solid #0000;border-radius:12px;justify-items:center;gap:2px;padding:4px;display:grid}.skc img{border:2px solid var(--gold);border-radius:50%;width:58px;height:58px}.skc.pas img{border-radius:14px}.skc.ult img{border-color:var(--gold-hi);box-shadow:0 0 10px #ffd25a99}.skc .rk{background:#00000073;border-radius:999px;padding:0 .6em;font-size:.8rem}.skc .nm{text-align:center;color:var(--muted);font-size:.78rem;line-height:1.15}.skc.on{border-color:var(--gold-hi);background:#e8b64c1f}.skc.lock img{filter:grayscale()brightness(.5)}.skd{gap:8px;display:grid}.skd .head{grid-template-columns:76px 1fr;align-items:center;gap:12px;display:grid}.skd .head img{border:2px solid var(--gold-hi);border-radius:50%;width:76px;height:76px}.skd h3{color:var(--gold-hi);margin:0;font-size:1.45rem;font-weight:600;line-height:1.15}.skd .desc{font-size:.95rem;line-height:1.45}.pips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pips i{background:#0006;border:1px solid #e8b64c80;border-radius:3px;width:16px;height:10px}.pips i.on{background:linear-gradient(#ffe08a,#c98a22);border-color:#ffe08a}.pips i.lock{background:repeating-linear-gradient(45deg,#0006 0 2px,#ffffff1f 2px 4px)}.cmp{gap:4px;font-size:1rem;display:grid}.cmp .new{color:var(--ok);font-weight:600}.ms{color:var(--muted);gap:2px;font-size:.85rem;display:grid}.ms .got{color:var(--ok)}.loadout{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.loadout .ls{background:#0000004d 50%/cover no-repeat;border:2px dashed #e8b64cb3;border-radius:50%;width:48px;height:48px;padding:0;position:relative}.loadout .ls.fill{border-style:solid}.loadout .ls .k{border:1px solid var(--gold);background:#0b2f2c;border-radius:6px;padding:0 4px;font-size:.7rem;position:absolute;bottom:-4px;right:-2px}.inv{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;display:grid}.item-d{border:2px solid var(--rc);background:#0000004d;border-radius:12px;gap:6px;margin-bottom:10px;padding:10px;display:grid}.item-d h4{color:var(--rc);margin:0;font-size:1.15rem;font-weight:600}.item-d .ln{justify-content:space-between;font-size:.9rem;display:flex}.item-d .ln .up{color:var(--ok)}.item-d .ln .down{color:#ff8a7a}.item-d .aff{color:#cfe8ff}.setline{color:var(--muted);font-size:.85rem}.setline .got{color:var(--ok)}.endscreen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0414128c;place-items:center;display:grid;position:fixed;inset:0}.endscreen .box{text-align:center;justify-items:center;gap:12px;min-width:min(420px,90vw);padding:20px 30px;display:grid}.endscreen h2{color:var(--gold-hi);margin:0;font-size:2.4rem;font-weight:600}.rotate{text-align:center;z-index:50;background:#0b2f2c;place-items:center;padding:24px;font-size:1.2rem;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:grid}}.debug{z-index:40;flex-wrap:wrap;gap:6px;padding:8px;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.debug button{padding:.3em .7em;font-size:.8rem}@media (max-height:460px){.select-panel{grid-template-rows:auto auto auto auto auto auto;align-content:start;gap:6px;padding:10px 12px}.select-panel h2{font-size:1.45rem}.statbars{gap:3px}.statbar{grid-template-columns:20px 46px 1fr;font-size:.85rem}.skill-row img{width:30px;height:30px}.name-row input{padding:.3em .6em}.select-panel .btn-gold{padding:.35em 1em;font-size:1rem}.cards{gap:6px}.card{width:62px}.portrait{width:52px;height:52px}.minimap{width:92px;height:92px}.actions{transform-origin:100% 100%;transform:scale(.82)}.joystick{transform-origin:0 100%;transform:scale(.85)}.menu-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.lv-card{width:112px}}