html[data-cursor] #gameCanvas{cursor:var(--aim-cursor,crosshair)!important}
#playSession .trainer-type{display:flex!important;align-items:center;font:10px var(--ui);height:19px;gap:8px;letter-spacing:0}
#playSession #gameLevel{display:block!important;font:700 13px var(--ui);color:#ffe1a2;white-space:nowrap}
.hud-stats-toggle{margin-left:auto;width:21px;height:21px;border:1px solid #90b2a6;background:#17363c;color:#f1ddb0;font:18px var(--ui);padding:0;line-height:16px}
#liveStats{position:absolute;left:0;top:calc(100% + 8px);width:260px;padding:9px;background:#102930f5;border:1px solid #78958a;pointer-events:auto;max-height:65dvh;overflow:auto}
#liveStats .companion-stats header,#liveStats .companion-stats>p{display:none}
#liveStats .stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0}
#liveStats .stat-detail{min-height:48px;padding:6px;text-align:left;border:1px solid #72968b44;background:#17353b;color:var(--stat-color)}
#liveStats .stat-detail>span:first-child{font-size:10px}#liveStats .stat-detail strong{font-size:16px;color:var(--stat-color)}#liveStats .stat-detail>small{font-size:9px}#liveStats .stat-tooltip{left:0;min-width:120px;max-width:230px;font-size:10px}
#gamePause.inventory-open:not(.forge-open) .pause-card{top:220px;right:16px;width:220px;max-height:calc(100dvh - 270px);padding:7px;border-width:5px;overflow:auto}
#gamePause.inventory-open:not(.forge-open) #gamePauseTitle{display:none}
#gamePause.inventory-open:not(.forge-open) .inventory-close{display:none}
.inventory-open:not(.forge-open) .loadout-grid{gap:4px;padding:0 0 7px;margin:0 0 7px;border-bottom:1px solid #9cb19b55}
.inventory-open:not(.forge-open) .loadout-slot{padding:0}.inventory-open:not(.forge-open) .bag-grid{gap:4px}
.inventory-open:not(.forge-open) .bag-cell{height:43px;min-height:0;aspect-ratio:1;padding:4px;border-radius:3px}.inventory-open:not(.forge-open) .bag-cell>img{width:100%;height:100%;object-fit:contain}.inventory-open .cell-tier{top:1px;left:2px;font-size:9px}
.inventory-open .cell-enchant{top:1px;right:2px;bottom:auto;color:#ffdf85;background:#192a32dd;font:bold 11px var(--ui);padding:0 2px;border-radius:2px}
.cell-quantity{position:absolute;bottom:1px;right:2px;color:#a9f5ef;background:#102830f0;padding:0 2px;font:700 11px var(--ui);border-radius:2px}
.inventory-open .equipped-mark{bottom:1px;left:1px;right:auto;top:auto;font-size:8px}.inventory-open .bag-reserve{font-size:9px}
.item-hover-tooltip{position:fixed;z-index:100;width:266px;padding:12px;background:#0c222dfc;border:1px solid #a9c1ad;box-shadow:0 6px 25px #0009;pointer-events:none;font:12px var(--ui)}
.item-hover-tooltip header{display:flex;gap:10px;align-items:center;margin-bottom:10px}.item-hover-tooltip header>img{width:43px;height:43px;object-fit:contain}.item-hover-tooltip strong{display:block;color:#ffe2a5;font-size:15px}.item-hover-tooltip small{display:block;color:#9bb5ae;font-size:10px;margin-top:5px}.item-hover-tooltip .stat-chip{font-size:13px;padding:7px;min-width:92px}.item-hover-tooltip .stat-chip b{font-size:10px;color:var(--stat-color)}
#lootInspect{display:block;left:auto;right:246px;bottom:100px;width:240px;max-width:calc(100vw - 22px);padding:9px;background:#102832f5;border:1px solid var(--rarity)}
#lootInspect>header{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:7px}#lootInspect>header>img{width:30px;height:30px;object-fit:contain}#lootInspect>header>button{margin-left:auto;background:none;border:0;color:#c6d1bc;font-size:20px}
.ball-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ball-content-grid>button{min-width:0;display:flex;flex-direction:column;align-items:center;padding:6px 2px;background:#1a3d43;border:1px solid #77978d;color:#e7e2be}.ball-content-grid img{width:35px;height:35px;object-fit:contain}.ball-content-grid span{font-size:9px;line-height:1.2}.ball-content-grid small{font-size:8px;color:#cddcb6;margin-top:3px}
#playSession .bag-is-open #lootInspect{right:246px}.game-menu-actions .inventory-button{position:fixed;right:16px;top:178px;width:40px;height:34px;background-image:url('../../assets/ui/fantasy/panel-border-014.png');background-size:cover}.game-menu-actions .inventory-button .bag-count{font-size:8px}
@media(max-width:650px){#gamePause.inventory-open:not(.forge-open) .pause-card{top:187px;right:8px;width:190px;max-width:50vw;max-height:calc(100dvh - 260px);padding:5px}.inventory-open:not(.forge-open) .bag-cell{height:35px}.game-menu-actions .inventory-button{right:8px;top:148px}.item-hover-tooltip{width:240px}#lootInspect{right:8px;bottom:105px;width:210px}.bag-is-open #lootInspect{right:auto!important;left:8px;width:170px;max-width:43vw!important}#liveStats{width:225px}.hud-stats-toggle{width:21px}.trainer-type{gap:4px!important}#playSession #gameLevel{font-size:11px}}

#playSession #gameXP{display:block;font:9px var(--ui);color:#e9cf83;margin-top:3px}.auto-hunt{position:absolute;left:22px;bottom:83px;max-width:42vw;padding:5px 9px;background:#102a32db;border:1px solid #87b1a655;color:#c8ead1;font:10px var(--ui);pointer-events:auto}.cursor-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cursor-choices button{display:grid;place-items:center;background:#19323c;border:1px solid #8aafaa66;padding:8px;color:#dce4ce}.cursor-choices img{width:48px;height:48px}.cursor-choices button[aria-pressed=true]{border-color:#ffe0a0;background:#304b49}.cursor-choices small{font-size:10px}.setting-item input[type=color]{width:54px;height:35px;margin:6px}

/* T11-b: measured tooltips and explicit, compact inventory actions. */
.item-hover-tooltip{box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overflow-wrap:anywhere}
.item-hover-tooltip p{font:11px/1.45 var(--ui);margin:6px 0;color:#c7d8ce}.item-hover-tooltip .comparison-reference{color:#edd6a5;border-top:1px solid #7d9e9144;padding-top:7px}
.loadout-label{display:block;white-space:nowrap;font:8px var(--ui);color:#c3d6c7;text-align:center;margin-bottom:3px}
.bag-cell.is-selected{outline:1px solid #ffe3a3;outline-offset:1px;background:#39534f}
.bag-cell:focus-visible,.bag-selection button:focus-visible{outline:2px solid #fff0b8;outline-offset:2px}
.bag-selection{margin-top:8px;padding-top:7px;border-top:1px solid #9cb19b55;text-align:left;color:#e9dfbc;font:11px var(--ui)}
.bag-selection>strong{display:block;font-size:12px}.bag-selection>strong small{color:#f0cd84;white-space:nowrap}.bag-selection>span{display:block;color:#a9c8bd;font-size:9px;margin:4px 0}
.bag-selection .item-stat-chips{display:flex;flex-wrap:wrap;gap:3px}.bag-selection .stat-chip{min-width:0;padding:3px;font-size:10px}.bag-selection .stat-chip b{font-size:8px}
.bag-selection>button{width:100%;min-height:30px;margin-top:6px;border:1px solid #a9bf9c;background:#284d49;color:#fff0c4;font:12px var(--ui);cursor:pointer}
@media(max-width:650px){.loadout-label{font-size:7px}.bag-selection>button{min-height:36px}.bag-selection .stat-chip{font-size:9px}}

/* T11-c: small, dismissible first-entry guidance; no guidance in combat. */
.first-steps{position:absolute;left:20px;bottom:112px;width:280px;max-width:calc(100vw - 40px);padding:12px 28px 12px 12px;border:1px solid #94b4a077;background:#102c32ef;color:#deead3;font:12px/1.5 var(--ui);z-index:10;box-sizing:border-box}
.first-steps strong{color:#f4d99c;font-size:14px}.first-steps p{margin:6px 0}.first-steps small{display:block;font-size:10px;color:#acc4b9}.first-steps button{position:absolute;right:4px;top:4px;border:0;background:transparent;color:#cbd8c5;font-size:22px;cursor:pointer}.first-steps button:focus-visible{outline:2px solid #ffe3a3}
.network-pill:not([data-status="online"])>span{display:inline}.network-disconnected button:disabled{opacity:.6;cursor:wait}.network-disconnected .glass-frame{max-height:calc(100dvh - 32px);overflow:auto}
@media(max-width:650px){.first-steps{left:12px;bottom:152px;width:245px;max-width:calc(100vw - 24px);font-size:11px}.first-steps strong{font-size:12px}}

#spellArt{display:grid;place-items:center;width:30px;height:30px}#spellArt>img{width:28px;height:28px;object-fit:contain}#spellArt>:is(svg,img.art-icon){width:24px;height:24px}

.party-toggle{position:absolute;left:20px;top:145px;z-index:20;border:1px solid #91b2a4;background:#123039ee;color:#e9d7a8;padding:6px 9px;font:11px var(--ui);cursor:pointer}.party-panel{position:absolute;left:20px;top:180px;width:235px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 280px);overflow:auto;z-index:30;padding:12px;background:#102a31f7;border:1px solid #9bb7a0;color:#dce5d2;font:12px var(--ui);box-sizing:border-box}.party-panel header{display:flex;justify-content:space-between;align-items:center;color:#ebd5a4}.party-panel button{border:1px solid #88a99a;background:#264d49;color:#f0e0b7;padding:6px;margin:4px 3px 4px 0;font:11px var(--ui);cursor:pointer}.party-panel button:disabled{opacity:.5;cursor:default}.party-panel button:focus-visible,.party-toggle:focus-visible{outline:2px solid #ffe7ae}.party-panel ul{list-style:none;padding:0;margin:8px 0}.party-panel li{margin:7px 0}.party-panel small{display:block;color:#abc4ba;font-size:10px;margin:4px 0}.party-panel progress{width:100%;height:6px;accent-color:#8ad5aa}.party-panel article{border-top:1px solid #77998866;padding-top:7px}.party-panel article>span{display:block}.party-panel p{font-size:11px;color:#edc28e}.party-candidates{display:flex;flex-direction:column}@media(max-width:650px){.party-toggle{left:13px;top:140px}.party-panel{left:13px;top:177px;max-height:calc(100dvh - 330px);width:215px}}

/* T16-b: same painted item assets and slot colours as the compact bag. */
.trade-toggle{position:absolute;left:100px;top:145px;z-index:20;padding:6px 9px;border:1px solid #c8b67f;background:#18383bee;color:#f3dfb0;font:11px var(--ui);cursor:pointer}
.trade-panel{position:absolute;left:20px;top:180px;width:420px;max-width:calc(100% - 40px);max-height:calc(100dvh - 210px);overflow:auto;z-index:35;box-sizing:border-box;padding:16px;color:#e1eadb;border:1px solid #bba778;background:linear-gradient(145deg,#1b393cf7,#0a2029fa);box-shadow:0 14px 45px #00141ba8,inset 0 0 30px #d2a95408;font:12px/1.45 var(--ui);border-radius:4px}
.trade-panel[hidden],.trade-toggle[hidden]{display:none}.trade-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbb57b50;padding-bottom:9px}.trade-panel h2{margin:2px 0;color:#f4dfb3;font-size:20px}.trade-panel h3{margin:8px 0;color:#e1cfa5;font-size:12px;overflow-wrap:anywhere}.trade-panel small{font-size:10px;color:#b4c9c1}.trade-panel button{border:1px solid #9bb18e80;border-radius:3px;background:#284c4b;color:#f5e8c8;padding:8px 10px;font:11px var(--ui);cursor:pointer;min-height:34px}.trade-panel button:disabled{opacity:.4;cursor:default}.trade-panel button:focus-visible,.trade-toggle:focus-visible,.trade-panel summary:focus-visible{outline:2px solid #ffe6a4;outline-offset:2px}.trade-panel header button{background:none;font-size:21px;border:0}.trade-offers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.trade-offers section{min-width:0}.trade-item{display:flex;align-items:center;gap:7px;min-width:0;padding:6px;margin:5px 0;border:1px solid #5a7976;border-left:3px solid var(--item-color);background:#0b242ab0;border-radius:3px}.trade-item>img{width:30px;height:30px;object-fit:contain}.trade-item>div{min-width:0;flex:1}.trade-item strong{font-size:10px;display:block;overflow-wrap:anywhere}.trade-item small{display:block}.trade-item b{color:#f0e4ca;margin-left:5px}.trade-item .trade-quantity{display:flex;flex:0 0 auto;gap:5px}.trade-quantity button{min-width:34px;padding:6px}.trade-bag{max-height:230px;overflow:auto;margin:8px 0;padding-top:8px;border-top:1px solid #cbb57b50}.trade-bag summary{cursor:pointer;color:#d8c7a0;padding:5px}.trade-panel footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.trade-panel footer button:first-child{background:#37645b}.trade-feedback:empty{display:none}.trade-feedback{color:#f0d296}.trade-confirmed{color:#a7ddba;font-size:10px;margin:5px 0}.trade-candidates{display:grid;gap:7px;margin:12px 0}
@media(max-width:650px){.trade-toggle{left:90px;top:140px}.trade-panel{left:12px;top:177px;width:370px;max-width:calc(100% - 24px);max-height:calc(100dvh - 195px);padding:10px}.trade-bag{max-height:180px}.trade-panel button{min-height:40px}.trade-quantity button{min-width:40px}}
/* Cible sociale compacte : aucun voile ni suspension du combat. */
.player-inspect{position:absolute;left:20px;top:180px;width:224px;max-width:calc(100% - 24px);z-index:28;box-sizing:border-box;padding:9px 11px;border:1px solid #a5b7a780;border-left:2px solid #dac48c;background:linear-gradient(130deg,#16363cf2,#0b222bf2);box-shadow:0 5px 15px #001a2450;border-radius:4px;color:#e8e8cd;font:12px var(--ui)}
.player-inspect[hidden]{display:none}.player-inspect header{display:flex;align-items:center;justify-content:space-between;gap:8px}.player-inspect strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1dfb3}.player-inspect small{display:block;color:#a9c8be;font-size:10px;margin:2px 0 8px}.player-inspect button{border:1px solid #8baaa066;border-radius:3px;background:#244c4bc9;color:#ede2bf;font:10px var(--ui);padding:6px;min-height:30px;cursor:pointer}.player-inspect header button{border:0;background:none;font-size:18px;padding:0 4px;min-height:20px}.player-inspect>div{display:flex;gap:5px}.player-inspect>div button:first-child{flex:1}.player-inspect button:disabled{opacity:.4;cursor:default}.player-inspect button:focus-visible{outline:2px solid #f8db94;outline-offset:2px}
.trade-panel{left:auto;right:18px;width:324px;max-height:min(440px,calc(100dvh - 260px));padding:10px;font-size:11px}.trade-panel h2{font-size:17px}.trade-panel .trade-item{gap:4px;padding:4px}.trade-panel .trade-item>img{width:24px;height:24px}.trade-panel .trade-bag{max-height:145px}.trade-panel .trade-feedback:empty{display:none}.trade-panel button{padding:5px 7px;min-height:30px}
@media(max-width:650px){.player-inspect{left:12px;top:177px;width:210px}.player-inspect button{min-height:36px}.trade-panel{left:auto;right:10px;top:165px;width:285px;max-height:calc(100dvh - 245px)}}