:root{--hud-height:194px;--hud-bg:#d8cfaa;--hud-deep:#a39a78;--hud-ink:#433821;--hud-line:#776d4c}

#game{position:relative;width:100vw;height:100vh;overflow:hidden;background:#182016}
#game .world{position:absolute;inset:0 0 var(--hud-height) 0;background:#405433;overflow:hidden}
#game .world canvas{width:100%;height:100%;display:block}
#game #map-label{display:none}

.hud{position:absolute;z-index:50;left:0;right:0;bottom:0;height:var(--hud-height);display:grid;grid-template-columns:minmax(330px,1.12fr) minmax(300px,.72fr) minmax(390px,1.16fr);color:var(--hud-ink);background:linear-gradient(#f4efd9 0 8px,#c8bf9b 8px 13px,var(--hud-bg) 13px 100%);border-top:2px solid #fff9e7;box-shadow:0 -7px 18px #17160d88}
.hud:before{content:"";position:absolute;inset:8px 0 auto;height:5px;background:#817859}

.hud-chat{min-width:0;padding:20px 18px 10px;border-right:1px solid var(--hud-line);overflow:hidden;display:grid;grid-template-rows:25px minmax(0,1fr) 34px}
.hud-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;height:25px;padding:0 8px;color:#5b4b28;border-bottom:1px solid #a69b74;font-size:11px;letter-spacing:.08em}
.hud-section-title span{color:#8a7b54}
.journal-tabs{display:flex;align-items:center;gap:4px}
.journal-tabs button{padding:2px 8px;border:1px solid #8a7b54;border-radius:3px;background:transparent;color:#5b4b28;font:800 10px Nunito;letter-spacing:.04em;cursor:pointer}
.journal-tabs button.active{background:#5b4b28;color:#f4efd9;border-color:#5b4b28}
.hud .chat-log{position:static;z-index:auto;width:100%;height:auto;max-height:none;padding:8px 9px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(90deg,#eee8cbcc,#d8cfaa88);border:0;color:#111;font:600 12px/1.4 Nunito;text-shadow:none;pointer-events:auto}
.hud .chat-log div{white-space:normal;overflow:visible;text-overflow:clip}
.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:4px 5px;background:#c6bd98;border-top:1px solid #a69b74}.chat-form input{min-width:0;padding:4px 8px;border:1px solid #93845c;border-radius:3px;background:#fffdf2;color:#272115;outline:none}.chat-form input:focus{border-color:#557eb2;box-shadow:0 0 0 2px #5f8dc333}.chat-form button{padding:3px 10px;border:1px solid #76542c;border-radius:3px;background:linear-gradient(#e0b95e,#b77627);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.chat-form button:hover{filter:brightness(1.08)}

#game .hud .character{position:relative!important;z-index:52!important;top:auto;left:auto;width:auto;min-width:0;height:100%;padding:17px 14px 10px;display:grid!important;grid-template-columns:58px 1fr;grid-template-rows:auto auto 1fr;gap:5px 10px;align-content:start;align-items:center;border:0;border-radius:0;background:linear-gradient(90deg,#b9b18d,#ebe5c8 18%,#ebe5c8 82%,#b9b18d);box-shadow:inset 1px 0 #fff8df,inset -1px 0 #7b7356;color:var(--hud-ink)}
.hud .portrait{grid-column:1;grid-row:1;width:54px;height:54px;font-size:29px;border:3px solid #806b39;box-shadow:0 2px 0 #fff9dc}
.hud .identity{grid-column:2;grid-row:1;gap:2px}
.hud .identity b{color:#48391f;font-size:13px}
.hud .identity small{color:#796a47}
.hud .xp{width:100%;height:7px;background:#9f9677}
.hud .xp i{background:linear-gradient(90deg,#e9aa35,#f4d96b)}
.vital-orb{--hp-fill-percent:100%;--heart-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath fill='black' d='M50 89C42 79 7 58 7 31C7 13 18 4 33 4C41 4 47 8 50 16C54 8 61 4 69 4C85 4 95 15 93 33C90 59 60 80 50 89Z'/%3E%3C/svg%3E");position:absolute;z-index:152;left:50%;top:-42px;translate:-50% 0;width:98px;height:90px;display:grid;place-items:center;overflow:visible;color:#fff;background:none;filter:drop-shadow(0 4px 2px #050403cc) drop-shadow(0 0 4px #0009);font-weight:900}
.vital-orb:after,.vital-orb:before{content:"";position:absolute;-webkit-mask:var(--heart-mask) center/100% 100% no-repeat;mask:var(--heart-mask) center/100% 100% no-repeat}.vital-orb:after{z-index:0;inset:0;background:linear-gradient(145deg,#f4d17a 0 10%,#8a6428 24%,#352517 48%,#18110e 72%,#6b471d 100%)}.vital-orb:before{z-index:1;inset:5px 7px 8px;background:linear-gradient(180deg,#ff8073 0%,#dc3f43 40%,#a51f2d 72%,#6e1521 100%);clip-path:inset(calc(100% - var(--hp-fill-percent)) 0 0 0);box-shadow:inset 0 2px #ffb0a0;transition:clip-path .35s ease}.vital-orb span{display:none}.vital-orb b{position:relative;z-index:2;display:grid;place-items:center;line-height:1.02;text-shadow:0 1px 3px #000,0 0 4px #000}.vital-orb b strong,.vital-orb b i{min-width:38px;text-align:center;font:900 15px/1 Nunito;font-style:normal}.vital-orb b i{margin-top:2px;padding-top:2px;border-top:2px solid #ffffffc7}
.hud .resources{grid-column:1 / -1;grid-row:2;margin:0;display:flex;justify-content:center;gap:12px;color:#51472d;font-size:12px}
.hud .combat-resource{display:inline;color:#604f22;background:#f2e8bf;border:1px solid #94875e;border-radius:12px;padding:3px 9px}
.hud .location{grid-column:1 / -1;grid-row:3;align-self:end;display:grid;text-align:center;padding-top:6px;border-top:1px solid #aaa17c}
.hud .active-combats-tooltip{position:relative;margin-top:6px;font-size:9px;color:#715e36;cursor:help}.hud .active-combats-tooltip:not(.has-combats){display:none}.hud .active-combats-tooltip>span{display:block;text-decoration:underline dotted}.hud .active-combats-tooltip>div{display:none;position:absolute;z-index:120;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:300px;padding:8px 10px;border:1px solid #8a6c32;border-radius:6px;background:#28251beF;color:#fff3c6;text-align:left;box-shadow:0 4px 12px #0008;font:600 11px/1.45 Nunito}.hud .active-combats-tooltip:hover>div,.hud .active-combats-tooltip:focus>div,.hud .active-combats-tooltip.has-combats>span{display:block}.hud .active-combats-tooltip .active-combats-empty{color:#c8bd98}.hud .active-combats-tooltip small{color:#f0cb73}

.hud-tools{min-width:0;padding:8px 14px 9px;border-left:1px solid #fff5d4;overflow:hidden}
.hud-status{position:fixed;z-index:90;right:10px;top:8px;height:32px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:3px 7px;border:1px solid #fff4cd;border-radius:0 0 0 16px;background:#e8dfc4e8;box-shadow:0 3px 10px #1b180f66;color:#625533;font-size:11px}
.hud-status .icon-btn{width:25px;height:25px;color:#fff2ca;background:#a45d28;border-color:#6f421f;cursor:pointer}
.session-wrap{position:relative}.session-menu{position:absolute;top:34px;right:0;display:grid;min-width:210px;padding:6px;border:2px solid #8f8462;background:#f4eed6;box-shadow:0 8px 18px #1b180f66}.session-menu.hidden{display:none}.session-menu button{min-height:32px;border:0;background:transparent;color:#51493a;font:700 12px Nunito;text-align:left;cursor:pointer;padding:6px 8px}.session-menu button:hover{background:#e7dfc1}
.chest-popup{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}.chest-popup .bag{min-height:0}.chest-kamas{display:flex;gap:8px;align-items:end;margin-top:auto;padding-top:10px}.chest-kamas label{flex:1;display:grid;gap:4px;font:700 12px Nunito}.chest-kamas input{width:100%;min-height:32px;border:2px solid #8f8462;background:#f4eed6;padding:4px 6px}.chest-empty{opacity:.55;cursor:default}
#game .hud .dock{position:static!important;z-index:auto!important;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 7px}
#game .hud .dock button{position:relative;height:59px;padding:7px 9px 5px;border:2px solid #8a491c;border-radius:18px 18px 7px 7px;background:linear-gradient(145deg,#ffc65d 0,#ef8c28 46%,#c95719 100%);color:#fff9df;box-shadow:inset 0 2px #fff2b7,inset 0 -5px #9a3d15aa,0 3px 0 #653416,0 5px 8px #4c321c55;cursor:pointer;font-size:21px;transition:transform .12s,filter .12s}
#game .hud .dock button:hover{filter:brightness(1.1);transform:translateY(-2px)}
#game .hud .dock button.active{filter:brightness(1.13);box-shadow:inset 0 2px #fff6cf,inset 0 -5px #a84917aa,0 0 0 3px #fff0a7,0 4px 0 #653416}
#game .hud .dock button small{font-size:10px;font-weight:800;text-shadow:0 1px #663513}
.sheet-icon{display:block;width:44px;height:42px;margin:-3px auto -1px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 1px #62300d)}
.icon-carac{background-image:url('/assets/ui/icon-caracteristiques.png')}.icon-spells{background-image:url('/assets/ui/icon-sorts.png')}.icon-bag{background-image:url('/assets/ui/icon-sac.png')}.icon-codex{background-image:url('/assets/ui/icon-codex.png')}.icon-map{background-image:url('/assets/ui/icon-carte.png')}
#game .initiative-wrap{position:absolute;display:flex;align-items:stretch;gap:0;left:auto;right:10px;bottom:calc(var(--hud-height) + 8px);top:auto;width:min(92vw,1148px);max-width:calc(100% - 20px);z-index:48}
#game .initiative-wrap.hidden{display:none!important}
#game .initiative{position:relative;display:flex;align-items:stretch;gap:6px;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;translate:none!important;flex:1 1 auto;width:auto;min-height:58px;height:auto;max-width:none!important;max-height:none;padding:5px 7px;overflow-x:auto;overflow-y:hidden;border:2px solid #806a3c;border-right:0;border-radius:10px 0 0 10px;background:#25291fe8;box-shadow:0 4px 16px #0009;scrollbar-width:thin}
.combat-sprites-toggle{flex:0 0 46px;width:46px;border:2px solid #806a3c;border-radius:0 10px 10px 0;background:#25291fe8;color:#eee7c9;font:800 18px Cinzel,serif;cursor:pointer;box-shadow:0 4px 16px #0009}
.combat-sprites-toggle:hover{filter:brightness(1.12)}
.combat-sprites-toggle.is-hidden{color:#ffd765;background:#3a3320e8}
.initiative-unit{position:relative;flex:0 0 142px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 5px;min-height:46px;padding:5px 8px;border:1px solid #6f704e;border-radius:7px;background:linear-gradient(145deg,#3a4330,#20291f);color:#eee7c9;font-size:11px;text-align:left;font-family:inherit;cursor:pointer}.initiative-unit>span{grid-row:1 / -1;display:grid;place-items:center;font-size:20px;color:#c8b26a}.initiative-unit b{align-self:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-unit small{color:#c2c9a9;font-size:10px}.initiative-unit.enemy{border-color:#8d5448;background:linear-gradient(145deg,#4c302b,#291f1d)}.initiative-unit.player{background:linear-gradient(145deg,#3a5146,#202f29)}.initiative-unit.active{border-color:#ffd765;box-shadow:0 0 0 2px #ffd765aa,0 0 15px #e6ae3d88;transform:translateY(-2px)}
.placement-banner{position:absolute;z-index:49;top:18px;left:50%;translate:-50% 0;display:grid;gap:3px;min-width:360px;padding:10px 22px;border:2px solid #e0b247;border-radius:8px;background:#24261ddd;color:#fff4cb;text-align:center;box-shadow:0 5px 18px #0008}.placement-banner b{font:800 15px Cinzel;color:#ffd765}.placement-banner span{font-size:11px}.turn-banner{position:absolute;z-index:55;top:18px;left:50%;translate:-50% -18px;opacity:0;pointer-events:none;padding:11px 28px;border:3px solid #ffd765;border-radius:12px;background:linear-gradient(135deg,#633d18ee,#2b2418ee);color:#fff4bd;font:900 20px Cinzel,serif;letter-spacing:.08em;text-shadow:0 2px 3px #000;box-shadow:0 5px 22px #000b;transition:opacity .18s,translate .18s}.turn-banner.show{opacity:1;translate:-50% 0;animation:turn-banner-pulse .55s ease-out}@keyframes turn-banner-pulse{50%{scale:1.06}}
#game.combat-mode .chat-log{bottom:auto}
#game.combat-mode .character{display:grid!important}

.combat-hotbar{height:96px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;overflow:hidden;padding:4px;border:1px solid #a79a72;background:#bcb28dcc;box-shadow:inset 0 1px #fff8dc}
.combat-hotbar.hidden{display:none!important}
.combat-hotbar .combat-spell{min-width:0;min-height:0;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 4px;padding:3px 4px;border:2px solid #80612e;border-radius:5px;background:linear-gradient(#75503a,#513524);color:#fff0bd;text-align:left;cursor:pointer}
.combat-hotbar .combat-spell.spell-air{background:#548347;border-color:#3d6a36}
.combat-hotbar .combat-spell.spell-terre{background:#8d5e3a;border-color:#6a4326}
.combat-hotbar .combat-spell.spell-eau{background:#3c73a1;border-color:#2a557a}
.combat-hotbar .combat-spell.spell-feu{background:#ad4435;border-color:#7c2e24}
.combat-hotbar .combat-spell.spell-heal{background:linear-gradient(135deg,#e58aaa,#833f66);border-color:#833f66}
.combat-hotbar .combat-spell.spell-boost{background:linear-gradient(135deg,#9a6bc2,#4b286d);border-color:#4b286d}
.combat-hotbar .combat-spell .spell-icon{position:relative}
.combat-hotbar .combat-spell.on-cooldown{filter:grayscale(.85);opacity:.62}
.combat-hotbar .spell-cooldown{position:absolute;inset:auto 0 0 auto;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#1b140c;color:#ffe08a;font:800 10px/16px Nunito;text-align:center}
.combat-spell-tooltip{position:fixed;z-index:240;max-width:320px;padding:10px 12px;border:2px solid #c9a45a;border-radius:8px;background:#231d14f2;color:#fff3c6;box-shadow:0 10px 28px #000a;pointer-events:none;font:600 12px/1.35 Nunito}
.combat-spell-tooltip.hidden{display:none}
.combat-spell-tooltip .combat-spell-tip-head{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.combat-spell-tooltip .combat-spell-tip-head b{display:block;font-size:14px;color:#fff6d2}
.combat-spell-tooltip .combat-spell-tip-head small{display:block;color:#f0c36a}
.combat-spell-tooltip p{margin:0 0 8px;color:#efe3c0}
.combat-spell-tooltip dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:0}
.combat-spell-tooltip dl div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #5a4a2f;padding-top:3px}
.combat-spell-tooltip dt{color:#cbb27a}
.combat-spell-tooltip dd{margin:0;color:#fff8d8}
.combat-effect-tooltip{position:fixed;z-index:241;max-width:280px;padding:9px 11px;border:2px solid #c9a45a;border-radius:8px;background:#231d14f2;color:#fff3c6;box-shadow:0 10px 28px #000a;pointer-events:none;font:600 12px/1.35 Nunito}
.combat-effect-tooltip.hidden{display:none}
.combat-effect-tooltip>b{display:block;margin-bottom:6px;color:#fff6d2;font-size:13px}
.combat-effect-tooltip section+section{margin-top:6px;padding-top:5px;border-top:1px solid #5a4a2f}
.combat-effect-current{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.combat-effect-current span{color:#cbb27a}
.combat-effect-boost .combat-effect-current strong{color:#56d66b}
.combat-effect-malus .combat-effect-current strong{color:#f0443e}
.combat-effect-heal .combat-effect-current strong{color:#ff78b7}
.combat-effect-tooltip ul{margin:3px 0 0;padding:0;list-style:none}
.combat-effect-tooltip li,.combat-effect-tooltip small{display:block;color:#efe3c0;font-size:11px}
.combat-hotbar .combat-spell>span{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7d398;color:#503821;font-size:12px}
.combat-hotbar .combat-spell b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-hotbar .combat-spell small{font-size:8px;color:#e8d4a8}
.combat-hotbar .combat-spell.selected{outline:3px solid #f5d13d;filter:brightness(1.2)}.combat-hotbar .combat-spell.is-locked,.combat-hotbar .combat-spell:disabled{filter:grayscale(.7);opacity:.5;cursor:not-allowed}
.spellbook-body{min-height:0;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}
.spellbook-hotbar{height:auto;min-height:168px;grid-template-rows:repeat(2,minmax(72px,1fr))}
.spellbook-hotbar .combat-spell{cursor:grab}
.spellbook-hotbar .combat-spell.is-dragging{opacity:.55}
.spellbook-hotbar .drop-target{outline:3px dashed #f5d13d}
.spellbook-hotbar .spell-empty{border:2px dashed #80612e88;background:#231d1433;cursor:default}
.spellbook-hint{margin:8px 14px 4px;color:#c9b98f;font-size:12px}
.end-turn-star{position:absolute;z-index:5;right:10px;bottom:15px;width:104px;height:43px;display:grid;grid-template-rows:1fr auto;place-items:center;padding:5px 8px 3px;border:2px solid #784519;border-radius:8px;background:linear-gradient(#ffc756,#e37520 62%,#b34d16);color:#fff8dc;box-shadow:inset 0 2px #fff0ad,0 3px 0 #684216;cursor:pointer}
.end-turn-star span{font:900 10px Cinzel;line-height:1}.end-turn-star small{padding:1px 5px;border-radius:7px;background:#5a3a17;color:#fff1b5;font-size:8px}.end-turn-star:disabled{filter:grayscale(.8);opacity:.65;cursor:not-allowed}

.log-entry{color:#111}.log-entry time{color:#6f6851;font-weight:600}.log-chat,.log-chat time{color:#2465af}.log-combat,.log-combat time{color:#16872d}.log-entry strong{font-weight:900}.damage{font-weight:900}.damage-terre{color:#b05d25}.damage-air{color:#298d53}.damage-eau{color:#287ec5}.damage-feu{color:#dc4235}.damage-neutre{color:#725f4d}

.popup-layer{position:absolute;z-index:100;inset:0 0 var(--hud-height);display:grid;place-items:center;padding:24px;background:#15170f88;backdrop-filter:blur(2px)}
#game:has(#popup-layer:not(.hidden)) .hud{z-index:150}
.popup-layer.hidden{display:none!important}.game-popup{width:min(1180px,92vw);height:min(690px,78vh);display:grid;grid-template-rows:54px 1fr;overflow:hidden;border:5px solid #f4ecd2;border-radius:22px;background:#d6cda8;box-shadow:0 14px 45px #000b,0 0 0 3px #514839;box-sizing:border-box}
.game-popup>header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#4f493b;color:#fffaf0}.game-popup>header h2{margin:0;font:800 22px Cinzel}.game-popup>header button{width:36px;height:36px;border:2px solid #8d3f12;background:#f06a18;color:white;font-size:25px;font-weight:900;cursor:pointer}
.popup-body{min-height:0;height:100%;overflow:hidden;padding:14px;color:#51493a;box-sizing:border-box}.popup-body h3,.popup-body h4{font-family:Cinzel;color:#4c4334}.popup-body button{font-family:inherit}

.inventory-popup{height:100%;display:grid;grid-template-columns:minmax(390px,1.15fr) minmax(300px,.85fr) 260px;gap:14px}.paperdoll,.bag,.item-sheet,.spell-detail,.spellbook,.stats-popup,.journal-popup{border:2px solid #8f8462;background:#e7dfc1;box-shadow:inset 0 1px #fff8e5}
.paperdoll{position:relative;min-height:480px;border-radius:16px;background:#514b3e}.paperdoll>h3{margin:13px;color:#fff4d6}.ant-paperdoll{position:absolute;inset:82px 110px 85px;display:grid;place-items:center;border:2px solid #8b815f;border-radius:45%;background:radial-gradient(#918868,#4d483c);color:#f2c553;font-size:96px}
.equip-slot{position:absolute;width:94px;height:70px;display:grid;place-items:center;border:2px dashed #b9ad83;background:#716a56;color:#eee0b8;text-align:center}.equip-slot.has-item{border-style:solid;border-color:#aaa07b;background:#d1c8a7;color:#51483a}.equip-slot.set-item-slot{border-color:#4caa63;box-shadow:inset 0 0 0 1px #4caa63,0 0 4px #4caa6355}.equip-slot small{position:absolute;top:2px;font-size:8px}.equip-slot i{font-size:22px;opacity:.55}.equip-slot button{width:100%;height:100%;display:grid;grid-template-columns:28px 1fr;place-items:center;border:0;box-sizing:border-box;background:#d1c8a7;color:#51483a;cursor:grab}.equip-slot button span{font-size:24px}.equip-slot button b{font-size:9px}.slot-head{top:52px;left:50%;translate:-50%}.slot-amulet{top:135px;left:50%;translate:-50%}.slot-cape{top:135px;right:18px}.slot-shield{top:135px;left:18px}.slot-weapon{top:225px;left:18px}.slot-ring1{top:225px;left:50%;translate:-105%}.slot-ring2{top:225px;left:50%;translate:5%}.slot-belt{top:225px;right:18px}.slot-boots{top:315px;left:50%;translate:-50%}
.inventory-heal{position:absolute;left:14px;right:14px;bottom:34px;min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) 142px;align-items:center;gap:10px;padding:8px 9px 8px 13px;border:2px solid #9b7340;border-radius:15px;background:linear-gradient(135deg,#f0ddb0,#d8bd78);box-shadow:inset 0 1px #fff4cf,0 3px 8px #21190d88;color:#514126;box-sizing:border-box}.inventory-heal>div{min-width:0;display:grid;gap:2px}.inventory-heal>div>b{font:800 14px Cinzel;color:#7c3f2e}.inventory-heal>div>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#6a5a38}.inventory-heal button{min-height:43px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:5px 9px;border:2px solid #813a1f;border-radius:11px;background:linear-gradient(145deg,#ffbd55,#df6f21 62%,#ad431b);box-shadow:inset 0 1px #ffe9a8,0 2px 0 #652b18;color:#fff9df;cursor:pointer}.inventory-heal button span{font-size:10px;font-weight:900}.inventory-heal button strong{padding-left:7px;border-left:1px solid #fff1b866;font-size:13px;white-space:nowrap}.inventory-heal button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.inventory-heal button:disabled{filter:grayscale(.65);opacity:.58;cursor:not-allowed;box-shadow:inset 0 1px #f5dfb0}
.bag{min-width:0;min-height:0;padding:12px;border-radius:10px;display:flex;flex-direction:column}.bag-heading{display:flex;justify-content:space-between;align-items:center}.bag-heading h3{margin:0}.bag>p{font-size:11px;color:#786e51}.item-grid{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));align-content:start;gap:5px;padding-right:4px}.inventory-item{min-height:94px;display:grid;place-items:center;padding:5px 4px;line-height:1.15;border:2px solid #aaa07b;background:#d1c8a7;color:#51483a;cursor:grab}.inventory-item>span{font-size:25px}.inventory-item b{font-size:9px}.inventory-item small{font-size:8px}.inventory-item.equipped:after{content:"Équipé";color:#318046;font-size:8px}.inventory-item.set-item{border-color:#4caa63;box-shadow:inset 0 0 0 1px #4caa63,0 0 4px #4caa6355}.inventory-item.selected{outline:3px solid #edb826;outline-offset:-3px}
.inventory-item.enchant-maxed{background:linear-gradient(135deg,#f2d98a,#d8ae4c 58%,#b9822d),#d1c8a7}.equip-slot.enchant-maxed{background:linear-gradient(135deg,#f2d98a,#d8ae4c 58%,#b9822d),#d1c8a7}.equip-slot.enchant-maxed button{background:transparent}.item-sheet.enchant-maxed{background:linear-gradient(135deg,#f2d98a,#d8ae4c 58%,#b9822d),#d1c8a7}.inventory-item.level-locked{background:#d1c8a7;filter:none}.inventory-item.level-locked.enchant-maxed{background:linear-gradient(135deg,#f2d98a,#d8ae4c 58%,#b9822d),#d1c8a7}.inventory-item.level-locked:after{content:none}.inventory-item .level-required{color:#9f2d27;font-size:8px;font-weight:900}.item-sheet .level-required{display:block;color:#9f2d27;font-size:13px;font-weight:900;text-align:center}.gold-item-name{color:#a96f09 !important;text-shadow:0 1px 0 #f7e7a3}.inventory-item.enchant-maxed .gold-item-name{color:#8d5d08 !important}.inventory-item.set-level-locked{border-color:#4caa63;box-shadow:inset 0 0 0 1px #4caa63,0 0 4px #4caa6355}
.item-sheet{padding:20px;border-radius:10px}.large-item-icon{display:grid;place-items:center;width:82px;height:82px;margin:auto;border:3px solid #7f8989;background:#f4f1df;font-size:45px}.large-item-icon.set-item-icon{border-color:#4caa63;box-shadow:inset 0 0 0 1px #4caa63,0 0 8px #4caa6366}.large-item-icon.neutral-item-icon{border-color:#7f8989;box-shadow:inset 0 0 0 1px #aeb5ad,0 0 5px #7f898955}.item-sheet h3{text-align:center}.item-sheet>small{display:block;text-align:center;color:#756b4e}.item-sheet p{font-size:13px}.item-bonuses{display:grid;gap:6px}.item-bonuses span{padding:7px;background:#c8c09f;color:#237238;font-weight:700}
.codex-popup{height:100%;display:grid;grid-template-columns:minmax(420px,1.4fr) 280px;gap:14px}.codex-list{min-width:0;min-height:0;padding:12px;border-radius:10px;display:flex;flex-direction:column}.codex-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:7px;margin:0 0 10px}.codex-toolbar select,.codex-toolbar button{min-height:32px;border:2px solid #8f8462;background:#f4eed6;color:#51493a;font:700 12px inherit}.codex-toolbar button{width:36px;cursor:pointer}.codex-grid{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));align-content:start;gap:5px}.codex-zones{display:block;margin-top:10px;color:#5d553f;font-size:13px;font-weight:700}.codex-set{display:block;margin:6px 0 0;color:#2f6a3d;font-weight:800}

.spells-popup{height:100%;display:grid;grid-template-columns:.9fr 1.35fr;gap:14px}.spell-detail{padding:22px;border-radius:16px}.spell-title{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px}.spell-title>span,.spell-glyph{display:grid;place-items:center;border:4px double #fff;width:66px;height:66px;background:#8d5e3a;color:#fff;font-size:28px}.spell-title h3{margin:0;font-size:22px}.spell-title>div small{color:#786d50}.spell-title>b{font-size:13px}.spell-detail>p{min-height:75px;font-size:17px}.spell-detail h4{margin-top:32px;border-bottom:2px solid #9e9470;padding-bottom:8px}.effect-row{padding:18px;background:#cec5a3}.spell-detail dl{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px}.spell-detail dt{font-weight:700}.spell-detail dd{margin:0}.spellbook{min-width:0;display:grid;grid-template-rows:auto 1fr;border-radius:14px;overflow:hidden}.spellbook-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#5a5242;color:#fff}.spellbook-head h3{margin:0;color:#fff}.spell-list{overflow:auto;padding:7px}.spell-list button{width:100%;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:7px;border:0;border-bottom:2px solid #aaa07c;background:#cbc3a2;color:#504738;text-align:left;cursor:pointer}.spell-list button:nth-child(even){background:#bdb493}.spell-list button.selected{outline:4px solid #edb826;outline-offset:-4px;background:#ded5b1}.spell-list button .spell-glyph{width:48px;height:48px;font-size:20px}.spell-list button span:nth-child(2){display:grid}.spell-list button small{color:#72684c}.spell-list button em{font-style:normal}.spell-terre .spell-glyph,.spell-glyph.spell-terre,.spell-detail.spell-terre .spell-title>span{background:#8d5e3a}.spell-air .spell-glyph,.spell-glyph.spell-air,.spell-detail.spell-air .spell-title>span{background:#548347}.spell-eau .spell-glyph,.spell-glyph.spell-eau,.spell-detail.spell-eau .spell-title>span{background:#3c73a1}.spell-feu .spell-glyph,.spell-glyph.spell-feu,.spell-detail.spell-feu .spell-title>span{background:#ad4435}

.stats-popup{height:100%;overflow:auto;border-radius:14px}.stats-hero{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:13px;padding:14px;background:#50493b;color:#fff}.stats-avatar{width:68px;height:68px;display:grid;place-items:center;border:3px solid #f0dfac;font-size:31px}.stats-hero h3{margin:0;color:#fff;font-size:24px}.stats-summary{display:flex;gap:12px;padding:12px 18px;background:#beb591}.stats-summary span{padding:7px 14px;border-radius:17px;background:#eee5c6}.stats-popup section>h3{margin:0;padding:12px 18px;background:#50493b;color:#fff}.stat-row{display:grid;grid-template-columns:42px minmax(220px,1fr) auto 42px;align-items:center;gap:10px;min-height:61px;padding:5px 15px;border-bottom:1px solid #aca27c}.stat-row:nth-child(odd){background:#d1c7a5}.stat-symbol{font-size:25px}.stat-row>div{display:grid}.stat-row small{color:#7b7051}.stat-row strong{font-size:18px}.stat-row strong i{color:#797052;font-size:12px}.stat-row button,.stats-popup footer button{border:2px solid #8b4819;background:#f1731d;color:#fff;font-weight:900;cursor:pointer}.stat-row button{width:36px;height:36px;font-size:20px}.stat-row button:disabled,.stats-popup footer button:disabled{filter:grayscale(1);opacity:.45}.stats-popup footer{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#92886a;color:#fff}.stats-popup footer button{padding:9px 14px}

.journal-popup{height:100%;display:grid;grid-template-columns:1fr 260px;grid-template-rows:48px 1fr;border-radius:14px;overflow:hidden}.journal-popup nav{grid-column:1/3;display:flex;background:#514a3c}.journal-popup nav button{padding:0 25px;border:0;background:transparent;color:#d9cfad;font-weight:800;cursor:pointer}.journal-popup nav button.active{background:#e9e1c4;color:#4d4535}.journal-lines{overflow:auto;padding:18px;background:#f0e9ce;font-size:15px;line-height:1.65}.journal-lines div{padding:5px 8px;border-bottom:1px solid #d1c8a7}.journal-popup aside{padding:18px;border-left:2px solid #9e9470;background:#cbc2a1}.journal-popup aside h3{margin-top:0}
.mystery-entry{color:#b62024!important;font-weight:900;text-shadow:0 0 10px #e23b3b33}.hud .chat-log .mystery-entry{color:#a50e19!important}

.minimap-popup{height:100%;display:grid;grid-template-rows:auto 1fr;border:2px solid #81724c;border-radius:14px;overflow:hidden;background:#cfc394;box-shadow:inset 0 0 0 1px #f8edc5}
.minimap-popup>header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 22px 13px;border-bottom:1px solid #857550;background:linear-gradient(110deg,#2f3926,#4b5132 62%,#665a38);color:#fff4d1}.map-kicker{display:block;margin-bottom:3px;color:#d8bd6f;font-size:9px;font-weight:900;letter-spacing:.19em}.minimap-popup h3{margin:0;color:#fff8df;font-size:24px;line-height:1}.minimap-popup p{margin:6px 0 0;font-size:11px;color:#d8d1ad}.map-header-meta{display:flex;align-items:center;gap:12px}.map-header-meta>span:first-child{padding:6px 10px;border:1px solid #c9ae5b55;border-radius:20px;background:#171d154d;color:#e5d7a6;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.map-legend{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.map-legend i{width:10px;height:10px;border:2px solid #fff0a7;border-radius:50%;background:#d94d2d;box-shadow:0 0 0 4px #d94d2d40}
.world-map{position:relative;min-height:0;margin:12px 14px 14px;border:2px solid #6d623e;border-radius:16px;background:radial-gradient(circle at 50% 42%,#e4d9a2 0 22%,transparent 55%),linear-gradient(145deg,#aab071,#d0c98b 52%,#8d9862);box-shadow:inset 0 0 0 5px #e7dbab66,inset 0 0 58px #35432666,0 3px 0 #9f9369;overflow:hidden;isolation:isolate}
.world-map:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 15% 20%,#fff8d633 0 1px,transparent 2px),radial-gradient(circle at 75% 65%,#43552b22 0 1px,transparent 2px);background-size:27px 31px,39px 35px;opacity:.8}.world-map:after{content:"";position:absolute;z-index:6;inset:8px;border:1px solid #fff5c533;border-radius:10px;pointer-events:none}.map-terrain{position:absolute;z-index:0;pointer-events:none;filter:blur(.2px)}.terrain-canopy{left:-4%;top:-16%;width:44%;height:52%;border-radius:45% 55% 52% 48%;background:radial-gradient(circle at 22% 78%,#526c3c 0 8%,transparent 9%),radial-gradient(circle at 42% 54%,#657d42 0 12%,transparent 13%),radial-gradient(circle at 66% 46%,#768a4d 0 16%,transparent 17%),radial-gradient(circle at 83% 71%,#586f3c 0 13%,transparent 14%);opacity:.55}.terrain-water{right:-3%;top:10%;width:28%;height:56%;border-radius:55% 0 0 60%;background:repeating-radial-gradient(ellipse at 100% 50%,#7fa39c99 0 8px,#9db9a866 10px 14px,transparent 16px 24px);opacity:.38}.terrain-roots{left:3%;bottom:-26%;width:52%;height:52%;border:15px double #7b693b22;border-radius:50% 48% 0 0;rotate:10deg}.world-map svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}.map-route-shadow,.map-route{fill:none;vector-effect:non-scaling-stroke}.map-route-shadow{stroke:#3b432b99;stroke-width:10;stroke-linecap:round}.map-route{stroke:#f0cf6f;stroke-width:4;stroke-linecap:round;stroke-dasharray:2 11;filter:drop-shadow(0 0 3px #fff0a5)}
.world-map-node{position:absolute;z-index:3;translate:-50% -50%;width:214px;min-height:46px;display:flex;align-items:center;padding:8px 12px;border:1px solid #88784d;border-radius:8px;background:linear-gradient(100deg,#f6edc9f2,#ded1a3f2);color:#453d29;box-shadow:0 5px 12px #33412666,inset 0 1px #fff9dc}.world-map-node>div{min-width:0}.world-map-node.current>div{padding-right:28px}.world-map-node b,.world-map-node small{display:block;overflow:hidden;text-overflow:ellipsis}.world-map-node b{display:-webkit-box;font:900 10.5px/1.15 Cinzel;letter-spacing:.01em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.world-map-node small{margin-top:3px;color:#776b4c;font-size:8px;white-space:nowrap}.world-map-node em{position:absolute;right:8px;top:7px;padding:3px 5px;border-radius:8px;background:#cf492e;color:#fff8d8;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}.map-dungeon{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:4px;background:#7a2f1d;color:#fff3d0;font:800 8px/1.2 Nunito;letter-spacing:.06em;vertical-align:middle}.world-map-node.current{border-color:#d65331;background:linear-gradient(100deg,#fff4c9,#f2daa0);box-shadow:0 0 0 3px #ffe68c,0 0 0 6px #cf492e,0 7px 18px #2e321e99}.map-compass{position:absolute;z-index:2;left:7%;top:9%;width:52px;height:52px;display:grid;place-items:center;border:1px solid #655a3d88;border-radius:50%;background:#efe3b066;color:#615435;box-shadow:inset 0 0 0 4px #fff4c033}.map-compass b{position:absolute;top:-14px;font:900 9px Cinzel}.map-compass i{font:normal 28px Cinzel;rotate:12deg}.map-caption{position:absolute;z-index:2;right:4%;bottom:4%;display:flex;flex-direction:column;align-items:flex-end;color:#51492f99;pointer-events:none}.map-caption span{font:900 13px Cinzel;letter-spacing:.12em}.map-caption small{margin-top:2px;font-size:8px;letter-spacing:.08em}
@media(max-width:900px){.minimap-popup>header{padding:10px 14px}.map-header-meta>span:first-child,.map-caption{display:none}.minimap-popup h3{font-size:18px}.world-map-node{width:168px;min-height:40px;padding:6px 10px}.world-map-node b{font-size:9px}.world-map-node small{font-size:7px}}

#toast{position:fixed;z-index:1000;left:50%;top:24px;translate:-50% -20px;padding:9px 16px;border-radius:20px;background:#282317f5;color:#fff3c2;opacity:0;transition:.2s;pointer-events:none;box-shadow:0 5px 18px #000b}
#toast.show{opacity:1;translate:-50% 0}

@media(max-width:900px){
  :root{--hud-height:224px}
  .hud{grid-template-columns:1fr 220px 1fr}
  .hud-chat{padding-inline:8px}.hud-tools{padding-inline:8px}
  .hud .chat-log{font-size:11px}
  #game .hud .dock button{padding:3px;font-size:15px}
  .hud .location b{font-size:10px}
  #game .initiative-wrap{right:6px;bottom:calc(var(--hud-height) + 6px);width:calc(100% - 12px);max-width:none}
  #game .initiative{width:auto;max-width:none!important;min-height:54px;max-height:none;overflow-x:auto;overflow-y:hidden}.initiative-unit{flex-basis:128px;min-height:46px}
}

/* Iconography and stable HUD resources */
.hud .combat-resource{display:inline-flex;align-items:center;gap:4px}
.combat-resource img{width:18px;height:18px;object-fit:contain}
.spell-title>span img,.spell-glyph img{width:80%;height:80%;object-fit:contain}
.effect-row{display:flex;align-items:center;gap:10px}
.effect-row img{width:30px;height:30px;object-fit:contain}
.stats-summary span{display:inline-flex;align-items:center;gap:6px}
.stats-summary img{width:23px;height:23px;object-fit:contain}
.stat-symbol{display:grid;place-items:center}
.stat-symbol img{width:34px;height:34px;object-fit:contain}
.spell-list button.locked{filter:grayscale(1);opacity:.46;cursor:not-allowed}.spell-list button.locked em{font-weight:800;color:#5d584b}
.result-window>header{align-items:center;gap:14px}.result-window>header span:first-child{flex:1}.result-window>header button{width:30px;height:30px;border:2px solid #8c3c17;background:#ec681b;color:#fff;font-size:22px;font-weight:900;line-height:20px;cursor:pointer}.result-body{max-height:calc(100vh - 110px);overflow:auto;padding:18px 22px}.result-table-head{display:grid;grid-template-columns:2fr .8fr 1.2fr 1.2fr 3fr;gap:12px;padding:8px 14px;background:#514b3c;color:#fff;font-weight:800}.result-row{display:grid;grid-template-columns:2fr .8fr 1.2fr 1.2fr 3fr;gap:12px;align-items:center;min-height:58px;padding:7px 14px;background:#d5ccaa;border-bottom:1px solid #aaa07b;color:#504738}.result-row:nth-of-type(even){background:#c7bd98}.result-row>strong{color:#356e32}.result-items{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:40px}.result-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #9d8956;border-radius:4px;background:#eee4bf;cursor:help}.result-item img{width:34px;height:34px;object-fit:contain}.result-item i{display:none}.result-item:hover:after{content:attr(data-item-tooltip);position:absolute;z-index:150;left:50%;bottom:calc(100% + 8px);translate:-50% 0;width:210px;padding:9px 11px;white-space:pre-line;text-align:left;border:2px solid #8b6c32;border-radius:5px;background:#312d23;color:#fff5d0;box-shadow:0 5px 14px #000b;font:600 11px/1.35 Nunito;pointer-events:none}.result-item:hover:before{content:"";position:absolute;z-index:151;left:50%;bottom:100%;border:6px solid transparent;border-top-color:#8b6c32}.result-level-up{color:#356e32;font-weight:900}.result-reward{font-weight:800;color:#504738}.result-row>.result-reward{white-space:nowrap}.result-level{font-weight:800}.defeat-note{padding:12px 14px;border-left:5px solid #b83a2e;background:#eed1bd;color:#7c241e;font-weight:800}.result-empty{margin:0;padding:13px;background:#c4bd93}.result-body>.primary{display:block;min-width:210px;margin:24px auto 0}@media(max-width:700px){.result-table-head{grid-template-columns:1.5fr 1fr 1fr}.result-table-head span:nth-child(n+4){display:none}.result-row{grid-template-columns:1.5fr 1fr 1fr}.result-row>span:nth-child(4),.result-row>.result-items{grid-column:1/-1}}
.inventory-item>span img{width:43px;height:43px;object-fit:contain}.equip-slot button span img{width:30px;height:30px;object-fit:contain}.large-item-icon img{width:72px;height:72px;object-fit:contain}
.enchant-popup{height:100%;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1fr) 260px;gap:14px}.enchant-slot-panel{display:flex;flex-direction:column;align-items:center;padding:18px;border:2px solid #8f8462;border-radius:10px;background:#e7dfc1}.enchant-kamas{margin:-4px 0 12px;padding:6px 10px;border:1px solid #a98f4e;border-radius:14px;background:#f3e5ad;color:#5b4a25;font-size:12px}.enchant-kamas b{color:#8b5d0b}.enchant-drop-slot{width:190px;height:190px;display:grid;place-items:center;align-content:center;gap:8px;border:3px dashed #a89b73;border-radius:12px;background:#514b3e;color:#eadfb9;text-align:center}.enchant-drop-slot.has-item{border-style:solid;border-color:#d8af39;box-shadow:0 0 0 2px #d8af3966}.enchant-drop-slot i{font-size:52px;font-style:normal}.enchant-drop-slot button{display:grid;place-items:center;gap:8px;width:100%;height:100%;border:0;background:transparent;color:#fff1c5;cursor:pointer}.enchant-drop-slot button img{width:100px;height:100px;object-fit:contain}.enchant-slot-panel>p{font-size:11px;color:#786e51;text-align:center}.enchant-action{width:100%;margin-top:auto;padding:11px;border:2px solid #8b4819;border-radius:5px;background:linear-gradient(#f3a23e,#c8681d);color:#fff;font-weight:900;cursor:pointer}.enchant-action:disabled{filter:grayscale(1);opacity:.55;cursor:not-allowed}.enchant-stat-table{width:100%;margin:14px 0 10px;border:1px solid #9c906c;border-radius:8px;overflow:hidden;background:#f0e8ca}.enchant-stat-head,.enchant-stat-row{display:grid;grid-template-columns:minmax(0,1.4fr) 48px 56px 48px;align-items:center;gap:5px;padding:8px 9px;font-size:12px}.enchant-stat-head{background:#514a3c;color:#fff1c5;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.enchant-stat-head b:not(:first-child),.enchant-stat-row small,.enchant-stat-row span{text-align:center}.enchant-stat-row{border-top:1px solid #d0c5a0;color:#534938}.enchant-stat-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:700}.enchant-stat-row span{font-weight:800;color:#3f3526}.enchant-stat-row.enchant-stat-up span{color:#2f7a32}.enchant-stat-row small{color:#827657}.enchant-empty-stats{font-size:10px;color:#786e51;text-align:center}.enchant-list{min-width:0}.enchant-detail{min-width:0}.enchant-empty-detail{display:grid;place-content:center;height:100%;text-align:center;color:#786e51}.enchant-open-button{padding:6px 9px;border:2px solid #8b4819;border-radius:5px;background:#d8892d;color:#fff8dc;font-weight:900;cursor:pointer}.enchant-open-button:hover{filter:brightness(1.08)}

/* Interaction, échange et fenêtres sans défilement parasite */
.delete-item,.sell-item{width:100%;margin-top:18px;padding:9px;border:2px solid #7c2e21;background:#b84a37;color:#fff;font-weight:900;cursor:pointer}
.spell-list button.locked{filter:grayscale(1);opacity:.46;cursor:pointer}.spell-list button.locked:hover{opacity:.62}
.stats-popup{display:flex;flex-direction:column;overflow:hidden;min-height:0}.stats-hero{flex:0 0 auto;grid-template-columns:46px 1fr auto;gap:8px;padding:4px 12px}.stats-avatar{width:38px;height:38px;font-size:21px}.stats-hero h3{font-size:18px}.stats-summary{flex:0 0 auto;gap:6px;padding:4px 12px}.stats-summary span{padding:3px 9px;font-size:11px}.stats-popup section{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.stats-popup section>h3{flex:0 0 auto;padding:4px 14px;font-size:14px}.stat-row{flex:1 1 0;grid-template-columns:34px minmax(220px,1fr) auto 34px;gap:7px;min-height:39px;padding:1px 12px}.stat-symbol img{width:29px;height:29px}.stat-row small{font-size:9px;line-height:1.1}.stat-row strong{font-size:15px}.stat-row strong i{font-size:10px}.stat-row button{width:29px;height:29px;font-size:16px;user-select:none;touch-action:none;-webkit-user-select:none}.stats-popup footer{flex:0 0 auto;padding:5px 14px;font-size:11px}.stats-popup footer button{padding:5px 10px;font-size:10px}.popup-layer.stats-open{padding:8px 24px}.popup-layer.stats-open .popup-body{display:flex;min-height:0;height:100%;padding:0;overflow:hidden}.popup-layer.stats-open .stats-popup{flex:1;min-height:0;width:100%;height:100%;box-sizing:border-box}
.popup-layer.dungeon-open{z-index:160}.popup-layer.dungeon-open .game-popup{width:min(640px,94vw);height:auto;min-height:220px;max-height:min(520px,78vh)}
.dungeon-entry{padding:28px 24px 22px;gap:12px}.dungeon-entry p{margin:0;max-width:360px;color:#514737}.dungeon-entry .dungeon-board-link{min-width:0;padding:0;border:0;background:transparent;color:#6b5a38;font:700 12px Nunito;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dungeon-entry .dungeon-board-link:hover{color:#3f3420}
.dungeon-board{padding:18px 20px 22px;color:#504738}.dungeon-board>p{margin:0 0 14px;font-size:13px}.dungeon-board-table{display:grid;gap:4px}.dungeon-board-head,.dungeon-board-row{display:grid;grid-template-columns:minmax(110px,1.6fr) 44px minmax(110px,1.4fr) 1.1fr 88px;gap:8px;align-items:center;padding:8px 10px}.dungeon-board-head{background:#514b3c;color:#fff8df;font:800 11px Cinzel;letter-spacing:.04em}.dungeon-board-row{background:#e7dfc1;border-bottom:1px solid #c3b98f}.dungeon-board-row:nth-child(odd){background:#ddd4b0}.dungeon-board-empty{margin:10px 0 0;padding:12px;background:#d8cfaa}.player-actions{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center}.player-action-avatar{width:90px;height:90px;display:grid;place-items:center;border:4px solid #776b4a;border-radius:50%;background:#c9bd90;font-size:46px}.player-actions h3{margin:0;font-size:28px}.player-actions>div:last-of-type{display:flex;gap:14px;margin-top:8px}.player-actions button{min-width:170px;padding:13px 20px;border:2px solid #76401c;border-radius:6px;color:#fff;font-weight:900;cursor:pointer}.player-actions .danger{background:#a83b2d}.player-actions .primary{background:#e97a20}.player-actions.dungeon-entry .dungeon-board-link{min-width:0;padding:0;border:0;background:transparent;color:#6b5a38;font:700 12px Nunito;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
.trade-layer{position:absolute;z-index:130;inset:0;display:grid;place-items:center;padding:30px;background:#15170faa;backdrop-filter:blur(3px)}.trade-layer.hidden{display:none!important}.trade-request,.trade-window{border:5px solid #f5ecd0;border-radius:18px;background:#d8cfaa;color:#504838;box-shadow:0 15px 48px #000c}.trade-request{width:min(500px,90vw);padding:0 24px 24px;text-align:center}.trade-request>header,.trade-window>header{margin:0 -24px 20px;padding:13px 18px;background:#514a3c;color:#fff;font:800 18px Cinzel}.trade-request>div{display:flex;justify-content:center;gap:12px}.trade-request button,.trade-window footer button{min-width:130px;padding:10px 18px;border:2px solid #7a491e;border-radius:5px;font-weight:900;cursor:pointer}.trade-window{width:min(960px,94vw);height:min(720px,88vh);display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden}.trade-window>header{display:flex;align-items:center;justify-content:space-between;margin:0;padding:13px 18px}.trade-window>header h2{margin:0;font-size:20px}.trade-title{display:grid;gap:3px}.trade-title p{margin:0;color:#e5d8b0;font:600 12px/1.35 Nunito;max-width:620px}.trade-window>header button{width:32px;height:32px;border:2px solid #8c3c17;background:#ec681b;color:#fff;font-size:23px;cursor:pointer}.trade-columns{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.trade-columns>section{display:grid;grid-template-rows:auto 1fr auto auto;min-height:220px;padding:12px;border:2px solid #8f8462;background:#eae2c5}.trade-columns h3,.trade-inventory h3{margin:0 0 8px;font-family:Cinzel}.trade-offer-grid,.trade-inventory>div{display:grid;grid-template-columns:repeat(6,1fr);align-content:start;gap:5px}.trade-offer-grid p{grid-column:1/-1;color:#837858}.trade-item{min-width:0;height:70px;display:grid;place-items:center;padding:3px;border:2px solid #a79b76;background:#cec5a3;color:#4d4434;cursor:pointer}.trade-item img{width:38px;height:38px;object-fit:contain}.trade-item small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.trade-item.enchant-maxed{background:linear-gradient(135deg,#f2d98a,#d8ae4c 58%,#b9822d);color:#4d4434}.trade-item-tooltip{position:fixed;z-index:1001;max-width:270px;padding:9px 11px;white-space:pre-line;pointer-events:none;border:2px solid #8b6c32;border-radius:6px;background:#312d23;color:#fff5d0;box-shadow:0 5px 14px #000b;font:600 11px/1.35 Nunito}.trade-window .trade-inventory{padding:12px 15px 16px;min-height:0;overflow:hidden}.trade-window .trade-inventory>div{max-height:150px;padding:3px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.trade-columns label{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:7px;background:#c5bc98}.trade-columns input{width:110px;padding:5px}.trade-ready{margin-top:7px;padding:5px;text-align:center;background:#8d856b;color:#fff}.trade-ready.ready{background:#4c8a42}.trade-inventory{margin:0 12px;padding:10px;border:2px solid #8f8462;background:#e8dfc0}.trade-inventory>div{grid-template-columns:repeat(10,1fr);max-height:150px;overflow:auto}.trade-window footer{display:flex;justify-content:center;gap:12px;padding:12px;background:#91876a}.trade-window .primary{background:#e97820;color:#fff}.trade-window .secondary{background:#eee3c2;color:#514939}.trade-window button:disabled{filter:grayscale(1);opacity:.6}
.spell-glyph.spell-boost,.spell-title>span.spell-boost{background:linear-gradient(135deg,#9a6bc2,#4b286d)}.spell-glyph.spell-heal,.spell-title>span.spell-heal{background:linear-gradient(135deg,#e58aaa,#833f66)}
.combat-result{position:absolute;z-index:140;inset:0;display:grid;place-items:center;padding:18px;background:#11140dcc;backdrop-filter:blur(3px);overflow:auto}.combat-result.hidden{display:none!important}.result-window{width:min(1180px,96vw);max-height:calc(100vh - 36px);display:grid;grid-template-rows:48px 1fr;overflow:hidden;border:4px solid #f3ecd1;border-radius:8px;background:#ded5b3;color:#514737;box-shadow:0 14px 42px #000c}.result-window>header{display:flex;padding:0 12px;background:#4d483a;color:#fff8df;font:800 15px Cinzel}