/* Context immediately above effects and the skill bar. */
#quickbar,#mapview-hud{visibility:hidden!important;pointer-events:none!important}
.combat-effect-tray{max-height:none;align-items:center}
.combat-context{flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;pointer-events:auto;margin-bottom:1px}
.combat-context[hidden],.combat-context-item[hidden]{display:none!important}
.combat-context-item{border:1px solid #a5b6cd66;border-radius:5px;background:#111c2ba6;color:#e6edf7;font:800 10px/1.35 'Multiverse Nunito Sans',Arial;padding:4px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(1px);text-shadow:0 1px 2px #000}
button.combat-context-item{cursor:pointer}.combat-context-item[data-source=qb-target]{border-color:#b76c7688;color:#f4d9df}
.combat-context-item[data-source=mapview-hud]{flex:0 0 auto;font-size:9px;letter-spacing:.2px;color:#bccadb;padding:2px 7px}
/* 252px default map becomes 189px, with fullscreen retained. */
#screen-game .win[data-win=minimap]:not(.mm-full){width:189px!important;min-width:0!important;max-width:189px!important;height:auto!important}
#screen-game .win[data-win=minimap]:not(.mm-full)>.win-body{flex:none;padding:5px 7px 20px}
.win[data-win=minimap]:not(.mm-full) .mm-btn{width:18px;height:18px;font-size:11px}
.win[data-win=minimap]:not(.mm-full) .mm-ctl{gap:2px;padding:2px}
.win[data-win=minimap]:not(.mm-full) .mm-north{top:5px;font-size:9px}
/* Equal wings preserve Jogar in the center, with Loja then Social on the left. */
#toolbar.compact-installed{width:402px!important}
#toolbar .compact-nav{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:5px}
#toolbar .compact-left{gap:4px}
#toolbar .compact-group.compact-play{background:linear-gradient(125deg,#fff0aa,#edd15e 48%,#bf9e30);border-color:#fff1ac;box-shadow:inset 0 1px #fff9d3,inset 0 0 0 2px #9a7f393b,0 2px 12px #e8c44345;color:#211d0d}
#toolbar .compact-group.compact-play:hover{background:linear-gradient(#fff6c9,#f0d66d);color:#171408;border-color:#fff9d3}
#toolbar .compact-right{justify-content:flex-start}#toolbar .compact-right .compact-group{flex:0 0 50%}
.profile-shortcuts{width:max-content!important}
/* Character summary above the equipment and the tabbed workspace. */
#panel-character{--gold:#dce6f3}
#panel-character .model-3 .window-body{grid-template-rows:104px minmax(0,1fr)}
#panel-character .model-3 .stats-pane{grid-row:1;grid-column:1/-1;border-top:0;border-bottom:1px solid #8ea4bf55;background:linear-gradient(110deg,#273444,#16212f);order:0}
#panel-character .model-3 .equipment-pane,#panel-character .model-3 .bag-pane{grid-row:2}
#panel-character :is(.identity b,.identity .lv,.section-title h3,.power span){color:#e7eff9}
#panel-character .power img{width:18px;height:25px}
.win[data-win=character] .win-head:before,.win[data-win=character] .win-title{color:#e7eff9!important}
#panel-character .workspace-heading{margin-bottom:10px;padding-bottom:8px}
#panel-character .workspace-tabs{display:flex;gap:5px;flex:1}
#panel-character .workspace-tabs button{display:flex;gap:6px;align-items:center;justify-content:center;flex:1;min-height:36px;padding:5px 8px;border:1px solid #a9bdd247;border-radius:4px;background:linear-gradient(#c2d4ed0a,#111c2b88);font:800 11px Nunito,Arial;color:#adbed4;box-shadow:inset 0 1px #dce9fb0e}
#panel-character .workspace-tabs button.active{background:linear-gradient(#a9bdd22d,#536d8c26);color:#fff;border-color:#b8cee5;box-shadow:inset 0 -2px #c0d4e9,inset 0 1px #fff4}
#panel-character .workspace-tabs svg{width:20px;height:20px;fill:currentColor;stroke:none;display:block}
#panel-character .workspace-tabs button:focus-visible{outline:2px solid #e5eefb;outline-offset:1px}
#panel-character .workspace-view{min-height:0;flex:1}
#panel-character .workspace-view[hidden]{display:none!important}
#panel-character .workspace-bag{display:flex;flex-direction:column}
#panel-character .workspace-cosmos{display:flex;border:1px solid #8195b15c;border-radius:5px;overflow:hidden;background:#101a28}
#panel-character .workspace-cosmos-frame{width:100%;height:100%;min-height:300px;border:0;display:block}
#panel-character .workspace-forge{overflow:auto;overscroll-behavior:contain;padding:6px;--orange:#dce6f3;--orange-2:#f4f8ff;--gold:#dce6f3}
#panel-character .workspace-forge .fg-grid{grid-template-columns:1fr;gap:10px}
#panel-character .workspace-forge .fg-head{flex-wrap:wrap}#panel-character .workspace-forge .fg-title b{font-size:22px;color:#edf3fb}
#panel-character .workspace-forge .fg-seal{display:none}#panel-character .workspace-forge .fg-chips{flex-wrap:wrap}
#panel-character .workspace-forge .fg-doll{display:none}#panel-character .workspace-forge .fg-items{max-height:135px}
#panel-character .workspace-forge .fg-panel{padding:8px}#panel-character .workspace-forge .fg-go{color:#15202d;background:linear-gradient(#e7eff8,#a8bad0);border-color:#dce8f7}
@media(max-width:850px){#panel-character .model-3 .window-body{grid-template-rows:160px minmax(0,1fr)}}
@media(max-width:760px){#toolbar.compact-installed{width:332px!important}#toolbar .compact-nav{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)}#toolbar .compact-group.compact-play{width:66px}}
@media(max-width:560px){#panel-character .model-3 .stats-pane{order:-1}#panel-character .model-3 .bag-pane{height:465px}#panel-character .model-3 .equipment-pane{order:0}#panel-character .model-3 .bag-pane{order:1}#panel-character .workspace-tabs button{font-size:10px;padding:5px}#panel-character .workspace-tabs svg{width:17px;height:17px}}

#panel-character .workspace-forge{--wd-gold:#e3edf9;--wd-gold2:#f3f7fd;--wd-line:#a4b8ce66;--wd-txt:#e7edf6;--wd-mut:#acbbce}
#panel-character .workspace-forge .fg-title{gap:5px}
#panel-character .workspace-forge .fg-title b{font:700 19px Cinzel,serif;letter-spacing:0;text-shadow:none}
#panel-character .workspace-forge .fg-title span{font-size:10px;letter-spacing:.2px}
#panel-character .workspace-forge .fg-tab.active{color:#fff;border-color:#d3e2f3;background:#cadbee1a}
#panel-character .workspace-forge .fg-pick.sel{border-color:#e4efff;background:linear-gradient(#d3e3fa30,#9aaec511);box-shadow:0 0 8px #c9dcf133}
#panel-character .workspace-forge .fg-ptitle{background:#d5e6fa0b;letter-spacing:.6px}
#panel-character .workspace-forge .fg-chip.gold{color:#edf3fb;border-color:#a5b8cf66}
#panel-character .workspace-forge .fg-equipped{max-height:110px}