.en-root{position:fixed;inset:0;z-index:90000;background:#0b0907;color:#e8dcc0;font-family:Georgia,'Times New Roman',serif;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.en-root *{box-sizing:border-box}
.en-bg{position:absolute;inset:-4%;background:#0b0907 url(/entry_bg.jpg) center/cover;filter:blur(3px) brightness(.5) saturate(.85)}
.en-vig{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(0,0,0,0) 20%,rgba(5,3,2,.78) 100%)}
.en-scr{position:absolute;inset:0}
.en-ico{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:currentColor}
.en-panel{position:absolute;background:linear-gradient(180deg,rgba(32,24,16,.96),rgba(14,10,7,.97));border:2px solid #8a6a2e;box-shadow:0 0 0 1px #000,inset 0 0 30px rgba(0,0,0,.6)}
.en-btn{display:flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;font-family:inherit;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff3d0;text-shadow:0 1px 2px #000;background:linear-gradient(180deg,#8a6a2e,#4a3513);border:2px solid #c6a35a;box-shadow:0 0 18px rgba(198,163,90,.35),inset 0 1px 0 rgba(255,255,255,.25);min-height:44px;padding:0 18px;font-size:clamp(13px,2.4vmin,20px)}
.en-btn:active{filter:brightness(1.2)}.en-btn[disabled]{filter:grayscale(.8) brightness(.6);cursor:default;box-shadow:none}
.en-btn.red{background:linear-gradient(180deg,#a8321e,#5a140a);border-color:#e0b060}
.en-btn.sm{background:linear-gradient(180deg,#2a2016,#120d08);border-color:#8a6a2e;color:#c6a35a;box-shadow:none;letter-spacing:.06em;font-size:clamp(11px,1.9vmin,14px);min-height:36px}
.en-round{position:absolute;width:44px;height:44px;border-radius:50%;background:radial-gradient(#2a2016,#0e0a07);border:2px solid #8a6a2e;color:#c6a35a;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.en-gold{color:#c6a35a}.en-dim{color:#8a7a5a;font-family:system-ui,sans-serif}
/* title */
.en-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5vmin;cursor:pointer;text-align:center}
.en-logo{font-size:clamp(46px,16vmin,110px);letter-spacing:.2em;padding-left:.2em;color:#c6a35a;text-shadow:0 0 30px #c6a35a66,0 4px 0 #000;line-height:1}
.en-logo2{font-size:clamp(14px,4vmin,26px);letter-spacing:.55em;padding-left:.55em;color:#a08a58;margin-top:-1vmin}
.en-start{width:min(300px,70vw);margin-top:6vmin;animation:enp 2.2s ease-in-out infinite}
@keyframes enp{50%{box-shadow:0 0 30px rgba(198,163,90,.7),inset 0 1px 0 rgba(255,255,255,.25)}}
.en-foot{font:12px system-ui,sans-serif;color:#8a7a5a;text-align:center;line-height:1.7}.en-foot u{cursor:pointer;color:#c6a35a}
/* two column screens */
.en-left{padding-bottom:70px;left:0;top:0;bottom:0;width:min(330px,34vw);border-left:0;border-top:0;border-bottom:0;display:flex;flex-direction:column;overflow:auto}
.en-lh{padding:18px 22px 10px;font-size:clamp(17px,3.4vmin,26px);letter-spacing:.22em;color:#c6a35a;border-bottom:1px solid #4a3a1e;flex:none}
.en-lh small{display:block;font:11px system-ui,sans-serif;letter-spacing:0;color:#8a7a5a;margin-top:2px}
.en-char{margin:14px 16px 4px;padding:10px;border:2px solid #c6a35a;background:linear-gradient(90deg,#4a1a10,#1a0d08);display:flex;gap:12px;align-items:center;box-shadow:0 0 14px #c6a35a44;cursor:pointer}
.en-port{width:60px;height:60px;border:2px solid #8a6a2e;background:#0e0a07 center/cover;flex:none}
.en-char b{display:block;font-size:18px;color:#fff3d0}.en-char span{display:block;font:12px system-ui,sans-serif;color:#c6a35a}.en-char i{display:block;font:normal 11px system-ui,sans-serif;color:#8a7a5a}
.en-slot{margin:10px 16px 0;padding:10px;border:2px dashed #4a3a1e;display:flex;gap:12px;align-items:center;color:#8a7a5a;min-height:76px;cursor:pointer;font-size:15px}
.en-slot .en-port{border:2px dashed #4a3a1e;display:flex;align-items:center;justify-content:center;font-size:30px;color:#8a6a2e;background:none}
.en-slot.lock{border-color:#2a2016;color:#5a4a2e}.en-slot.lock .en-port{border-color:#2a2016;font-size:30px;color:#5a4624}
.en-slot small{display:block;font:11px system-ui,sans-serif;color:#6a5a3a}
.en-stage{position:absolute;inset:0}
.en-hero{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}
.en-fire{position:absolute;left:50%;bottom:-2%;width:46%;height:20%;transform:translateX(-30%);background:radial-gradient(ellipse at 50% 80%,rgba(255,150,40,.5),rgba(255,90,0,.12) 45%,transparent 70%);pointer-events:none}
.en-name{position:absolute;top:4%;left:0;right:0;text-align:center;font-size:clamp(18px,3.6vmin,26px);color:#fff3d0;text-shadow:0 2px 4px #000;pointer-events:none}
.en-acts{position:absolute;right:20px;bottom:20px;width:min(340px,40vw);display:flex;flex-direction:column;gap:10px}
.en-acts .row{display:flex;gap:10px}.en-acts .row .en-btn{flex:1}
.en-enter{height:62px;font-size:clamp(15px,3vmin,22px)}
.en-hint{position:absolute;left:34%;right:0;top:36%;text-align:center;font-size:clamp(15px,3vmin,22px);color:#c6a35a;text-shadow:0 2px 6px #000;padding:0 8%;pointer-events:none}
.en-top{position:absolute;right:16px;top:16px}
.en-top .en-round{position:static;display:inline-flex;margin-left:8px}
/* creator */
.en-cat{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-bottom:1px solid #2a2016;font-size:15px;color:#cbbd9c;cursor:pointer;flex:none}
.en-cat .en-ico{color:#c6a35a;font-size:20px;flex:none}
.en-cat.on{background:linear-gradient(90deg,#5a1e12,#2a0f0a);color:#fff3d0;border-left:4px solid #c6a35a;padding-left:10px}
.en-cat em{margin-left:auto;font:normal 11px system-ui,sans-serif;color:#8a7a5a}.en-cat em.bad{color:#e5675a}.en-cat em.ok{color:#7bd37b}
.en-right{right:0;top:0;bottom:0;width:min(300px,36vw);border-right:0;border-top:0;border-bottom:0;padding:16px;display:flex;flex-direction:column;overflow:auto}
.en-rh{font-size:16px;letter-spacing:.2em;color:#c6a35a;margin-bottom:8px;text-transform:uppercase}
.en-grid{display:flex;flex-wrap:wrap;gap:8px}
.en-tile{width:calc(50% - 4px);aspect-ratio:1;border:2px solid #4a3a1e;background:#0e0a07 center/cover;position:relative;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;color:#cbbd9c;font-size:12px;padding:0}
.en-tile span{width:100%;background:rgba(0,0,0,.65);padding:3px 0;text-align:center;font-family:system-ui,sans-serif}
.en-tile.on{border-color:#c6a35a;box-shadow:0 0 10px #c6a35a88}
.en-sw{width:46px;height:46px;border:2px solid #4a3a1e;cursor:pointer;padding:0}.en-sw.on{border-color:#fff3d0;box-shadow:0 0 10px #c6a35a}
.en-note{font:12px/1.5 system-ui,sans-serif;color:#8a7a5a;margin-top:10px}
.en-rb{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:10px}.en-rb .row{display:flex;gap:8px}.en-rb .row .en-btn{flex:1}
.en-stat{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #2a2016}.en-stat b{flex:1;font-size:14px;color:#e8dcc0;font-weight:400}.en-stat b small{display:block;font:11px system-ui,sans-serif;color:#8a7a5a}
.en-step{width:36px;height:36px;border:2px solid #8a6a2e;background:#16110b;color:#c6a35a;font-size:20px;cursor:pointer;padding:0}.en-step[disabled]{opacity:.35}
.en-num{width:30px;text-align:center;font:700 16px system-ui,sans-serif;color:#fff3d0}
.en-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.en-chip{border:1px solid #4a3a1e;background:#16110b;color:#cbbd9c;padding:6px 9px;font:12px system-ui,sans-serif;cursor:pointer}.en-chip.on{border-color:#c6a35a;color:#fff3d0;background:#3a2a14}
.en-grp{font:11px system-ui,sans-serif;color:#8a7a5a;text-transform:uppercase;letter-spacing:.1em;margin-top:8px}
.en-drag{position:absolute;left:34%;right:36%;bottom:14px;text-align:center;font:12px system-ui,sans-serif;color:#8a7a5a;pointer-events:none}
.en-back{position:absolute;left:16px;bottom:16px;width:120px}
/* dialog */
.en-dim-all{position:absolute;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:5}
.en-dlg{position:relative;width:min(420px,92vw);padding:24px 28px;text-align:center;background:linear-gradient(180deg,rgba(32,24,16,.98),rgba(14,10,7,.99));border:2px solid #8a6a2e}
.en-dlg h3{margin:0 0 16px;font-size:20px;letter-spacing:.2em;color:#c6a35a;font-weight:400}
.en-in{width:100%;height:46px;border:2px solid #8a6a2e;background:#0a0705;color:#fff3d0;font:22px Georgia,serif;text-align:center;outline:0}
.en-err{font:12px system-ui,sans-serif;color:#e5675a;min-height:18px;margin-top:8px}.en-dlg .row{display:flex;gap:12px;margin-top:14px}.en-dlg .row .en-btn{flex:1}
.en-toast{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(14,10,7,.95);border:1px solid #8a6a2e;color:#e8dcc0;padding:8px 16px;font:13px system-ui,sans-serif;z-index:6;pointer-events:none}
@media (max-aspect-ratio:1/1){
 .en-left{width:100%;height:auto;bottom:auto;border-right:0;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-bottom:2px solid #8a6a2e}
 .en-lh{display:none}.en-cat{border-bottom:0;border-right:1px solid #2a2016;white-space:nowrap}.en-cat em{display:none}.en-cat.on{border-left:0;border-bottom:3px solid #c6a35a;padding-left:14px}
 .en-char,.en-slot{min-width:220px;margin:10px 8px}
 .en-right{left:0;right:0;top:auto;width:auto;height:38%;border-left:0;border-bottom:0}
 .en-acts{left:16px;right:16px;width:auto;bottom:16px}.en-hint{left:0;top:30%}.en-drag{display:none}
 .en-hero{top:8%;height:60%}
}
.en-stage.sel{left:min(330px,34vw)}.en-stage.cr{left:min(330px,34vw);right:min(300px,36vw)}
@media (max-aspect-ratio:1/1){.en-stage.sel,.en-stage.cr{left:0;right:0;top:64px;bottom:38%}.en-stage.sel{bottom:150px}}
/* rotate prompt: the game is landscape only */
.en-rot{display:none;position:absolute;inset:0;z-index:20;background:#0b0907;color:#c6a35a;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:18px;text-align:center;padding:30px}
.en-rot .en-ico{font-size:64px;animation:enr 2.4s ease-in-out infinite}@keyframes enr{50%{transform:rotate(90deg)}}
@media (orientation:portrait) and (max-width:900px){.en-rot{display:flex}}
.gs-root{z-index:100000}
body.en-open .modal-overlay,body.en-open .toast-stack,body.en-open #toast-root{z-index:100001}
body.gs-nofps .cmap-fps{display:none}
/* game settings (layout A) */
.gs-panel{left:max(12px,calc(50% - 560px));right:max(12px,calc(50% - 560px));top:max(12px,4vh);bottom:max(12px,4vh);display:flex;overflow:hidden}
.gs-tabs{width:min(240px,30vw);border-right:2px solid #4a3a1e;display:flex;flex-direction:column;flex:none;overflow:auto}
.gs-ttl{padding:20px 20px 12px;font-size:clamp(17px,3.2vmin,24px);letter-spacing:.22em;color:#c6a35a;border-bottom:1px solid #4a3a1e}
.gs-tab{display:flex;gap:12px;align-items:center;min-height:46px;padding:0 16px;border-bottom:1px solid #2a2016;font-size:15px;color:#cbbd9c;cursor:pointer}.gs-tab .en-ico{color:#c6a35a;font-size:20px}
.gs-tab.on{background:linear-gradient(90deg,#5a1e12,#2a0f0a);color:#fff3d0;border-left:4px solid #c6a35a;padding-left:12px}
.gs-ver{margin-top:auto;padding:14px 20px;font:11px/1.5 system-ui,sans-serif;color:#6a5a3a}
.gs-body{flex:1;padding:20px 28px;overflow:auto;-webkit-overflow-scrolling:touch}
.gs-h{font-size:18px;letter-spacing:.2em;color:#c6a35a;margin-bottom:6px}
.gs-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #2a2016;font-size:14px}
.gs-row small{display:block;font:11px/1.4 system-ui,sans-serif;color:#8a7a5a;margin-top:2px;max-width:46ch}
.gs-seg{display:flex;border:2px solid #8a6a2e;flex:none}.gs-seg span{padding:7px 12px;font:12px system-ui,sans-serif;color:#cbbd9c;border-right:1px solid #4a3a1e;background:#120d08;cursor:pointer;min-width:38px;text-align:center}.gs-seg span:last-child{border:0}.gs-seg span.on{background:linear-gradient(180deg,#8a6a2e,#4a3513);color:#fff3d0;font-weight:700}
.gs-tg{width:50px;height:28px;border:2px solid #8a6a2e;background:#120d08;position:relative;border-radius:15px;padding:0;cursor:pointer;flex:none}.gs-tg i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#6a5a3a;transition:left .15s}.gs-tg.on{background:#5a3f12}.gs-tg.on i{left:25px;background:#f0d080}
.gs-sl{display:flex;align-items:center;gap:10px;flex:none}.gs-sl b{width:44px;text-align:right;font:12px system-ui,sans-serif;color:#c6a35a}
.gs-sl input{-webkit-appearance:none;appearance:none;width:min(170px,30vw);height:8px;background:#2a2016;border:1px solid #000;outline:0}
.gs-sl input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:22px;background:#fff3d0;border:2px solid #8a6a2e}.gs-sl input::-moz-range-thumb{width:14px;height:20px;background:#fff3d0;border:2px solid #8a6a2e;border-radius:0}
.gs-note{font:13px/1.6 system-ui,sans-serif;color:#a89870;margin:12px 0}.gs-note a{color:#c6a35a}
.gs-danger{margin-top:18px;border:1px solid #5a2a22;padding:0 14px}.gs-danger .gs-row{border:0}
.gs-x{right:12px;top:10px;font-size:26px}.en-btn.red.sm{border-color:#c0584a;color:#ffd0c8;background:linear-gradient(180deg,#6a2018,#2a0c08)}
@media (max-aspect-ratio:1/1){.gs-panel{flex-direction:row}.gs-tabs{width:min(240px,30vw)}}

.en-modewrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
.en-mcards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;width:100%}
.en-mcard{width:min(300px,42vw);min-height:min(250px,60vh);padding:18px 18px 16px;border:2px solid #8a6a2e;background:linear-gradient(180deg,rgba(40,30,18,.96),rgba(14,10,7,.98));display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;box-shadow:0 0 0 1px #000}
.en-mcard:active,.en-mcard.last{border-color:#c6a35a;box-shadow:0 0 22px rgba(198,163,90,.45)}
.en-mic{font-size:clamp(40px,12vmin,64px);color:#c6a35a;line-height:1}
.en-mcard b{font-size:clamp(18px,3.6vmin,26px);letter-spacing:.2em;color:#fff3d0;font-weight:400}
.en-mcard span{font:clamp(12px,2.2vmin,14px)/1.5 system-ui,sans-serif;color:#b8a880}
.en-mcard i{margin-top:auto;font:normal 700 11px system-ui,sans-serif;letter-spacing:.1em;color:#c6a35a;text-transform:uppercase}
.en-spin{width:44px;height:44px;border:4px solid #3a2a14;border-top-color:#c6a35a;border-radius:50%;animation:ensp 1s linear infinite;margin-top:14px}@keyframes ensp{to{transform:rotate(360deg)}}
/* ===== Pinto Fantasy theme: every window opened inside the game (persona, items, dialogs, account) uses the bronze look ===== */
body.game-mode,body.en-open,body.c0-on{--bg:#0e0a07;--panel:#1a130c;--line:rgba(198,163,90,.22);--line-strong:rgba(198,163,90,.5);--text:#e8dcc0;--text-dim:#a39373;--yolk:#c6a35a;--coral:#d6584a;--yolk-soft:#3a2a14;--yolk-dark:#a8863e;--surface:#1a130c;--surface-2:#221810;--surface-3:#2c2014;--accent-pale:#3a1d16;--accent-pale-strong:#5a2a20;--mint-accent:#c6a35a;--s-paper:#0e0a07;--s-mist:#221810;--s-mist-2:#2c2014;--s-line:rgba(198,163,90,.25);--s-graphite:#e8dcc0;--s-slate:#a39373;--s-slate-2:#8a7a5a;--s-mint:#c6a35a;--s-mint-strong:#c6a35a;--s-mint-deep:#a8863e;--s-white:#1a130c;--s-danger:#d6584a;color-scheme:dark}
body.game-mode #bottom-nav-bar{display:none}
body.game-mode .modal-overlay,body.en-open .modal-overlay,body.c0-on .modal-overlay{background:rgba(5,3,2,.78)}
body.game-mode .modal-box,body.en-open .modal-box,body.c0-on .modal-box{background:linear-gradient(180deg,#221810,#120d08);border:2px solid #8a6a2e;border-radius:0;box-shadow:0 0 0 1px #000,0 12px 40px rgba(0,0,0,.7);font-family:Georgia,'Times New Roman',serif;color:#e8dcc0}
body.game-mode .modal-box h3,body.en-open .modal-box h3,body.c0-on .modal-box h3{color:#c6a35a;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:17px}
body.game-mode .modal-box label,body.en-open .modal-box label,body.c0-on .modal-box label{color:#a39373;font:12px system-ui,sans-serif;letter-spacing:.04em}
body.game-mode .modal-box input,body.en-open .modal-box input,body.c0-on .modal-box input,body.game-mode .modal-box select,body.en-open .modal-box select,body.c0-on .modal-box select,body.game-mode .modal-box textarea,body.c0-on .modal-box textarea{background:#0a0705;border:2px solid #6a4f22;border-radius:0;color:#fff3d0;font-family:Georgia,serif}
body.game-mode .modal-box input:focus,body.en-open .modal-box input:focus,body.c0-on .modal-box input:focus{outline:0;border-color:#c6a35a;box-shadow:0 0 10px rgba(198,163,90,.4)}
body.game-mode .modal-box button,body.en-open .modal-box button,body.c0-on .modal-box button{border-radius:0;font-family:Georgia,serif;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;background:linear-gradient(180deg,#2a2016,#120d08);border:2px solid #8a6a2e;color:#c6a35a;box-shadow:none}
body.game-mode .modal-box button.primary,body.en-open .modal-box button.primary,body.c0-on .modal-box button.primary,body.game-mode .modal-box .modal-confirm,body.en-open .modal-box .modal-confirm,body.c0-on .modal-box .modal-confirm{background:linear-gradient(180deg,#8a6a2e,#4a3513);border-color:#c6a35a;color:#fff3d0}
/* game windows (persona, pack, pets, skills, spells, alchemy, inbox) */
body.c0-on .modal-box.modal-bare{max-width:min(860px,96vw);width:96vw;height:94vh;height:94dvh;max-height:94dvh;padding:0;position:relative;overflow-y:auto}
body.c0-on .modal-box.modal-bare .modal-box-header{display:flex;position:absolute;right:6px;top:6px;z-index:5;width:auto}
body.c0-on .modal-box.modal-bare .modal-box-header h3{display:none}
body.c0-on .modal-box.modal-bare .modal-back-btn{display:flex;width:40px;height:40px;margin:0;border-radius:50%;border:2px solid #8a6a2e;background:#120d08;color:#c6a35a}
body.c0-on .modal-box.modal-bare .modal-back-btn svg{display:none}
body.c0-on .modal-box.modal-bare .modal-back-btn::after{content:"\00d7";font:26px/1 Georgia,serif}
body.c0-on .modal-box.modal-bare .modal-actions{display:none}
body.c0-on .ae-tabs{overflow-x:auto;scrollbar-width:none;padding-right:52px}body.c0-on .ae-tabs::-webkit-scrollbar{display:none}
body.c0-on .ae-tabs button,body.c0-on .ae-tab{font-family:Georgia,serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;flex:none}
body.en-open .modal-overlay,body.game-mode .modal-overlay{top:0!important;bottom:0!important}
body.en-open .modal-box input,body.c0-on .modal-box input,body.game-mode .modal-box input{background:#0a0705!important;border:2px solid #6a4f22!important;color:#fff3d0!important;border-radius:0!important}

/* game windows: one window per menu button, compact type and small item cells */
body.c0-on .ae-root{zoom:.8}
body.c0-on .ae-wtitle{position:sticky;top:0;z-index:2;background:#1a130c;padding:14px 60px 10px 18px;font-size:17px;letter-spacing:.24em;text-transform:uppercase;color:#c6a35a;border-bottom:1px solid var(--line)}
body.c0-on .ae-gridp{grid-template-columns:repeat(auto-fill,64px);gap:6px;justify-content:start}
body.c0-on .ae-cell{border-radius:6px}
body.c0-on .ae-root[data-tab=pack] .ae-body>.ae-card:first-child .ae-sec:first-child,body.c0-on .ae-root[data-tab=alchemy] .ae-body>.ae-card:first-child .ae-sec:first-child,body.c0-on .ae-root[data-tab=inbox] .ae-body>.ae-card:first-child .ae-sec:first-child{display:none}

/* ---- Equipment window: doll in the middle, Stats drawer left, Backpack drawer right ---- */
body.c0-on .modal-box.modal-bare:has(.eq-wrap){overflow:hidden;max-width:min(1100px,98vw);width:98vw;background:transparent;border:0;box-shadow:none}
.eq-wrap{box-sizing:border-box;height:calc(94dvh / .8);display:flex;justify-content:center;align-items:stretch;gap:8px;padding:2px;font-family:Georgia,serif;color:#e8dcc0}
.eq-mid,.eq-drawer{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(34,25,16,.98),rgba(14,10,7,.99));border:2px solid #8a6a2e;box-shadow:0 0 0 1px #000,0 10px 40px rgba(0,0,0,.7);min-height:0}
.eq-mid{flex:0 0 372px;padding-bottom:8px}
.eq-drawer{flex:0 0 330px;min-width:0}
.eq-drawer.eq-l{flex-basis:350px}
.eq-head{padding:10px 16px 8px;border-bottom:1px solid #4a3a1e}
.eq-title,.eq-dh{font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:#c6a35a}
.eq-sub{font:11px system-ui,sans-serif;color:#8a7a5a;margin-top:2px}
.eq-dh{padding:12px 16px;border-bottom:1px solid #4a3a1e;display:flex;justify-content:space-between;align-items:center}
.eq-r .eq-dh{padding-right:56px}
.eq-dh em{font:12px system-ui,sans-serif;color:#8a7a5a;font-style:normal}
.eq-db{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}
.eq-doll{position:relative;flex:1;min-height:0;display:flex;justify-content:space-between;padding:10px 14px 0}
.eq-col{display:flex;flex-direction:column;gap:9px;z-index:1}
.eq-fig{position:absolute;left:62px;right:62px;top:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.eq-fig svg,.eq-fig .ae-fig{max-height:100%;width:auto;height:96%}
.eq-slot{width:46px;height:46px;border:2px solid #4a3a1e;background:radial-gradient(#2a2016,#120d08);display:flex;align-items:center;justify-content:center;color:#5a4a2e;padding:0;position:relative}
.eq-slot.empty{opacity:.85}.eq-slot.sel{box-shadow:0 0 10px rgba(198,163,90,.7)}
.eq-slot svg{width:26px;height:26px}
.eq-row{display:flex;justify-content:center;gap:7px;padding:8px 10px 0}
.eq-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 0;font:12px system-ui,sans-serif;color:#c6a35a}
.eq-tab{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:92px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:14px;z-index:3;background:linear-gradient(180deg,#8a6a2e,#4a3513)!important;border:2px solid #c6a35a!important;color:#fff3d0!important}
.eq-tab span{writing-mode:vertical-rl;font-size:9px;letter-spacing:.14em}
.eq-tab.l{left:-28px;border-right:0!important}.eq-tab.r{right:-28px;border-left:0!important}
.eq-filters{display:flex;gap:6px;padding:8px 12px 0}
.eq-f{flex:1;height:28px;padding:0 4px;font-size:10px!important}
.eq-f.on{background:linear-gradient(180deg,#8a6a2e,#4a3513)!important;color:#fff3d0!important;border-color:#c6a35a!important}
.eq-r .ae-gridp{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;justify-content:stretch}
.eq-r .ae-cell{width:100%;aspect-ratio:1;height:auto}
.eq-pop{position:absolute;left:8px;right:8px;bottom:6px;max-height:90%;overflow-y:auto;z-index:4;box-shadow:0 8px 30px #000}
.eq-pop .ae-card{margin:0}
.eq-l .ae-body{padding:0}
@media (max-width:900px){.eq-mid{flex-basis:340px}.eq-drawer{flex-basis:290px}.eq-drawer.eq-l{flex-basis:310px}}
.eq-tab{width:20px!important}.eq-tab.l{left:0!important;border-left:0!important;border-right:2px solid #c6a35a!important}.eq-tab.r{right:0!important;border-right:0!important;border-left:2px solid #c6a35a!important}
.eq-doll{padding:10px 28px 0}.eq-fig{left:84px;right:84px}
body.c0-on .eq-r .ae-gridp{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;justify-content:stretch}body.c0-on .eq-r .ae-cell{width:100%;height:auto;aspect-ratio:1}
body.c0-on .eq-r .ae-cell.big{width:44px;height:44px;aspect-ratio:auto;flex:none}
.eq-pop{top:56px;bottom:auto;max-height:calc(100% - 64px)}
/* all three open: tighter */
.eq-wrap{gap:6px}.eq-mid{flex:0 0 316px}.eq-drawer{flex:1 1 0;min-width:0}.eq-drawer.eq-l{flex:1.05 1 0}.eq-drawer.eq-r{flex:1 1 0}
.eq-doll{padding:8px 24px 0}.eq-fig{left:76px;right:76px}
.eq-slot{width:42px;height:42px}.eq-col{gap:7px}
.eq-dh{padding:9px 12px;font-size:13px}.eq-r .eq-dh{padding-right:56px}
.eqs{font:11px system-ui,sans-serif;color:#cbbd9c}
.eqs-vit{display:grid;gap:5px;margin-bottom:8px}
.eqs-vt{display:flex;justify-content:space-between;margin-bottom:2px}.eqs-vt b{color:#fff3d0}
.eqs-at{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px}
.eqs-at div{background:#16110b;border:1px solid #3a2a14;padding:4px 5px;text-align:center}
.eqs-at span{display:block;font-size:9px;color:#8a7a5a;white-space:nowrap}.eqs-at b{font-size:14px;color:#fff3d0;font-family:Georgia,serif}
.eqs-g{margin-bottom:6px}.eqs-gt{font:11px Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:#c6a35a;border-bottom:1px solid #3a2a14;padding-bottom:2px;margin-bottom:1px}
.eqs-r{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0;border-bottom:1px solid #1f170e}.eqs-r b{color:#fff3d0}
.eqs-d{font-style:normal;font-size:10px;margin-left:5px;font-weight:700}.eqs-d.up{color:#5fd08a}.eqs-d.dn{color:#e0705a}
.eqs-more{width:100%;height:26px;margin-top:4px;font-size:10px!important}
.eqs-det{margin-top:8px}
body.c0-on .eq-f{font-size:9px!important;letter-spacing:.02em!important;padding:0 2px!important;min-width:0}.eq-filters{gap:4px;padding:8px 10px 0}
/* v16: no zoom for the Equipment window (scale transform instead), scrollbars, flat close */
body.c0-on .ae-root:has(.eq-wrap){zoom:1;height:100%}
body.c0-on .modal-box.modal-bare:has(.eq-wrap){overflow:hidden;position:relative}
.eq-wrap{position:absolute;left:0;top:0;width:125%;height:125%;transform:scale(.8);transform-origin:0 0;padding:2px 2px calc(env(safe-area-inset-bottom,0px) * 1.25 + 8px)}
.eq-mid{overflow:hidden}
.eq-dbw{position:relative;flex:1;min-height:0;display:flex}
.eq-dbw .eq-db{flex:1;padding-right:16px;-webkit-overflow-scrolling:touch}
.eq-sb{position:absolute;right:4px;top:6px;bottom:6px;width:8px;background:#0a0705;border:1px solid #3a2a14;border-radius:4px}
.eq-sb i{display:block;width:100%;background:linear-gradient(180deg,#c6a35a,#8a6a2e);border-radius:3px;touch-action:none;cursor:grab}
.eq-r .eq-dh,.eq-dh{padding-right:48px}
body.c0-on .modal-box.modal-bare:has(.eq-wrap) .modal-box-header{right:4px;top:6px}
body.c0-on .modal-box.modal-bare:has(.eq-wrap) .modal-back-btn{width:34px;height:34px;border:0!important;background:transparent!important;border-radius:0}
body.c0-on .modal-box.modal-bare:has(.eq-wrap) .modal-back-btn::after{font-size:30px;color:#c6a35a}
.eq-f{flex:1}
/* v17: rotate prompt in the Equipment window, smaller text in the other side-menu windows */
.eq-rot{display:none;position:absolute;inset:0;z-index:20;background:#0b0907;color:#c6a35a;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:20px;text-align:center}
.eq-rot span{font-size:56px;display:block}
@media (orientation:portrait) and (max-width:900px){.eq-rot{display:flex}}
body.c0-on .ae-root{zoom:.5}
body.c0-on .ae-root:has(.eq-wrap){zoom:1}
body.c0-on .ae-gridp{grid-template-columns:repeat(auto-fill,56px)}

/* ---- Bestiary window ---- */
.bes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:10px}
.bes-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;border:1px solid #5a4630;border-radius:8px;background:linear-gradient(#241a14,#16100d);color:#e8cf99;cursor:pointer;font:inherit}
.bes-cell:active{filter:brightness(1.3)}
.bes-cell .bes-ico{width:56px;height:56px;display:block}.bes-cell .bes-ico svg{width:100%;height:100%}
.bes-cell b{font-size:12px;line-height:1.15;text-align:center}.bes-cell small{font-size:11px;color:#a89877}
.bes-cell.unk .bes-ico{filter:brightness(0) opacity(.55)}.bes-cell.unk b{color:#7c6d58}
.bes-tier{display:flex;gap:3px;margin-top:3px;font-style:normal}.bes-tier u{width:12px;height:4px;border-radius:2px;background:#3a2d22;text-decoration:none}.bes-tier u.on{background:#d6a84a}
.bes-3d{display:block;width:100%;height:230px;border-radius:8px;background:radial-gradient(circle at 50% 40%,#2a4034,#101712);margin:6px 0;touch-action:none}
.bes-unk{display:flex;align-items:center;justify-content:center;font-size:64px;color:#5a4a38}
.bes-anims{display:flex;gap:6px;margin-bottom:8px}.bes-anims .ae-btn.on{box-shadow:0 0 0 1px #d6a84a;color:#f5e2b4}
.bes-sec{margin-top:12px;padding-top:6px;border-top:1px solid #3a2d22}
.bes-kv{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px}.bes-kv span{color:#a89877}.bes-kv b{text-align:right;color:#f0e2bf}
.bes-bar{display:grid;grid-template-columns:64px 1fr 34px;align-items:center;gap:8px;padding:2px 0;font-size:13px}.bes-bar span{color:#a89877}.bes-bar b{text-align:right;color:#f0e2bf}
.bes-bar i{display:block;height:7px;border-radius:4px;background:#2a2019;overflow:hidden}.bes-bar u{display:block;height:100%;background:linear-gradient(90deg,#9a6a2a,#e0b25a);text-decoration:none}
.bes-h{margin:8px 0 2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a89877}
.bes-ab{padding:4px 0}.bes-ab b{display:block;font-size:13px;color:#f0e2bf}.bes-ab small{color:#a89877;font-size:12px}.bes-ab.sig b{color:#ffd37a}
.bes-lock{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:6px;background:#1a130f;border:1px dashed #4a3a2c;color:#8d7e68}
.bes-lock span{font-size:18px}.bes-lock b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#a89877}.bes-lock small{font-size:12px}
.bes-cols{display:grid;grid-template-columns:minmax(150px,36%) 1fr;gap:14px;align-items:start}
.bes-left{position:sticky;top:0}.bes-right .bes-sec:first-child{margin-top:0;border-top:0;padding-top:0}
.bes-3d{height:auto;aspect-ratio:1/.9;max-height:none}
@media (orientation:portrait){.bes-cols{grid-template-columns:1fr}.bes-left{position:static}.bes-3d{aspect-ratio:16/10}}
.ae-exam{margin:6px 0;padding:6px 8px;border-left:3px solid #d6a84a;background:#241a14;color:#f0e2bf;font-size:13px;border-radius:4px}.ae-exam.err{border-color:#c0392b}

.en-shopcard{display:flex;gap:16px;align-items:center;max-width:520px;margin:14px auto 0;padding:14px;border:2px solid #4a3a1e;background:rgba(14,10,7,.85);color:#c6a35a;text-align:left}
.en-shopcard .en-mic{width:54px;height:54px;flex:none}.en-shopcard .en-mic svg{width:100%;height:100%}.en-shopcard b{display:block;font-size:17px}.en-shopcard span{display:block;font:12px system-ui,sans-serif;color:#8a7a5a;margin:4px 0}.en-shopcard i{font:12px system-ui,sans-serif;color:#b98a3a}
.en-shopcard .en-btn[disabled]{opacity:.45;cursor:default}
.en-slot.open{border-style:solid;border-color:#8a6a2e}