:root{color-scheme:dark;--line:#607b90;--gold:#e8c788;--glass:rgba(12,22,35,.91)}*{box-sizing:border-box;touch-action:none}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#080d13;color:#f6f0dc;font:14px system-ui,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:#f7f1df;background:#263e51;border:1px solid #638095;border-radius:9px;padding:10px}button:active{filter:brightness(1.35)}button:disabled{opacity:.42;cursor:default}#game{position:absolute;inset:0;width:100%;height:100%;display:block}#screen{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 20%,#294859,#0b111c 65%);overflow:auto;padding:12px;touch-action:pan-y}#screen.hidden,.hidden{display:none!important}.panel{width:min(790px,96vw);max-height:95vh;overflow:auto;border:1px solid #806d52;background:linear-gradient(145deg,#203546,#0e1724 80%);border-radius:18px;padding:20px 24px;box-shadow:0 14px 60px #000a;touch-action:pan-y}.eyebrow{color:#d1b679;font-size:11px;font-weight:700;letter-spacing:3px}h1{font-family:Georgia,serif;font-size:clamp(23px,4vw,41px);margin:5px 0 10px;color:#f4d39a}h2{margin:8px 0 12px;color:#f1d5a5;font-size:22px}.muted{color:#aabccc;font-size:12px;line-height:1.55}.creator{display:grid;grid-template-columns:200px 1fr;gap:18px}.preview{background:radial-gradient(circle,#45634e,#162832);border-radius:14px;min-height:200px;display:grid;place-items:center;border:1px solid #55725e}#avatar{width:145px;height:165px}label{display:block;color:#d9cdaa;font-size:12px;margin:9px 0 5px}input[type=text]{background:#0c1824;border:1px solid #688299;border-radius:8px;color:white;padding:10px;width:100%;touch-action:manipulation}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:27px;height:27px;border-radius:50%;padding:0;border:3px solid transparent}.swatch.chosen{border-color:white;box-shadow:0 0 0 2px #dfb870}.weapons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.weapon{font-size:12px;padding:8px 3px;min-width:0}.weapon.active{background:#59734c;border-color:#e9c98c}.wide{width:100%;background:linear-gradient(#7f613f,#58432e);border-color:#ddb875;font-weight:750;letter-spacing:.5px}.panelrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.storycard{background:#0d1b28;border:1px solid #405566;border-radius:10px;padding:12px;margin:12px 0}.fieldline{line-height:1.6}.ui{position:absolute;inset:0;pointer-events:none}#topbar{position:absolute;left:12px;top:8px;display:flex;align-items:start;gap:8px}#playerhud{padding:8px 11px;background:var(--glass);border:1px solid #658198;border-radius:12px;min-width:190px;box-shadow:0 5px 15px #0005}.small{font-size:11px;color:#d4dce1}.bar{height:8px;background:#15202b;border:1px solid #627282;border-radius:5px;overflow:hidden;margin-top:4px}.fill{height:100%;width:100%;background:#db6a62}.fill.stam{background:#75ca8c}.fill.xp{background:#8a9ee4}#enemyhud{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#111b25ed;border:1px solid #a16d54;padding:8px 12px;width:min(290px,35vw);border-radius:10px;display:none;text-align:center}#enemyhud .bar{height:10px}#enemyhud .fill{background:#d76b60}#enemyhud.boss-target-hud{width:min(350px,42vw);padding:9px 13px;background:linear-gradient(145deg,rgba(24,35,48,.97),rgba(11,18,29,.97));border:1px solid #b68b62;box-shadow:0 8px 24px #000a;pointer-events:none;z-index:5}#bosslabel{font-size:13px;font-weight:800;color:#f8e4bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bossmeta{font-size:10px;color:#cdbf9e;margin:2px 0 5px;letter-spacing:.4px}#bosslayer{font-size:12px;color:#ffd994;font-weight:900}#bossnumbers{font-size:11px;color:#f7eee0;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}#enemyhud .boss-layer-track{height:15px;border-radius:5px;overflow:hidden;background:#35252b;border:1px solid #896d70;margin-top:5px}#enemyhud .boss-layer-fill{height:100%;background:linear-gradient(90deg,#b63d51,#f18468);transition:width .12s linear}#enemyhud #bossstatus{justify-content:center;margin-top:4px}@media(max-height:480px){#enemyhud.boss-target-hud{top:4px;width:min(330px,41vw);padding:5px 9px}#bosslabel{font-size:11px}#bossmeta{margin:0 0 2px}#enemyhud .boss-layer-track{height:11px;margin-top:2px}#bossnumbers{margin-top:2px}}#topright{position:absolute;right:12px;top:10px;display:flex;gap:6px;align-items:start}#topright button,#mobnav button{pointer-events:auto;background:#1b2e40e6;font-size:12px;padding:9px}#mini{width:118px;height:118px;background:#07110f;border:2px solid #647f7d;border-radius:9px;pointer-events:auto}#quest{position:absolute;left:12px;top:176px;color:#f5db95;font-size:12px;text-shadow:1px 2px 3px #000;width:min(318px,46vw);line-height:1.58;max-width:46vw;padding:10px 12px;background:rgba(10,20,30,.42);border:1px solid rgba(160,188,200,.22);border-radius:12px;backdrop-filter:blur(2px)}#notice{position:absolute;left:50%;top:16%;transform:translateX(-50%);background:#1a2b3add;border:1px solid #b99b68;border-radius:12px;padding:10px 18px;text-align:center;opacity:0;transition:opacity .2s;max-width:85vw;font-weight:600}#bottom{position:absolute;inset:auto 0 0;height:205px;pointer-events:none}#joy{position:absolute;left:23px;bottom:28px;width:130px;height:130px;border-radius:50%;border:2px solid #9fbaba88;background:#729c9a25;pointer-events:auto;display:grid;place-items:center}#stick{width:57px;height:57px;border-radius:50%;background:#a8bdc4a8;border:2px solid #e1e2d7}.skillset{position:absolute;right:17px;bottom:15px;width:295px;height:185px;pointer-events:none}.skill{pointer-events:auto;position:absolute;width:56px;height:56px;border-radius:50%;background:#243950d9;border:2px solid #86abbc;color:white;font-weight:800;padding:2px;font-size:10px;box-shadow:0 2px 12px #0009;display:grid;place-items:center;text-align:center;line-height:1.1}.skill .cd{position:absolute;inset:0;border-radius:50%;background:#08131bdc;display:none;place-items:center;font-size:16px;color:#ffdd9a}.skill.cooling .cd{display:grid}.skill.basic{width:79px;height:79px;right:4px;bottom:15px;background:#6c5136dd;border-color:#f0c37c;font-size:14px}.skill.s1{right:91px;bottom:17px}.skill.s2{right:123px;bottom:84px}.skill.s3{right:61px;bottom:123px}.skill.ult{right:3px;bottom:117px;border-color:#f2c77b;background:#654e2f}.skill.dodge{right:181px;bottom:8px;background:#2f5c5e}.skill.lock{right:190px;bottom:88px;background:#3f405e;border-color:#d6b5f7}.skill.lock.active{border-color:#ffe78f;background:#65502f;box-shadow:0 0 14px #f5d27599}.target-label{position:absolute;top:4px;left:50%;transform:translateX(-50%);pointer-events:none;font-size:10px;white-space:nowrap;color:#ffe1a2}.skill.lock .cd{display:none!important}#interact{pointer-events:auto;display:none;font-weight:bold}#tip{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:11px;color:#d5e4e0;text-shadow:0 2px 5px black;white-space:nowrap}#overlay{position:absolute;inset:0;background:#050c14bb;display:none;place-items:center;pointer-events:auto;padding:12px}#overlay.open{display:grid}#dialog{max-width:min(670px,95vw);width:100%;max-height:90vh;overflow:auto;background:#152433;border:1px solid #ad9368;border-radius:15px;padding:19px;touch-action:pan-y}
#dialog.prologue-compact{max-width:min(820px,94vw);max-height:min(76vh,520px);padding:14px 16px;overflow:hidden}
#dialog.prologue-compact h2{font-size:clamp(20px,2.6vw,28px)}
#dialog.prologue-compact .panelrow{gap:6px}
#dialog.prologue-compact .prologue-top button{padding:8px 12px}
#dialog.prologue-compact .storycard{margin:10px 0;padding:12px 14px;border-radius:12px}
#dialog.prologue-compact .storycard h3{margin:0 0 8px;font-size:clamp(18px,2.1vw,24px)}
#dialog.prologue-compact .storycard p{margin:0 0 8px;line-height:1.45;font-size:clamp(13px,1.55vw,15px)}
#dialog.prologue-compact .prologue-points{margin:6px 0 0 18px;padding:0;display:grid;gap:5px;font-size:clamp(13px,1.5vw,15px);line-height:1.4}
#dialog.prologue-compact .prologue-actions{margin-top:10px}
#dialog.prologue-compact .muted{font-size:11px;line-height:1.35;margin-top:8px}
@media(max-height:540px){#dialog.prologue-compact{max-height:84vh;padding:12px 13px}#dialog.prologue-compact .storycard{padding:10px 12px;margin:8px 0}#dialog.prologue-compact .storycard p{margin:0 0 6px;font-size:13px}#dialog.prologue-compact .prologue-points{gap:4px;font-size:13px}#dialog.prologue-compact .wide{padding:9px 10px}}
#dialog button{margin:4px}.gridbtn{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.gridbtn button{min-height:43px}.gridbtn button.active{background:#657543;border-color:#e3c887}#rot{position:absolute;inset:0;background:#101c2b;z-index:30;display:none;place-items:center;text-align:center;padding:25px}#rot .symbol{font-size:58px}@media(orientation:portrait) and (max-width:850px){#rot{display:grid}}@media(max-height:480px){#topbar{top:4px;left:5px}#playerhud{padding:5px;min-width:170px}#quest{top:126px;font-size:10px;width:min(290px,48vw);padding:8px 10px}#bottom{height:150px}#joy{width:100px;height:100px;left:14px;bottom:13px}#stick{width:43px;height:43px}.skillset{transform:scale(.78);transform-origin:bottom right;right:7px;bottom:6px}#interact{bottom:109px}.panel{padding:12px}#mini{width:86px;height:86px}#topright{top:5px;right:5px}}@media(max-width:600px){.creator{grid-template-columns:120px 1fr;gap:9px}.preview{min-height:160px}#avatar{width:112px}.weapons{grid-template-columns:repeat(3,1fr)}}
.skill .keycap{position:absolute;top:-6px;right:-5px;background:#101923;border:1px solid #7eacb8;border-radius:5px;font-size:9px;min-width:18px;padding:2px 3px;color:#f6deb4;line-height:1;box-shadow:0 1px 5px #0008;pointer-events:none}.keygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.keyrow{border:1px solid #435d6d;background:#0d1c28;border-radius:9px;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}.keybind{min-width:90px;font-size:11px;background:#324a5e;border-color:#a0b8c5;padding:7px 5px}@media(max-width:480px){.keygrid{grid-template-columns:1fr}}

/* v0.9 mobile: reliable touch-scrolling creator + wider mobile camera */
#screen{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:14px 10px 25px}
#screen .panel{margin:0 auto 18px;max-height:none!important;overflow:visible;touch-action:pan-y}
#screen .panel *,#screen .creator,#screen .weapons,#screen .storycard{touch-action:pan-y}
#screen button,#screen input,#screen select{touch-action:manipulation}
#screen,#screen .panel,#screen .panel *{overscroll-behavior:contain}
#screen{scrollbar-width:thin;scroll-padding-bottom:24px}
#screen .swatches button{touch-action:manipulation}
#joy{position:fixed;left:23px;top:auto;bottom:28px;transition:opacity .12s;z-index:5}
#joy.floating{left:0;top:0;bottom:auto;transform:translate(-50%,-50%);pointer-events:none}
#mobileGate{display:none;position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 25%,#294858,#0a121e 72%);padding:18px;align-items:center;justify-content:center;text-align:center}
#mobileGate.show{display:flex}
#mobileGate .gatecard{width:min(470px,94vw);border:1px solid #b89c6b;border-radius:18px;background:#122534;padding:20px;box-shadow:0 15px 55px #0008}
#mobileGate p{font-size:13px;color:#b9cbd3;line-height:1.6}
#mobileGate button{display:block;width:100%;min-height:48px;margin-top:12px;background:#735935;border-color:#d5b778;font-weight:800;touch-action:manipulation}
@media(max-height:480px){#screen .panel{max-height:none!important}#screen h1{font-size:26px}#screen .preview{min-height:120px}#screen #avatar{height:130px}#screen .storycard{margin:8px 0}#screen .panel{padding:12px}}

/* v1.0 configurable mobile HUD */
.layout-control{position:fixed!important;right:auto!important;bottom:auto!important;left:0;top:0;margin:0;transform-origin:center center!important;z-index:12;touch-action:none!important}
.layout-control.skill{display:grid}
.layout-control#joy{position:fixed!important;z-index:11;transform-origin:center center!important}
.layout-control#joy.floating{pointer-events:none!important}
body.menu-open .layout-control{visibility:hidden!important;pointer-events:none!important}
body.hud-edit .layout-control{outline:2px dashed #ffd16a;outline-offset:3px;cursor:move;pointer-events:auto!important;visibility:visible!important}
body.hud-edit .layout-control.selected{outline:3px solid #ffffff;box-shadow:0 0 0 5px #dfad4b77}
#hudEditor{position:fixed;top:6px;left:50%;transform:translateX(-50%);z-index:80;display:none;background:#112536f5;border:1px solid #ccab66;border-radius:13px;padding:8px 12px;max-width:96vw;box-shadow:0 8px 25px #0009;color:#fff;pointer-events:auto;touch-action:manipulation}
#hudEditor.show{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center}
#hudEditor button,#hudEditor select,#hudEditor input{touch-action:manipulation}
#hudEditor label{margin:0;font-size:12px;white-space:nowrap}
#hudEditor select{background:#1d3c51;color:#fff;border:1px solid #7494a7;padding:8px;border-radius:6px;max-width:105px}
#hudEditor input[type=range]{width:105px;accent-color:#ffd580}
#hudEditor button{font-size:12px;padding:8px}
#mini{background:#06120f!important}

/* v1.1 menu shell: landscape-first, independently scrollable */
#rpgShell{position:fixed;inset:0;z-index:45;background:radial-gradient(ellipse at 55% 30%,#24445a,#0a1019 73%);display:none;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:clamp(12px,2.4vw,30px)}
#rpgShell.visible{display:block}
#rpgShell *{touch-action:pan-y}
#rpgShell button{touch-action:manipulation}
.shell{max-width:1130px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;gap:14px}
.shell-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0 14px;border-bottom:1px solid #576a70}
.shell-logo{font:700 clamp(22px,3.3vw,40px) Georgia,serif;color:#f6d89f;margin:0}
.shell-sub{color:#a9bec5;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.shell-box{border:1px solid #708090;background:linear-gradient(145deg,#1b3040ee,#101c2bee);border-radius:16px;padding:clamp(13px,2vw,24px);box-shadow:0 16px 45px #0005}
.shell-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}
.shell-action{border:1px solid #7b8c94;background:linear-gradient(155deg,#29475a,#182b38);border-radius:15px;min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:800;padding:14px;text-align:center}
.shell-action i{font-size:31px;font-style:normal}
.shell-action.primary{background:linear-gradient(155deg,#847049,#4c402c);border-color:#e8ca8a}
.shell-action:disabled{opacity:.56}
.shell-btns{display:flex;gap:9px;flex-wrap:wrap}.shell-btns button{min-width:125px;padding:12px}
.shell-label{font-size:12px;color:#acc1c8;letter-spacing:1.1px;text-transform:uppercase}
.character-shell{height:calc(100dvh - 28px);min-height:0;overflow:hidden}
.char-grid{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(380px,1.28fr);gap:12px;align-items:stretch;flex:1;min-height:0}
.char-pane{min-height:0;height:100%}
.char-pane.left{overflow-y:auto;overflow-x:hidden;touch-action:pan-y}
.char-pane.right{overflow:hidden;display:flex;flex-direction:column}
.char-hero{display:flex;gap:11px;align-items:center;border-bottom:1px solid #506777;padding-bottom:10px;margin-bottom:12px}
.char-portrait{background:radial-gradient(circle,#3d665b,#132731);border:1px solid #699285;border-radius:14px;width:92px;min-width:92px;height:108px;display:grid;place-items:center}
.char-stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.char-stat>div{background:#101f2b;border:1px solid #334e60;border-radius:10px;padding:8px 10px;min-height:68px}
.char-stat b{display:block;font-size:15px;color:#f5db9e;margin-top:2px}
.char-meta{font-size:12px;line-height:1.45}
.char-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.char-actions button{flex:1 1 130px;min-width:0}
.gear-wheel{position:relative;flex:1;min-height:300px;height:100%;aspect-ratio:auto;background:radial-gradient(ellipse at center,#34556855,#111b29 67%);border:1px solid #456274;border-radius:18px;overflow:hidden}
.gear-ring{position:absolute;left:50%;top:51%;width:min(52%,255px);aspect-ratio:1;border:2px dashed #77909b88;border-radius:50%;transform:translate(-50%,-50%)}
.gear-avatar{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:102px;height:126px;display:grid;place-items:center;pointer-events:none}
.gear-slot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;min-height:54px;border-radius:12px;background:#22394be8;border:1px solid #7994a0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;text-align:center;padding:5px 3px;gap:2px;box-shadow:0 5px 14px #0006}
.gear-slot strong{font-size:10px}.gear-slot span{color:#ffdb97;font-size:9px}.gear-slot.weapon-slot{background:#705b35;border-color:#f3d395}
.gear-slot:disabled{opacity:.66;cursor:not-allowed}
.weapon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-top:12px}
.weapon-card{background:#182e3e;border:1px solid #536e7d;border-radius:12px;padding:13px;min-height:110px;text-align:left}
.weapon-card b{display:block;color:#ffdc9e;margin:7px 0 3px}.weapon-card .muted{font-size:11px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}

.compare-item{border:1px solid #547386;border-radius:13px;background:#112735;padding:14px}
.compare-item.selected{border-color:#d5ae6d;background:#263224}
.compare-item h3{margin:6px 0 12px;font-size:17px;color:#f4d396}
.compare-item p{margin:7px 0;display:flex;justify-content:space-between;gap:10px;font-size:12px}
.compare-item p b{font-size:13px}.plus{color:#8ce5a4}.minus{color:#ff9e96}.equal{color:#aac6d0}
.shell-popup-shade{position:fixed;inset:0;z-index:56;background:#03080fe0;display:grid;place-items:center;padding:12px;touch-action:pan-y!important}
.shell-popup{width:min(940px,96vw);max-height:92dvh;overflow-y:auto;touch-action:pan-y!important;background:#152938;border:1px solid #a68c60;border-radius:17px;padding:18px;box-shadow:0 25px 60px #0009}
.shell-popup *{touch-action:pan-y}.shell-popup button{touch-action:manipulation}
@media(max-width:790px){.shell-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell-action{min-height:96px}.character-shell{height:auto;overflow:visible}.char-grid{grid-template-columns:1fr;min-height:auto}.char-pane.left,.char-pane.right{overflow:visible}.gear-wheel{min-height:345px;height:345px}.gear-slot{width:76px;font-size:10px}}
@media(max-height:520px){#rpgShell{padding:10px}.shell-head{padding-bottom:7px}.shell-action{min-height:90px}.gear-wheel{min-height:315px}.shell-box{padding:12px}}
#interact{touch-action:none!important;z-index:20;user-select:none;-webkit-user-select:none}

/* v1.2.0: Character-only compact 30/70 split, scroll locked to LEFT panel. */
#rpgShell.character-active .gear-orbit{position:absolute;top:0;left:50%;height:100%;width:min(100%,440px);transform:translateX(-50%)}
#rpgShell.character-active{padding:7px 9px!important;overflow:hidden!important;touch-action:none!important}
#rpgShell.character-active #shellView{height:100%;min-height:0;overflow:hidden!important;touch-action:none!important}
#rpgShell.character-active .shell.character-shell{max-width:none;width:100%;height:100%;min-height:0;gap:6px;overflow:hidden!important;touch-action:none!important}
#rpgShell.character-active .shell-head{flex:0 0 auto;min-height:42px;padding:0 2px 5px;gap:6px}
#rpgShell.character-active .shell-logo{font-size:clamp(18px,2.3vw,26px);line-height:1.05;margin:1px 0}
#rpgShell.character-active .shell-sub{font-size:9px;letter-spacing:1px;line-height:1.2}
#rpgShell.character-active .shell-head button{padding:5px 11px;font-size:12px}
#rpgShell.character-active .char-grid{display:grid!important;grid-template-columns:minmax(0,30fr) minmax(0,70fr)!important;gap:8px;flex:1 1 0;min-height:0;height:0;overflow:hidden!important;align-items:stretch}
#rpgShell.character-active .char-pane{min-width:0;min-height:0;height:100%;padding:9px!important;border-radius:10px}
#rpgShell.character-active .char-pane.left{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;scrollbar-width:thin}
#rpgShell.character-active .char-pane.left, #rpgShell.character-active .char-pane.left *:not(button){touch-action:pan-y!important}
#rpgShell.character-active .char-pane.left button{touch-action:manipulation!important}
#rpgShell.character-active .char-pane.right{overflow:hidden!important;touch-action:none!important;display:flex;flex-direction:column}
#rpgShell.character-active .char-pane.right *:not(button){touch-action:none!important}
#rpgShell.character-active .char-pane.right button{touch-action:manipulation!important}
#rpgShell.character-active .char-hero{gap:7px;padding-bottom:6px;margin-bottom:7px;min-width:0;align-items:center}
#rpgShell.character-active .char-portrait{width:52px;min-width:52px;height:65px;border-radius:9px;overflow:hidden}
#rpgShell.character-active .char-portrait canvas{max-width:46px!important;max-height:55px!important;width:46px!important;height:55px!important}
#rpgShell.character-active .char-hero>div:last-child{min-width:0;overflow-wrap:anywhere}
#rpgShell.character-active .char-hero h2{font-size:clamp(13px,1.5vw,17px);margin:2px 0!important;line-height:1.2}
#rpgShell.character-active .char-meta{font-size:10px;line-height:1.25}
#rpgShell.character-active .char-hero .shell-label{font-size:9px;letter-spacing:.2px}
#rpgShell.character-active .char-pane.left>h2{font-size:15px;margin:3px 0 7px!important}
#rpgShell.character-active .char-stat{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}
#rpgShell.character-active .char-stat>div{padding:5px 6px;min-height:43px;border-radius:7px}
#rpgShell.character-active .char-stat .shell-label{font-size:9px;letter-spacing:0;white-space:normal;line-height:1.1}
#rpgShell.character-active .char-stat b{font-size:13px;margin-top:2px;line-height:1.1}
#rpgShell.character-active .char-actions{margin-top:7px;gap:5px}
#rpgShell.character-active .char-actions button{flex:1 1 90px;min-width:0;padding:6px;font-size:11px}
#rpgShell.character-active .char-pane.right>h2{font-size:17px;margin:0 0 2px!important;line-height:1.2}
#rpgShell.character-active .char-pane.right>p{font-size:10px;margin:0 0 3px!important;line-height:1.2}
#rpgShell.character-active .gear-wheel{min-height:0!important;flex:1 1 0;height:0!important;width:100%;aspect-ratio:auto;border-radius:10px}
#rpgShell.character-active .gear-ring{width:min(40%,155px,45cqh);top:50%;left:50%}
#rpgShell.character-active .gear-avatar{width:65px;height:75px;top:50%}
#rpgShell.character-active .gear-avatar canvas{width:55px!important;height:65px!important}
#rpgShell.character-active .gear-slot{width:clamp(52px,7vw,77px);min-height:clamp(32px,7.5dvh,45px);padding:2px;gap:0;border-radius:7px}
#rpgShell.character-active .gear-slot strong{font-size:clamp(8px,1vw,10px);line-height:1.12}
#rpgShell.character-active .gear-slot span{font-size:9px;line-height:1.15}
@media(max-height:480px){
 #rpgShell.character-active .char-pane{padding:6px!important}
 #rpgShell.character-active .char-hero{margin-bottom:4px;padding-bottom:4px}
 #rpgShell.character-active .char-portrait{height:48px;width:45px;min-width:45px}
 #rpgShell.character-active .char-portrait canvas{width:36px!important;height:44px!important}
 #rpgShell.character-active .gear-slot{min-height:31px}
 #rpgShell.character-active .gear-slot strong{font-size:8px}
 #rpgShell.character-active .gear-slot span{font-size:8px}
}

/* v1.2.0 mandatory orientation / fullscreen entry step */
#mobileGate{display:flex!important;position:fixed;inset:0;z-index:120;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:14px;background:radial-gradient(ellipse at center,#23435a,#09121f 75%);visibility:visible;opacity:1;transition:opacity .18s}
#mobileGate.passed{display:none!important}
#mobileGate .gatecard{max-height:min(95dvh,460px);overflow:auto;touch-action:pan-y;width:min(540px,94vw);padding:clamp(12px,2.5vh,24px)}
#mobileGate .gatecard h2{margin:6px 0;font-size:clamp(20px,4vw,28px)}
#mobileGate .gatecard p{margin:8px 0}
#mobileGate .gate-orient{display:inline-flex;gap:6px;align-items:center;color:#ffd99b;background:#2a3444;border:1px solid #836e55;border-radius:16px;padding:5px 12px;font-size:11px;font-weight:700}
#mobileGate #enterMobile{min-height:48px}
#mobileGate #gateHint{font-size:11px}
#mobileGate .gate-status{color:#9ccfd5;font-size:12px;margin-top:8px;min-height:16px}
@media (orientation:portrait) {#mobileGate .gatecard{border-color:#e2b56b}#mobileGate .gate-orient{background:#573b2f}}

/* v1.2 inventory: tabbed, scrollable only within contents, touch-friendly */
.inventory-shell{height:calc(100dvh - 28px);min-height:0;overflow:hidden;gap:8px}
.inventory-frame{min-height:0;flex:1;display:flex;flex-direction:column;padding:12px!important;gap:9px;overflow:hidden}
.inventory-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.inventory-top h2{font-size:clamp(16px,2.3vw,23px)}
.inventory-sort{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap}
.inventory-sort select{background:#152d3c;border:1px solid #688596;color:#f6f0dc;border-radius:7px;padding:7px;touch-action:manipulation}
.inventory-tabs{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;padding-bottom:4px;touch-action:pan-x;scrollbar-width:thin}
.inventory-tab{white-space:nowrap;flex:1 0 auto;min-width:100px;padding:8px 10px;border:1px solid #668294;border-radius:9px;background:#21374a;font-weight:650;touch-action:manipulation!important}
.inventory-tab.active{background:#79613d;border-color:#f0c885;color:#fff4db}
.inventory-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;padding:4px}
.inventory-scroll *:not(button){touch-action:pan-y!important}
.inventory-scroll button{touch-action:manipulation!important}
.inventory-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}
.inventory-card{display:flex;align-items:center;gap:10px;min-width:0;background:#0e2232;border:1px solid #456678;border-radius:11px;padding:9px}
.inventory-icon{height:47px;width:47px;min-width:47px;position:relative;border-radius:10px;display:grid;place-items:center;background:#27465a;font-size:23px;border:1px solid #7894a0}
.inventory-qty{position:absolute;right:-5px;bottom:-5px;background:#d5b674;color:#14212b;border:1px solid #f6dc9c;border-radius:9px;font-size:10px;padding:1px 4px;font-weight:800}
.inventory-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.inventory-info b{font-size:12px;overflow-wrap:anywhere}.inventory-info span{font-size:10px;color:#afc4cf}.inventory-info em{font-size:10px;color:#bde5a4;font-style:normal}
.inventory-actions{display:flex;flex-direction:column;gap:5px}.inventory-actions button{font-size:10px;padding:6px 8px;margin:0}
.inventory-delete{background:#60343b!important;border-color:#c76d70!important;color:#ffe4e4!important}
.inventory-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;font-size:10px;color:#b7c6cf}.inventory-foot button{padding:6px 10px}
.inventory-empty{height:100%;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bed0d9;gap:5px;text-align:center}
.inventory-empty h3,.inventory-empty p{margin:0}
@media(max-height:500px){.inventory-shell{height:calc(100dvh - 14px)}.inventory-frame{padding:8px!important;gap:5px}.inventory-tab{padding:6px 9px}.inventory-card{padding:6px}.inventory-icon{width:39px;min-width:39px;height:39px}}

/* v1.2.3 unified inventory-style equipment selection */
.equipment-equipped{display:block;color:#bde5a4;text-align:center;font-size:10px}
#rpgShell .inventory-frame .inventory-scroll{touch-action:pan-y!important}
@media(max-height:440px){.inventory-frame{padding:7px!important;gap:5px}.inventory-top h2{font-size:15px}.inventory-tab{padding:6px 8px}.inventory-card{padding:6px}.inventory-icon{width:39px;height:39px;min-width:39px}}

/* v1.2.3: consistent three-column bag and equipment cards, even when only one item exists. */
.inventory-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-content:start}
.inventory-card{min-width:0;max-width:100%;gap:7px}
.inventory-info b,.inventory-info span{overflow-wrap:anywhere}
.inventory-actions{flex:0 0 auto}
@media(max-width:800px){.inventory-card{padding:5px;gap:5px}.inventory-icon{width:32px;min-width:32px;height:32px;font-size:17px}.inventory-actions button{font-size:9px;padding:5px 4px}.inventory-info b{font-size:11px}.inventory-info span{font-size:9px}}

/* v1.2.3: supplied fantasy character art in menus, without changing lightweight combat sprites */
#creator{width:min(820px,96vw)}
#creator .creator-new{grid-template-columns:minmax(145px,225px) 1fr;align-items:stretch;gap:16px}
#creator .preview{min-height:185px;max-height:245px;overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#3d514b,#101e2c 73%)}
#avatarArtwork{display:block;height:100%;width:100%;max-height:235px;object-fit:contain;object-position:center bottom;pointer-events:none}
.gender-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}
.gender-choices button{padding:11px 6px;border:1px solid #6e8a98;background:#203a49;color:#e5edf3;border-radius:10px;touch-action:manipulation!important}
.gender-choices button.chosen{background:#705835;border-color:#f1d08b;box-shadow:inset 0 0 0 1px #efc67a}
.creator-note{color:#e9cb92;font-size:11px;line-height:1.5;margin:7px 0 9px}
#rpgShell.character-active .char-portrait .character-art{height:100%;width:100%;display:block;object-fit:contain;object-position:center bottom}
#rpgShell.character-active .gear-avatar{width:min(37%,190px)!important;height:min(90%,300px)!important;top:52%;z-index:1;overflow:visible;display:flex;align-items:center;justify-content:center}
#rpgShell.character-active .gear-avatar .character-art{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 8px #0009)}
#rpgShell.character-active .gear-ring{z-index:0}
#rpgShell.character-active .gear-slot{z-index:3}
@media(max-height:500px){#rpgShell.character-active .gear-avatar{width:min(34%,130px)!important;height:min(87%,240px)!important}#creator .preview{min-height:125px;max-height:180px}#avatarArtwork{max-height:178px}#creator .creator-new{grid-template-columns:145px 1fr}}
@media(max-width:600px){#creator .creator-new{grid-template-columns:120px 1fr;gap:9px}.gender-choices button{font-size:12px;padding:7px 3px}}

/* v1.2.79: Android long-press protection on HUD and all combat controls. */
html,body,#hud,#hud *,#game,.skill,.layout-control,#joy,#stick,#quest,#topright,#bottom{
 -webkit-user-select:none!important;user-select:none!important;
 -webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent;
}
#hud button,#hud canvas,.layout-control{touch-action:none!important;}
#quest{pointer-events:none}
.practice-sets{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 5px;pointer-events:auto}
.practice-sets button{pointer-events:auto;touch-action:manipulation!important;min-width:64px;min-height:33px;padding:5px 8px;font-weight:700;font-size:11px;border-color:#a6cdb3;background:#274c49}
#hitCounter{position:absolute;right:9px;top:28%;display:none;width:112px!important;min-width:0!important;max-width:112px!important;padding:5px 7px!important;border-radius:7px!important;background:rgba(12,22,34,.47);border:1px solid rgba(198,166,107,.38);box-shadow:0 2px 6px rgba(0,0,0,.15);color:#f6e5b8;text-align:center;pointer-events:none;text-shadow:0 1px 2px #000;z-index:1;line-height:1!important;backdrop-filter:blur(2px)}
#hitCounter.active{display:block}
#hitCounter .damage-caption{margin-top:3px;padding-top:3px;border-top:1px solid rgba(198,166,107,.24)}
#hitCounter .hit-label{font-family:system-ui,Segoe UI,sans-serif!important;font-size:7px!important;font-weight:700!important;letter-spacing:.15px!important;line-height:1.06!important;color:#dfd4b7}
#hitCounter .hit-number{font-family:system-ui,Segoe UI,sans-serif!important;font-size:12px!important;font-weight:750!important;letter-spacing:0!important;color:#ffdfa0;line-height:1.14!important}
#damageBreakdown{margin-top:5px;padding-top:4px;border-top:1px solid rgba(204,212,223,.2);display:grid;grid-template-columns:1fr;gap:2px;line-height:1.15}
#damageBreakdown .damage-part{display:flex;align-items:center;justify-content:space-between;gap:5px;font-family:system-ui,Segoe UI,sans-serif;font-size:8px;font-weight:500;color:rgba(217,227,235,.64);white-space:nowrap;font-variant-numeric:tabular-nums}
#damageBreakdown .damage-part.has-damage{color:rgba(247,248,251,.94);font-weight:700}
#damageBreakdown .part-name{display:flex;align-items:center;gap:3px;overflow:hidden}
#damageBreakdown .part-icon{display:inline-flex;width:13px;justify-content:center;text-align:center}
#damageBreakdown .part-value{color:rgba(239,239,244,.62);font-size:8px;text-align:right}
#damageBreakdown .has-damage .part-value{color:#fff6d5}
@media(max-height:500px){#hitCounter{right:7px;top:27%;padding:4px 6px!important;width:105px!important;max-width:105px!important}#damageBreakdown{gap:1px;margin-top:3px;padding-top:3px}#damageBreakdown .damage-part{font-size:7px}#damageBreakdown .part-value{font-size:7px}}
@media(max-width:900px){
  .skillset{width:248px;height:178px;right:6px;bottom:8px}
  .skill{width:54px;height:54px;font-size:10px}
  .skill.basic{width:82px;height:82px;right:1px;bottom:4px;font-size:14px}
  .skill.s1{right:88px;bottom:17px}
  .skill.s2{right:90px;bottom:88px}
  .skill.ult{right:0;bottom:101px;width:68px;height:68px}
  .skill.lock{right:162px;bottom:79px}
  .skill.dodge{right:165px;bottom:8px}
  #hitCounter{top:132px;right:8px;width:118px!important;max-width:118px!important;z-index:2}
}
@media(max-width:700px){
  .skillset{transform:scale(.92);transform-origin:bottom right;right:1px;bottom:2px}
  #hitCounter{top:126px;right:6px;width:110px!important;max-width:110px!important;padding:5px 6px!important}
}


/* v1.2.79: mobile HUD layout fix + move damage panel under top menu */
#dialog:has(.skills-cards){max-width:min(850px,96vw)}
.skills-weapon-line{margin:12px 0 5px;font-size:13px;color:#dceaf6}
.skills-weapon-line strong{color:#ffe2a5}
.skills-note{font-size:11px;color:#aabed0;line-height:1.4;margin:5px 0 11px}
.skills-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.skills-card{min-width:0;padding:11px;border:1px solid #52697b;background:linear-gradient(145deg,#213a47,#10212e);border-radius:12px;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere}
.skills-card-head{display:flex;justify-content:space-between;gap:5px;align-items:center}
.skills-icon{font-size:24px;line-height:1.1}.skills-slot{font-size:10px;font-weight:750;color:#c5d7df;letter-spacing:.3px}
.skills-name{font-size:14px;line-height:1.15;color:#f7eccf}
.skills-meta{display:flex;gap:5px;flex-wrap:wrap}.skills-meta span{font-size:9px;border-radius:5px;padding:3px 5px;background:#263f4e;color:#dfecf5}
.skills-card p{font-size:11px;line-height:1.45;color:#c5d4d9;margin:0;flex:1}
.skills-card label{font-size:10px;margin:2px 0 0}.skills-card select{width:100%;min-width:0;background:#132936;color:#fff;border:1px solid #7292a1;border-radius:7px;padding:7px 3px;font-size:11px;touch-action:manipulation}
.skills-fire{border-color:#a36d43}.skills-water{border-color:#408ab7}.skills-nature{border-color:#579a6e}.skills-arcane{border-color:#896db5}
@media(max-height:430px){.skills-card{padding:8px;gap:4px}.skills-card p{font-size:10px}.skills-icon{font-size:20px}}

/* v1.2.79: native swipe on all skill-card content in both popup and Hub. */
#dialog:has(.skills-cards){overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y!important}
#dialog:has(.skills-cards) .skills-cards,#dialog:has(.skills-cards) .skills-card,#dialog:has(.skills-cards) .skills-card *:not(select):not(button){touch-action:pan-y!important}
#dialog:has(.skills-cards) select,#dialog:has(.skills-cards) button{touch-action:manipulation!important}
#rpgShell .skills-shell,#rpgShell .skills-hub-content,#rpgShell .skills-cards,#rpgShell .skills-card,#rpgShell .skills-card *:not(select):not(button){touch-action:pan-y!important}
#rpgShell .skills-shell button,#rpgShell .skills-shell select{touch-action:manipulation!important}
#rpgShell .skills-shell{width:min(100%,1000px);margin-inline:auto}
#rpgShell .skills-hub-content{overflow:visible!important;max-height:none!important}

/* v1.2.79: obvious charged Ultimate readiness */
.skill.ult.ult-ready{border-color:#fff2a5;background:#81632e;box-shadow:0 0 16px 4px #ffe48caa,0 0 28px #f3c766aa;animation:ultimateGlow 1.2s ease-in-out infinite alternate}
.skill.ult.ult-charging{border-color:#fff;background:#6c738a;box-shadow:0 0 19px 6px #fff9;animation:none}
@keyframes ultimateGlow{from{filter:brightness(1);box-shadow:0 0 10px 2px #ffe48c99}to{filter:brightness(1.3);box-shadow:0 0 22px 7px #ffe48ccc}}
#ultgauge-title{font-size:10px;display:flex;justify-content:space-between}

/* v1.2.79 compact combat HUD — affects gameplay UI only. */
#topbar{top:6px;left:8px}
#playerhud{width:207px;min-width:0;padding:6px 8px;border-radius:9px;font-size:11px;line-height:1.15}
#playerhud #hname{font-size:12px;font-weight:650;line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#playerhud .small{font-size:9px;line-height:1.18}
#playerhud .bar{height:5px;margin-top:3px;border-radius:4px}
#playerhud #ultgauge-title{margin-top:3px!important}
#playerhud #ultvalue{float:right}
#playerhud #ultfill{height:100%}
#playerhud .bar:has(#ultfill){height:5px!important}
#playerhud .bar:has(#xpfill){height:3px!important}
#playerhud #weaponlabel{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-row{display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-height:14px;margin-top:3px}
#playerstatus{justify-content:flex-start}
#bossstatus{justify-content:center;margin-top:4px}
.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 3px;border-radius:6px;background:var(--status-color,#253b4b);border:1px solid #fff9;font-size:11px;line-height:1;box-shadow:0 0 7px var(--status-glow,#253b4b),inset 0 1px 2px #fff6;color:#13202d;text-shadow:0 1px #ffffff55}
.status-burn{--status-color:#ff8c32;--status-glow:#ff571b}.status-bleed{--status-color:#ff5379;--status-glow:#d52a54}.status-stun{--status-color:#ffe17a;--status-glow:#ffc43d}.status-poison{--status-color:#9ef359;--status-glow:#55b827}.status-electric{--status-color:#ffe950;--status-glow:#ddb820}.status-slow{--status-color:#67caff;--status-glow:#3186d4}
#quest{top:151px;left:8px}
#tip{bottom:5px;font-size:9px;max-width:calc(100vw - 420px);overflow:hidden;text-overflow:ellipsis;opacity:.88}
@media(max-height:500px){
 #topbar{top:4px;left:5px}
 #playerhud{width:189px;min-width:0;padding:4px 7px;font-size:10px}
 #playerhud #hname{font-size:11px}
 #playerhud .small{font-size:8px}
 #playerhud .bar{height:4px;margin-top:2px}
 #playerhud .bar:has(#ultfill){height:4px!important}
 #quest{top:121px;left:6px}
 #tip{font-size:8px;bottom:4px;max-width:calc(100vw - 310px)}
}

/* v1.2.79 Elemental Attributes — only the left Character panel scrolls */
#rpgShell.character-active .elemental-panel{margin:9px 0 7px;background:linear-gradient(155deg,#152938,#0b1a27);border:1px solid #4d6a7c;border-radius:9px;padding:9px}
#rpgShell.character-active .elemental-panel-title{font-size:13px;font-weight:800;color:#ebd3a0;margin-bottom:7px}
#rpgShell.character-active .elemental-table{display:flex;flex-direction:column;gap:3px}
#rpgShell.character-active .elemental-heading,#rpgShell.character-active .elemental-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 58px;align-items:center;gap:3px}
#rpgShell.character-active .elemental-heading{font-size:9px;font-weight:800;letter-spacing:.5px;color:#b9cbda;padding:1px 5px 4px;border-bottom:1px solid #466072}
#rpgShell.character-active .elemental-heading span:nth-child(n+2),#rpgShell.character-active .elemental-row b{text-align:right}
#rpgShell.character-active .elemental-row{background:#0f2230;border-radius:5px;padding:5px;font-size:11px}
#rpgShell.character-active .elemental-row b{font-size:11px;font-variant-numeric:tabular-nums;color:#f2e8d0}
#rpgShell.character-active .elemental-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rpgShell.character-active .elemental-symbol{display:inline-block;width:18px;text-align:center}
#rpgShell.character-active .elemental-note{font-size:10px;line-height:1.4;color:#a9c1cc;margin:8px 0 0}
@media(max-height:480px){#rpgShell.character-active .elemental-panel{margin:5px 0;padding:6px}#rpgShell.character-active .elemental-row{padding:3px 5px}}

/* v1.2.79: Compact elemental affinity cue below boss HP, never clickable. */
.boss-affinity{font-size:9px;font-weight:650;letter-spacing:.12px;color:#bde2cd;line-height:1.2;margin-top:4px;text-shadow:0 1px 3px #000;white-space:nowrap}
@media(max-height:480px){.boss-affinity{font-size:8px;margin-top:2px}}

/* Elemental Codex: compact scannable type chart. */
.codex-intro{font-size:12px;line-height:1.6;color:#dae3de;margin:8px 0 11px}
.codex-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;background:#101d28;border:1px solid #567384;border-radius:9px;padding:5px}
.codex-table{width:100%;min-width:420px;border-collapse:separate;border-spacing:3px;text-align:center;font-size:12px}
.codex-table th,.codex-table td{border-radius:5px;padding:8px 5px;white-space:nowrap}
.codex-table th{font-weight:700;color:#f0e5c8;background:#203746;font-size:10px}
.codex-table th:first-child{min-width:75px}
.codex-table .codex-icon{font-size:16px;display:block;line-height:1.2}
.codex-table .codex-short{font-size:9px}
.codex-table td{font-size:13px;font-weight:800;color:#f2f5f3}
.codex-table .codex-weak{background:rgba(49,141,92,.42);color:#a7ffd0}
.codex-table .codex-resist{background:rgba(176,78,84,.35);color:#ffc2c7}
.codex-table .codex-neutral{background:rgba(110,131,145,.2);color:#d0dce2}
.codex-legend{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0;font-size:11px;font-weight:700}
.codex-legend span{padding:6px 9px;border-radius:6px;background:#1b2b35}
.codex-legend .codex-weak{color:#a7ffd0}.codex-legend .codex-neutral{color:#d0dce2}.codex-legend .codex-resist{color:#ffc2c7}
.codex-shell-box{max-width:740px;margin:0 auto;overflow:auto;touch-action:pan-y}
@media(max-height:480px){.codex-table th,.codex-table td{padding:5px 3px}.codex-table .codex-icon{font-size:14px}.codex-intro{font-size:10px}}

.trial-skill-box{border:1px solid #809a79;border-radius:12px;background:linear-gradient(135deg,rgba(36,69,64,.9),rgba(17,35,42,.9));padding:11px;margin:9px 0 12px;font-size:12px;color:#e9f8ec}
.trial-skill-details{padding:7px;background:#112a2a;border-radius:8px;margin:6px 0}.trial-skill-details p{margin:4px 0 0;color:#bddbd2;font-size:11px;line-height:1.4}
.trial-skill-box button{border-color:#8aaf8a;background:#29483c;padding:9px 12px;max-width:100%;white-space:normal}.trial-skill-box button.active{background:#685443;border-color:#f0cd8f}
.trial-loadout-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.loadout-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.3px;border:1px solid #6e8a8c;background:#18313a;color:#eff9ff}
.loadout-pill.slot1{border-color:#8ed8a6;background:#214535;color:#dbffe7}
.loadout-pill.slot2{border-color:#8dc7ff;background:#223b51;color:#dceeff}

/* compact skill inventory: 4 visible cards in one view */
.trial-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.trial-skill-option{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start;min-height:110px;padding:8px 7px;border:1px solid #617d83;border-radius:12px;background:#182c38;text-align:center;font-size:11px;white-space:normal;touch-action:manipulation!important}
.trial-skill-option.equipped-current{border-color:#88d0a0;background:linear-gradient(180deg,#27453c,#1b3138)}
.trial-skill-option.used-other{border-color:#88add1;background:linear-gradient(180deg,#22384a,#182c38)}
.trial-skill-option.selected{border-color:#ffe099;background:#35504c;box-shadow:0 0 12px #dfb66555}
.trial-skill-topline{display:flex;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:18px}
.trial-skill-symbol{font-size:24px;line-height:1}.trial-skill-option strong{line-height:1.15}.trial-skill-option small{color:#a6d6ce;font-size:9px;line-height:1.2}
.trial-skill-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border:1px solid #79939a;color:#d8edf0;background:#243c43}
.trial-skill-tag.equipped.slot1{background:#25503e;border-color:#95dfad;color:#e3ffec}
.trial-skill-tag.equipped.slot2{background:#264766;border-color:#96cfff;color:#e5f2ff}
.trial-skill-tag.available{background:#263843;border-color:#667e8e;color:#c5dce4}
.trial-skill-tag.picked{background:#5c4922;border-color:#f4d28d;color:#fff1cb}
.trial-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0}
.trial-compare>div{border:1px solid #55717a;border-radius:11px;padding:10px;background:#142732;min-width:0}
.trial-compare .trial-selected{border-color:#d6b76e;background:#25363c}
.trial-compare small{color:#d0be8c;letter-spacing:1px}.trial-compare h3{font-size:14px;margin:6px 0}.trial-compare p{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.trial-selected-note{margin-top:8px;padding:7px 8px;border-radius:8px;background:#19303a;color:#d5e8ed;font-size:10px;border:1px solid #4f6972}
.skill-slot-select{cursor:pointer;outline:1px solid #9bc9af66;touch-action:manipulation!important}.skill-slot-select:hover{outline-color:#efce85}.trial-slot-hint{font-size:10px;color:#f0d58e;margin-top:auto}.slot-active-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;margin-right:5px;background:#2b4c39;border:1px solid #8ed8a6;color:#e2ffeb;font-size:9px;font-weight:800;letter-spacing:.3px}

/* v1.2.79 — two-skill loadout and short-screen landscape menus. */
.skillset .skill.s3{display:none!important}
.skill.s1{right:119px;bottom:34px}
.skill.s2{right:96px;bottom:103px}

@media(max-width:860px){
 .trial-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 .trial-compare{grid-template-columns:1fr}
 .trial-skill-option{min-height:104px}
}
@media (orientation:landscape) and (max-height:560px){
 #rpgShell:not(.character-active){padding:5px 9px!important;}
 #rpgShell:not(.character-active) .shell{gap:5px;min-height:0}
 #rpgShell:not(.character-active) .shell-head{padding:1px 0 4px;min-height:0}
 #rpgShell:not(.character-active) .shell-logo{font-size:clamp(17px,2.5vw,25px);line-height:1}
 #rpgShell:not(.character-active) .shell-sub{font-size:9px;letter-spacing:.5px}
 #rpgShell:not(.character-active) .shell-box{padding:7px 10px;border-radius:9px}
 #rpgShell:not(.character-active) h2{font-size:15px;margin:3px 0 5px}
 #rpgShell:not(.character-active) .shell-grid{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}
 #rpgShell:not(.character-active) .shell-grid[style*="repeat(2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #rpgShell:not(.character-active) .shell-action{min-height:42px;padding:4px 5px;border-radius:8px;gap:1px;font-size:11px}
 #rpgShell:not(.character-active) .shell-action i{font-size:17px;line-height:1.15}
 #rpgShell:not(.character-active) .shell-btns{gap:5px}
 #rpgShell:not(.character-active) .shell-btns button,#rpgShell:not(.character-active) .wide{padding:5px 9px;font-size:11px}
 #rpgShell:not(.character-active) p.muted{font-size:10px;line-height:1.2;margin:4px 0}
 #rpgShell:not(.character-active) .shell-label{font-size:9px}
 #rpgShell:not(.character-active) .trial-skill-option{min-height:64px;padding:5px;gap:2px}
 #rpgShell:not(.character-active) .trial-skill-grid{gap:5px;margin:5px 0}
 #rpgShell:not(.character-active) .trial-skill-box{margin:4px 0;padding:6px}
}

/* v1.2.79: controls are reparented to body by initLayout; the previous CSS-only change could not affect them. */
#hitCounter{top:82px;right:7px;max-width:108px!important;width:108px!important;z-index:3;box-sizing:border-box}
@media (orientation:landscape) and (max-height:500px){
 #hitCounter{width:96px!important;max-width:96px!important;padding:3px 5px!important}
 #hitCounter .hit-label{font-size:7px!important}
 #damageBreakdown .damage-part{font-size:7px;line-height:1}
 #damageBreakdown{gap:1px;margin-top:3px;padding-top:3px}
}
/* All combat buttons retain their own independent, movable hit areas after layout init. */
body>.layout-control.skill{position:fixed!important;z-index:12;right:auto!important;bottom:auto!important;box-sizing:border-box;aspect-ratio:1}
body>.layout-control#joy{position:fixed!important;z-index:11;right:auto!important;bottom:auto!important}

/* v1.2.79 Necromancer · cinematic but touch-friendly 3-choice Ultimate */
#necroUltMenu{position:fixed;z-index:120;box-sizing:border-box;width:258px;padding:9px 10px;background:linear-gradient(135deg,rgba(18,26,38,.98),rgba(35,26,48,.97));border:1px solid #b6e8c5;border-radius:14px;box-shadow:0 0 25px rgba(151,113,255,.18),0 0 18px rgba(95,234,143,.18),0 12px 24px #000a;color:#dcffe7;text-align:center;pointer-events:auto;touch-action:manipulation}
#necroUltMenu .necro-ult-title{font-size:10px;letter-spacing:1px;font-weight:800;margin:2px 0 4px;color:#f0d9ff}
#necroUltMenu .necro-ult-sub{font-size:9px;color:#d6f8dd;margin-bottom:7px}
#necroUltMenu .necro-ult-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#necroUltMenu .necro-ult-options button{padding:4px 1px;min-height:56px;border:1px solid #83c69b;background:linear-gradient(#3d5c55,#213c44);font-size:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:manipulation}
#necroUltMenu .necro-ult-options small{font-size:8px;font-weight:800;letter-spacing:.2px;line-height:1.05}
#necroUltMenu .necro-ult-options button:nth-child(2){border-color:#ca99f4;background:linear-gradient(#62466e,#382d50)}
#necroUltMenu .necro-ult-cancel{font-size:10px;padding:4px 13px;margin-top:5px;touch-action:manipulation}
/* Sword Equipment Rarity Trial */
.sword-trial-notice{padding:8px 10px;border-radius:9px;background:#163347;color:#b7d9e9;font-size:11px;margin:5px 0}
.sword-trial-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-content:start}
.weapon-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-content:start}
.sword-trial-card,.weapon-picker-card{border-left-width:4px;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:172px;padding:9px;cursor:pointer}
.sword-trial-card .inventory-icon,.weapon-picker-card .inventory-icon{margin:0 auto}
.sword-trial-card .inventory-info,.weapon-picker-card .inventory-info{gap:2px;justify-content:flex-start}
.sword-trial-card .inventory-actions,.weapon-picker-card .inventory-actions{margin-top:auto;width:100%}
.sword-trial-card .inventory-actions button,.weapon-picker-card .inventory-actions button{width:100%}
.sword-common{border-left-color:#a9b4ba!important}.sword-uncommon{border-left-color:#6bc98f!important}.sword-rare{border-left-color:#56aefa!important}.sword-epic{border-left-color:#b58afa!important}.sword-legendary{border-left-color:#e7b455!important}.sword-mythic{border-left-color:#f09aca!important;box-shadow:inset 0 0 12px #d663b022,0 0 12px #bc64ed29}
.sword-meta{font-size:11px;color:#d8c396;margin:5px 0 9px}.sword-stat-section{margin:9px 0;padding-top:6px;border-top:1px solid #4c6a76}.sword-stat-section>strong{font-size:11px;color:#b9dff2}
/* v1.3.8: Fixed four equipment cards per row on all viewport widths. */
.sword-trial-grid,.weapon-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(3px,.6vw,8px)}
.sword-trial-card,.weapon-picker-card{min-width:0;min-height:0;padding:clamp(3px,.6vw,9px);gap:clamp(3px,.5vw,7px);overflow:hidden}
.sword-trial-card .inventory-icon,.weapon-picker-card .inventory-icon{width:clamp(22px,3.5vw,44px);min-width:0;height:clamp(22px,3.5vw,44px);font-size:clamp(12px,2.1vw,22px);flex:0 0 auto}
.sword-trial-card .inventory-info,.weapon-picker-card .inventory-info{min-width:0;width:100%;text-align:center;gap:2px}
.sword-trial-card .inventory-info b,.weapon-picker-card .inventory-info b{font-size:calc(clamp(8px,1.2vw,13px)*var(--equipment-font-scale,1));line-height:1.18;overflow-wrap:anywhere}
.sword-trial-card .inventory-info span,.weapon-picker-card .inventory-info span,.sword-trial-card .inventory-info em,.weapon-picker-card .inventory-info em{font-size:calc(clamp(7px,1vw,10px)*var(--equipment-font-scale,1));line-height:1.18;overflow-wrap:anywhere}
.sword-trial-card .inventory-actions button,.weapon-picker-card .inventory-actions button{font-size:calc(clamp(7px,1vw,11px)*var(--equipment-font-scale,1));padding:clamp(4px,.5vw,7px) 1px;min-height:29px;line-height:1.1;white-space:normal}
#rpgShell .inventory-frame{min-width:0}
#rpgShell .inventory-scroll{min-width:0}
#rpgShell .sword-trial-notice{font-size:calc(10px*var(--equipment-font-scale,1));line-height:1.35}
#rpgShell .compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(4px,1vw,12px)}
#rpgShell .compare-item{min-width:0;padding:clamp(6px,1.3vw,14px)}
#rpgShell .compare-item h3{font-size:calc(clamp(11px,1.8vw,17px)*var(--equipment-font-scale,1));overflow-wrap:anywhere}
#rpgShell .compare-item p{font-size:calc(clamp(9px,1.1vw,12px)*var(--equipment-font-scale,1));overflow-wrap:anywhere}
#rpgShell .compare-item p b{font-size:calc(clamp(9px,1.2vw,13px)*var(--equipment-font-scale,1))}
#rpgShell .sword-stat-section>strong{font-size:calc(11px*var(--equipment-font-scale,1))}
@media(max-width:680px){#rpgShell .shell-popup{padding:8px}#rpgShell .sword-trial-card,#rpgShell .weapon-picker-card{border-left-width:2px}}

/* v1.3.8: permanent 4-column type-labelled weapon picker with reversible sorting. */
.weapon-sort-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;margin:4px 0 9px;padding:7px 8px;border-radius:9px;background:#142d3d;border:1px solid #456578}
.weapon-sort-caption{font-size:calc(10px*var(--equipment-font-scale,1));color:#e6c990;font-weight:800;white-space:nowrap}
.weapon-sort-caption small{font-size:9px;color:#b0c2c9;font-weight:400}
.weapon-sort-options{display:flex;flex:1;gap:4px;flex-wrap:wrap;min-width:0}
.weapon-sort-button{padding:5px 7px;min-height:27px;font-size:calc(10px*var(--equipment-font-scale,1));border-radius:6px;white-space:nowrap;background:#233c4f;border:1px solid #5a7889}
.weapon-sort-button.active{background:#755d3d;border-color:#eac284;color:#ffedc6}
.sword-trial-card .weapon-type-label{font-weight:800;color:#e9d3aa!important}
.sword-trial-card,.weapon-picker-card{position:relative;padding-top:clamp(18px,2.2vw,26px)}
.weapon-card-badge{position:absolute;top:4px;z-index:2;min-width:28px;padding:2px 6px;border-radius:999px;border:1px solid #6c8798;background:#173041;color:#f6f0dc;font-size:calc(clamp(7px,.95vw,10px)*var(--equipment-font-scale,1));font-weight:800;line-height:1;letter-spacing:.2px;box-shadow:0 2px 7px #0005;pointer-events:none}
.weapon-card-badge.fusion{left:4px;background:#22445a;border-color:#77a5c0;color:#dbf4ff}
.weapon-card-badge.enhance{right:4px;background:#5a4126;border-color:#d8b072;color:#fff0c8}
@media(max-width:800px){.weapon-sort-toolbar{gap:4px;padding:4px}.weapon-sort-button{padding:4px 5px;min-height:23px}.weapon-sort-options{gap:3px}.weapon-sort-caption small{display:none}.weapon-card-badge{padding:2px 5px;min-width:24px}}

/* v1.3.8: Weapon type dropdown filter, independent from reversible stats sorting. */
.weapon-filter-label{display:flex;flex-direction:column;gap:3px;margin:0!important;color:#f0d09a;font-weight:800;font-size:calc(10px*var(--equipment-font-scale,1));white-space:nowrap;flex-shrink:0}
.weapon-type-select{min-width:125px;max-width:180px;background:#203c4e;color:#f4e5c9;border:1px solid #8babb9;border-radius:7px;padding:6px 8px;font-size:calc(11px*var(--equipment-font-scale,1));touch-action:manipulation!important}
@media(max-width:800px){.weapon-type-select{min-width:94px;max-width:122px;padding:4px;font-size:calc(10px*var(--equipment-font-scale,1))}.weapon-filter-label{gap:1px}}

/* v1.4.3 eight-position character wheel and compact ring labels */
#rpgShell.character-active .gear-slot{width:clamp(55px,7vw,80px);max-width:22%;min-height:clamp(31px,6dvh,44px)}
#rpgShell.character-active .gear-slot span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#rpgShell .inventory-tabs{scrollbar-width:thin;touch-action:pan-x!important}

/* v1.4.3 — Eira trial interface */
.fusion-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.fusion-choice label{min-width:0;margin:0;font-size:12px;color:#e5d09d}
.fusion-choice select{display:block;width:100%;min-width:0;padding:8px 5px;border-radius:7px;background:#0b2030;color:#fff4d9;border:1px solid #668398;touch-action:manipulation!important;font-size:12px}
#dialog:has(.fusion-choice){max-width:min(980px,97vw)}
#dialog:has(.fusion-choice) .compare-item{padding:10px}
@media(max-width:640px){.fusion-choice{grid-template-columns:1fr 1fr}.fusion-choice label:last-child{grid-column:1/-1}}

/* v1.4.3: highly visible Fusion / Enhancement status in Eira, with confirmation protection */
.fusion-item-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:7px 0 10px}
.fusion-item-head>strong{font-size:clamp(12px,1.5vw,17px);overflow-wrap:anywhere}
.fusion-item-badges{display:inline-flex;gap:5px;flex-shrink:0}
.fusion-level-tag,.fusion-enhance-tag{padding:5px 9px;min-width:37px;text-align:center;border-radius:8px;font-size:13px;font-weight:900;border:1px solid #7faccc;background:#244c65;color:#def6ff}
.fusion-enhance-tag{border-color:#e4bd79;background:#58412a;color:#ffe3ac}
.fusion-sub-alert{margin:9px 0;padding:9px 12px;border:1px solid #d69a6a;background:rgba(111,60,42,.27);border-radius:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.fusion-sub-alert strong{color:#ffd3a3}.fusion-sub-alert>span{color:#f4e9dc}.fusion-risk{color:#ffb7aa!important;font-weight:800}
.fusion-confirm-warning{padding:12px;border:2px solid #e7a178;border-radius:10px;background:#492a29;color:#fff2e4;margin:10px 0}
.fusion-confirm-warning strong{color:#ffddbb}.fusion-confirm-warning p{margin:7px 0}
.fusion-confirm-checkbox{display:flex!important;align-items:center;gap:9px;margin:10px 0 2px!important;color:#fff2e4!important;font-size:13px!important;line-height:1.4;touch-action:manipulation!important}
.fusion-confirm-checkbox input{width:19px;height:19px;accent-color:#6ec69b;flex-shrink:0;touch-action:manipulation!important}
#dialog:has(.fusion-choice){touch-action:pan-y!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#dialog:has(.fusion-choice) .compare-item,#dialog:has(.fusion-choice) .sword-stat-section{touch-action:pan-y!important}

/* v1.4.17 — unified compact skill picker for ALL six weapon classes. */
#rpgShell .skillpick-page{width:100%;min-width:0;touch-action:pan-y!important}
#rpgShell .skills-shell:has(.skillpick-page){width:min(100%,1180px)}
#rpgShell .skills-hub-content:has(.skillpick-page){padding:clamp(6px,1vw,13px)!important;overflow:visible!important;min-width:0}
#rpgShell:has(.skillpick-page){overflow-y:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y!important}
#dialog:has(.skillpick-page){max-width:min(1180px,98vw);max-height:calc(100dvh - 18px);overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:clamp(7px,1.4vw,13px)}
#dialog:has(.skillpick-page) .skillpick-page,#dialog:has(.skillpick-page) .compact-picker-open{touch-action:pan-y!important}
.compact-picker-open{padding:clamp(7px,1vw,12px)!important;margin:4px 0!important;border-radius:10px!important;min-width:0;max-width:100%;overflow:visible}
.skillpick-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.skillpick-intro{min-width:0}.skillpick-intro>strong{font-size:clamp(12px,1.6vw,17px)}
.skillpick-loadout{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.compact-picker-open .loadout-pill{padding:3px 7px;font-size:10px}
.compact-picker-open .skillpick-close{flex:0 0 auto;font-size:11px;padding:6px 10px;min-height:30px;touch-action:manipulation!important}
.skillpick-info{font-size:clamp(9px,1vw,11px);color:#bdd3cf;margin:6px 0 1px;line-height:1.25}
.skillpick-info b{font-weight:750;color:#e7f3ed}
/* Four across in LANDSCAPE regardless of viewport width. No oversized 2x2 cards. */
.compact-picker-open .trial-skill-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(5px,.8vw,10px)!important;margin:7px 0!important;align-items:stretch}
.compact-picker-open .trial-skill-option{min-width:0;min-height:clamp(85px,17dvh,122px)!important;padding:clamp(5px,.7vw,9px)!important;gap:clamp(2px,.4vh,5px)!important;justify-content:flex-start;border:1px solid #718d8a;border-radius:10px;background:#1b343b;text-align:center;touch-action:pan-y!important;overscroll-behavior:contain}
.compact-picker-open .trial-skill-option.has-slot1{border:2px solid #79ca9a;background:#1e3c35}
.compact-picker-open .trial-skill-option.has-slot2{border:2px solid #82bff0;background:#203649}
.compact-picker-open .trial-skill-option.selected{outline:2px solid #f4d18a;outline-offset:-3px;box-shadow:0 0 0 1px #ae8850;background:#334b47}
.compact-picker-open .trial-skill-option.has-slot1.selected{background:#29473b}
.compact-picker-open .trial-skill-option.has-slot2.selected{background:#294358}
.compact-picker-open .trial-skill-option .trial-skill-symbol{font-size:clamp(19px,2.4vw,27px);line-height:1.05;margin:0}
.compact-picker-open .trial-skill-option strong{font-size:clamp(10px,1.25vw,14px);line-height:1.12;overflow-wrap:anywhere}
.compact-picker-open .trial-skill-option small{font-size:clamp(8px,.9vw,10px);line-height:1.12}
.skillpick-card-flags{display:flex;justify-content:space-between;align-items:center;gap:2px;width:100%;min-height:17px}
.skillpick-badge{font-size:clamp(7px,.8vw,9px);font-weight:800;border:1px solid #728d98;padding:2px 4px;border-radius:999px;color:#d7e5e8;background:#2c404a;white-space:nowrap}
.skillpick-badge.is-slot1{color:#d9ffe6;border-color:#7dcca1;background:#25503c}
.skillpick-badge.is-slot2{color:#e0f0ff;border-color:#8cbce6;background:#274d67}
.skillpick-badge.is-preview{color:#ffe4ae;border-color:#e9bb69;background:#604c30}
.skillpick-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,26%);align-items:stretch;gap:8px;margin-top:6px}
.skillpick-detail{border:1px solid #6b8991;background:#162c38;border-radius:9px;padding:7px 9px;min-width:0}
.skillpick-detail-title{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.skillpick-detail-title>span{font-size:9px;letter-spacing:1px;color:#e5cd98}.skillpick-detail-title>b{font-size:clamp(11px,1.4vw,15px)}
.skillpick-detail p{font-size:clamp(10px,1.15vw,12px);line-height:1.3;margin:4px 0;color:#d0e2e7}
.skillpick-detail small{display:block;font-size:10px;color:#9fdcc5;margin-top:3px}
.compact-picker-open button.skillpick-equip{height:100%;min-height:46px;padding:9px;font-weight:800;font-size:clamp(11px,1.2vw,14px);border-color:#e6bf78;background:#614c32;color:#ffedca;touch-action:manipulation!important}
.compact-picker-open button.skillpick-equip:disabled{opacity:.75;background:#27483f;border-color:#82bc9d;color:#d7f5e6}
@media (orientation:portrait){.compact-picker-open .trial-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.skillpick-bottom{grid-template-columns:1fr}.compact-picker-open .trial-skill-option{min-height:98px!important}}
@media (orientation:landscape) and (max-height:490px){
 .compact-picker-open{padding:6px!important;margin:2px 0!important}
 .compact-picker-open .trial-skill-grid{gap:5px!important;margin:5px 0!important}
 .compact-picker-open .trial-skill-option{min-height:85px!important;padding:5px!important;gap:2px!important}
 .compact-picker-open .trial-skill-option .trial-skill-symbol{font-size:21px}
 .compact-picker-open .trial-skill-option strong{font-size:11px}
 .skillpick-bottom{margin-top:4px;gap:6px}
 .skillpick-detail{padding:5px 7px}.skillpick-detail p{font-size:10px;line-height:1.2;margin:3px 0}
 .skillpick-info{margin:4px 0 1px;font-size:9px}
 .skillpick-loadout{margin-top:3px}
}
/* Swipe through the whole menu, even when touching card text or skill options. */
#rpgShell .skillpick-page *:not(.skillpick-equip):not(.skillpick-close),#dialog .skillpick-page *:not(.skillpick-equip):not(.skillpick-close){touch-action:pan-y!important}