\
:root{font-family:Tahoma,Verdana,Arial,sans-serif;color:#ddd;background:#151515;--metal:#555;--edge:#777;--dark:#252525;--deep:#111;--gold:#c8a45a}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}
.classic-client{height:100vh;display:flex;flex-direction:column;background:#1b1b1b;color:#ddd}
.classic-titlebar{height:38px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:linear-gradient(#555,#2c2c2c);border-bottom:2px solid #111;box-shadow:inset 0 1px #888}
.client-logo{display:flex;align-items:center;gap:7px;text-shadow:1px 1px #000}.client-logo span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e28b1d;color:#5b2500}.title-actions{display:flex;gap:14px;font-size:11px}.title-actions .online{color:#77e59a}.title-actions .offline{color:#f4c26e}
.classic-workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:3px;padding:3px;background:#101010}
.game-column{min-width:0;min-height:0;display:grid;grid-template-rows:31px minmax(0,1fr) 181px;gap:3px}
.game-toolbar{display:flex;align-items:center;gap:3px;padding:3px;background:linear-gradient(#565656,#363636);border:1px solid #777;box-shadow:inset 0 0 0 1px #222}
.game-toolbar button,.classic-box button,.classic-chat button,.classic-chat select{color:#ddd;background:linear-gradient(#666,#3c3c3c);border:1px solid #1a1a1a;box-shadow:inset 0 1px #888;border-radius:1px;padding:4px 9px;font-size:11px}
.game-toolbar button.active,.game-toolbar button:hover,.classic-box button:hover{background:linear-gradient(#84704a,#594a2f);color:#fff}.toolbar-spacer{flex:1}.game-toolbar>span{font-size:11px;color:#bbb}
.game-viewport{position:relative;min-height:0;background:#000;border:2px ridge #777;overflow:hidden}.earth-map{display:block;width:100%;height:100%;background:#000;image-rendering:pixelated}.map-loading{display:grid;place-items:center;height:100%;color:#b8b8b8;background:#111}
.map-label{position:absolute;left:8px;top:8px;padding:5px 8px;background:#000b;border:1px solid #858585;color:#eee;font-size:11px;pointer-events:none;text-shadow:1px 1px #000}.map-label strong,.map-label span{display:block}.map-label span{color:#cfc18e;margin-top:2px}
.classic-sidebar{min-height:0;display:flex;flex-direction:column;gap:3px;overflow:auto;background:#1b1b1b}
.classic-box{background:#303030;border:2px ridge #777;padding:4px}.classic-box-title{min-height:21px;margin:-4px -4px 5px;padding:3px 5px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#5e5e5e,#393939);border-bottom:1px solid #111;color:#eee;font-size:11px;font-weight:bold;text-shadow:1px 1px #000}.classic-box-title button{padding:1px 5px;font-size:9px}
.portrait-row{display:flex;gap:7px;align-items:center;margin-bottom:5px}.portrait{width:42px;height:42px;border:2px inset #777;background:#171717;display:grid;place-items:center}.portrait img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.portrait-row strong,.portrait-row small{display:block}.portrait-row strong{font-size:12px}.portrait-row small{font-size:10px;color:#aaa;margin-top:3px}
.classic-bar{position:relative;height:14px;margin:3px 0;background:#151515;border:2px inset #666;overflow:hidden}.classic-bar i{display:block;height:100%}.classic-bar span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:10px;color:#fff;text-shadow:1px 1px #000}.classic-bar.hp i{background:linear-gradient(#ee5a5a,#9f1717)}.classic-bar.ki i{background:linear-gradient(#4c91ed,#154897)}
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:5px}.status-grid span{padding:3px;background:#222;border:1px inset #555;font-size:10px;text-align:center}
.classic-paperdoll{position:relative;height:218px;background:#202020;border:2px inset #666}.mini-character{position:absolute;left:94px;top:68px;width:64px;height:84px;display:grid;place-items:center}.mini-character img{max-width:62px;max-height:82px;image-rendering:pixelated;object-fit:contain}
.classic-equip{position:absolute;width:45px;height:45px;padding:2px!important;display:grid;place-items:center;background:#171717!important;border:2px inset #606060!important;overflow:hidden}.classic-equip span{font-size:23px}.classic-equip small{display:none}.classic-equip.occupied{border-color:#ae8e4f!important}.slot-placeholder{color:#777;font-size:18px!important}
.classic-equip.slot-helmet{left:103px;top:5px}.classic-equip.slot-necklace{left:52px;top:31px}.classic-equip.slot-backpack{right:52px;top:31px}.classic-equip.slot-armor{left:103px;top:55px}.classic-equip.slot-weapon{left:28px;top:83px}.classic-equip.slot-shield{right:28px;top:83px}.classic-equip.slot-legs{left:103px;top:105px}.classic-equip.slot-boots{left:103px;top:157px}.classic-equip.slot-ring{left:52px;top:147px}.classic-equip.slot-ammo{right:52px;top:147px}
.classic-container-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.classic-item{position:relative;aspect-ratio:1;min-height:43px;padding:1px!important;background:#171717!important;border:2px inset #626262!important;color:#ddd;display:grid;place-items:center}.classic-item>span{font-size:22px}.classic-item b{position:absolute;right:2px;bottom:1px;font-size:9px;color:#fff;text-shadow:1px 1px #000}.classic-item.empty{opacity:.65}.classic-item.empty small{color:#555}.rarity-rare{box-shadow:inset 0 0 5px #395dce}.rarity-uncommon{box-shadow:inset 0 0 5px #318f4e}.capacity{text-align:right;padding-top:4px;font-size:10px;color:#aaa}
.action-box{display:grid;grid-template-columns:1fr 1fr;gap:3px}.action-box button{padding:6px 2px;font-size:10px}
.classic-chat{min-height:0;display:grid;grid-template-rows:24px minmax(0,1fr) 30px;background:#252525;border:2px ridge #777}.chat-tabs{display:flex;background:#3b3b3b;border-bottom:1px solid #111}.chat-tabs button{border-radius:0;padding:3px 12px}.chat-tabs button.active{background:#252525;border-bottom-color:#252525}
.classic-chat-messages{overflow:auto;padding:4px 7px;background:#171717;font:11px Consolas,monospace}.classic-chat-messages>div{line-height:1.45}.classic-chat-messages time{color:#777;margin-right:5px}.classic-chat-messages strong{color:#7fc7ff;margin-right:4px}.classic-chat-messages .system,.classic-chat-messages .system strong{color:#d5be75}
.classic-chat-form{display:grid;grid-template-columns:82px 1fr 58px;gap:3px;padding:3px;background:#383838}.classic-chat-form input{min-width:0;background:#151515;border:2px inset #666;color:#eee;padding:3px 5px;font-size:11px}
.embedded-page{height:100%;overflow:auto;background:#242424;color:#ddd}.hunt-embedded{display:grid;grid-template-columns:220px 1fr}.embedded-list{padding:8px;background:#2d2d2d;border-right:2px ridge #777}.embedded-list h2{font-size:14px;margin:2px 0 8px}.embedded-list button{display:block;width:100%;margin-bottom:4px;text-align:left;padding:8px;color:#ddd;background:#3c3c3c;border:2px outset #666}.embedded-list button.active{background:#665638}.embedded-list strong,.embedded-list small{display:block}.embedded-list small{color:#bbb;margin-top:3px}
.embedded-battle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.embedded-battle h1{text-shadow:2px 2px #000}.embedded-fighters{width:min(720px,100%);display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;text-align:center}.embedded-fighters img{width:130px;height:170px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 5px #0008)}.embedded-fighters img.enemy{transform:scaleX(-1)}.embedded-fighters strong{display:block}.classic-primary{margin-top:16px;padding:8px 18px;color:#fff;background:linear-gradient(#8b6d32,#59431e);border:2px outset #987a42}
.inventory-embedded{display:grid;grid-template-columns:290px 1fr;gap:6px;padding:7px}.inventory-details,.full-bag{background:#303030;border:2px ridge #777;padding:8px}.inventory-details h1,.full-bag h2{font-size:14px;margin:0 0 8px}.large-paperdoll{height:350px;position:relative;background:#1c1c1c;border:2px inset #666}.large-paperdoll>img{position:absolute;left:105px;top:115px;width:75px;height:100px;object-fit:contain;image-rendering:pixelated}.large-slot{position:absolute;width:58px;height:58px;background:#171717;color:#ddd;border:2px inset #666}.large-slot span,.large-slot small{display:block}.large-slot span{font-size:25px}.large-slot small{font-size:8px}.large-slot.slot-helmet{left:115px;top:10px}.large-slot.slot-necklace{left:45px;top:48px}.large-slot.slot-backpack{right:45px;top:48px}.large-slot.slot-armor{left:115px;top:78px}.large-slot.slot-weapon{left:18px;top:124px}.large-slot.slot-shield{right:18px;top:124px}.large-slot.slot-legs{left:115px;top:150px}.large-slot.slot-boots{left:115px;top:222px}.large-slot.slot-ring{left:45px;top:235px}.large-slot.slot-ammo{right:45px;top:235px}
.attributes{margin-top:8px}.attributes div{display:flex;justify-content:space-between;border-bottom:1px solid #444;padding:4px;font-size:11px}.full-item-grid{display:grid;grid-template-columns:repeat(6,minmax(58px,1fr));gap:3px}.full-item{position:relative;aspect-ratio:1;background:#171717;color:#ddd;border:2px inset #666;display:flex;flex-direction:column;align-items:center;justify-content:center}.full-item span{font-size:26px}.full-item small{font-size:9px;text-align:center}.full-item b{position:absolute;right:3px;bottom:2px;font-size:9px}
.vip-embedded{padding:18px}.vip-header{padding:15px;background:#34304a;border:2px ridge #777}.vip-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.vip-products article{padding:12px;background:#303030;border:2px ridge #777}.vip-products strong,.vip-products b{display:block}.vip-products b{font-size:20px;color:#d9bc6e;margin:8px 0}.vip-products button,.pvp-embedded button{color:#ddd;background:#555;border:2px outset #777;padding:6px 12px}
.pvp-embedded{display:grid;place-items:center;text-align:center}.pvp-embedded>div{max-width:600px}.pvp-embedded>div>span{font-size:60px}
@media(max-width:850px){html,body,#app{overflow:auto;height:auto}.classic-client{height:auto;min-height:100vh}.classic-workspace{grid-template-columns:1fr}.game-column{height:760px}.classic-sidebar{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.classic-paperdoll{height:218px}.vip-products{grid-template-columns:1fr}.inventory-embedded{grid-template-columns:1fr}.full-item-grid{grid-template-columns:repeat(4,1fr)}}

.real-item-sprite{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;display:block;margin:auto}.classic-equip .real-item-sprite{width:38px;height:38px}.large-slot .real-item-sprite{width:42px;height:42px}.full-item .real-item-sprite{width:38px;height:38px}

.classic-item>span,.classic-equip>span,.full-item>span,.large-slot>span{
  font-family:Consolas,monospace!important;
  font-size:12px!important;
  font-weight:bold;
  letter-spacing:-1px;
}


.safe-item-icon{display:grid!important;place-items:center;width:28px;height:28px;border:1px solid #777;background:#111;color:#f0d082;font:700 10px Consolas,monospace;letter-spacing:-.5px}
.classic-equip .safe-item-icon,.large-slot .safe-item-icon{margin:auto}
.real-item-sprite{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;display:block;margin:auto}.classic-equip .real-item-sprite{width:38px;height:38px}.full-item .real-item-sprite,.large-slot .real-item-sprite{width:40px;height:40px}

/* V12.4: imagens reais em todos os painéis */
.large-paperdoll>img,.mini-character img,.portrait img,.embedded-fighters img{
  object-fit:contain;
  image-rendering:pixelated;
}
.large-slot .real-item-sprite,
.full-item .real-item-sprite,
.classic-item .real-item-sprite,
.classic-equip .real-item-sprite{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.full-item .real-item-sprite{width:40px;height:40px}
.large-slot .real-item-sprite{width:44px;height:44px}

/* V12.5 — fluxo PZ/HUNT e arena dinâmica */
.game-column{position:relative}
.hunt-fab{
  position:absolute;left:14px;bottom:190px;z-index:30;
  min-width:96px;padding:13px 20px;border:2px outset #e57070!important;
  border-radius:4px!important;background:linear-gradient(#d83d3d,#841414)!important;
  color:#fff!important;font:bold 16px Tahoma!important;letter-spacing:1.5px;
  text-shadow:1px 1px #3d0000;box-shadow:0 4px 12px #0008;
}
.hunt-fab:hover,.hunt-fab.active{background:linear-gradient(#f05252,#a51d1d)!important;filter:brightness(1.08)}
.hunt-arena-page{position:relative;width:100%;height:100%;overflow:hidden;background:#0b1017}
.hunt-arena-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.hunt-zone-picker{
  position:absolute;right:12px;top:12px;width:210px;padding:8px;
  background:#111820e8;border:2px ridge #777;color:#ddd;display:grid;gap:4px
}
.hunt-zone-picker>strong{padding:3px 4px;font-size:12px;color:#f0c46d}
.hunt-zone-picker button{
  padding:7px;text-align:left;color:#ddd;background:linear-gradient(#515151,#323232);
  border:2px outset #666;font-size:11px
}
.hunt-zone-picker button small{display:block;color:#aaa;margin-top:2px}
.hunt-zone-picker button.active{background:linear-gradient(#77542d,#4e341c);color:#fff}
.hunt-zone-picker button:disabled{opacity:.45}
.hunt-controls{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:#111820d9;border:1px solid #69717c}
.hunt-controls button{padding:8px 14px;border:2px outset #777;color:#fff;background:linear-gradient(#5c5c5c,#353535);font-weight:bold}
.hunt-controls button.danger{background:linear-gradient(#c84343,#731616)}
.hunt-controls button.success{background:linear-gradient(#4d9255,#285b30)}
@media(max-width:850px){.hunt-fab{position:fixed;bottom:18px;left:14px}.hunt-zone-picker{width:165px}.hunt-controls{bottom:8px}}

/* V12.6 — painel de escolha de hunt */
.hunt-modal-backdrop{position:fixed;inset:0;z-index:100;background:#020407d9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}
.hunt-selection-panel{width:min(1040px,96vw);max-height:90vh;overflow:auto;background:#202020;border:3px ridge #8b8b8b;box-shadow:0 20px 80px #000;color:#ddd}
.hunt-selection-panel>header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px;background:linear-gradient(#555,#2f2f2f);border-bottom:2px ridge #777}
.hunt-selection-panel h1{margin:3px 0 0;font-size:22px}.hunt-kicker{font-size:10px;letter-spacing:2px;color:#e0b45e}
.hunt-selection-panel>header button{font-size:25px;line-height:1;width:34px;height:34px;color:#ddd;background:#4b2020;border:2px outset #875050}
.hunt-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
.hunt-choice{position:relative;text-align:left;min-height:210px;padding:15px;color:#ddd;background:linear-gradient(145deg,#343434,#242424);border:2px outset #666}
.hunt-choice.selected{border-color:#d2a64a;box-shadow:inset 0 0 0 2px #d2a64a55;background:linear-gradient(145deg,#4a402b,#29251c)}
.hunt-choice.locked{opacity:.48}.hunt-choice strong,.hunt-choice small{display:block}.hunt-choice strong{font-size:18px;margin:8px 0}.hunt-choice small{color:#aaa;min-height:30px}
.hunt-level{display:inline-block;padding:3px 7px;background:#172438;border:1px solid #53647a;font-size:10px}
.hunt-choice i{display:block;margin-top:10px;color:#efb76c}
.hunt-monster-preview{display:flex;gap:7px;margin-top:12px;overflow:hidden}
.hunt-monster-preview>span{width:75px;min-width:75px;padding:6px;background:#161616;border:1px inset #555;text-align:center}
.hunt-monster-preview img{display:block;width:50px;height:50px;object-fit:contain;image-rendering:pixelated;margin:auto}
.hunt-monster-preview b,.hunt-monster-preview em{display:block;font-size:9px}
.hunt-monster-preview em{color:#d5b367;font-style:normal}
.hunt-selection-panel>footer{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:12px 16px;background:#303030;border-top:2px ridge #666}
.hunt-selection-panel>footer div strong,.hunt-selection-panel>footer div span{display:block}
.hunt-selection-panel>footer div span{font-size:11px;color:#aaa}
.hunt-selection-panel>footer button{padding:8px 14px;color:#ddd;background:#555;border:2px outset #777}
.hunt-selection-panel>footer .confirm-hunt{background:linear-gradient(#a42b2b,#6c1515);font-weight:bold}
.hunt-current-zone{position:absolute;left:12px;top:12px;z-index:3;padding:9px 11px;background:#070b10e8;border:1px solid #777}
.hunt-current-zone strong,.hunt-current-zone span{display:block}
.hunt-current-zone span{font-size:10px;color:#bbb;margin:2px 0 6px}
.hunt-current-zone button{color:#ddd;background:#555;border:2px outset #777;font-size:10px;padding:3px 8px}
@media(max-width:700px){.hunt-selection-grid{grid-template-columns:1fr}.hunt-selection-panel>footer{grid-template-columns:1fr 1fr}.hunt-selection-panel>footer>div{grid-column:1/-1}}

/* V12.7 — skills e lure */
.skills-box .classic-box-title small{font-size:9px;color:#f0c36c}
.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.skill-row{display:grid;grid-template-columns:29px 24px 1fr;align-items:center;gap:3px;padding:3px;background:#202020;border:1px inset #555;font-size:9px}
.skill-row>span{color:#d5b66a;font-weight:bold}.skill-row>strong{text-align:center}
.skill-row>i{height:5px;background:#0e1014;border:1px inset #555;overflow:hidden}
.skill-row>i>b{display:block;height:100%;background:#4c96dc}
.lure-selection{margin:0 14px 14px;padding:12px;background:#171717;border:2px inset #555}
.lure-selection>strong,.lure-selection>span{display:block}.lure-selection>span{font-size:10px;color:#aaa;margin:4px 0 10px}
.lure-selection>div{display:flex;gap:7px;flex-wrap:wrap}
.lure-selection button{padding:8px 13px;color:#ddd;background:#444;border:2px outset #666}
.lure-selection button.selected{background:linear-gradient(#aa3434,#6f1818);border-color:#d17373;color:#fff}

#hunt-fab.stop-hunt-mode{background:linear-gradient(#a42b2b,#641313)!important;border-color:#d66a6a!important}
.hunt-combat-toolbar{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;min-height:58px;display:flex;align-items:center;gap:12px;padding:7px 10px;background:linear-gradient(#343434ee,#1e1e1eee);border:2px ridge #777;box-shadow:0 5px 20px #0009}
.hunt-toolbar-section{display:flex;align-items:center;gap:5px;padding-right:10px;border-right:1px solid #5b5b5b}.hunt-toolbar-section:last-child{border-right:0}
.hunt-toolbar-section label,.toolbar-label{font-size:9px;color:#d9b968;text-transform:uppercase;letter-spacing:1px}
.lure-control select{color:#eee;background:#171717;border:2px inset #666;padding:6px 8px}
.combat-slot{position:relative;width:42px;height:42px;display:grid;place-items:center;color:#ddd;background:#171717;border:2px inset #666;overflow:hidden}.combat-slot.locked{color:#777;background:#1d1d1d}
.combat-slot.consumable .real-item-sprite{display:block!important;width:32px!important;height:32px!important;object-fit:contain;image-rendering:pixelated}.combat-slot.consumable b{position:absolute;right:2px;bottom:1px;font-size:9px;color:#fff}.combat-slot.empty{opacity:.45}
.stop-hunt-confirm{width:min(420px,92vw);padding:22px;text-align:center;background:#272727;border:3px ridge #888;box-shadow:0 20px 70px #000}.stop-hunt-confirm h2{margin:0 0 8px;color:#f0c36c}.stop-hunt-confirm p{color:#bbb}.stop-hunt-confirm>div{display:flex;justify-content:center;gap:10px;margin-top:18px}.stop-hunt-confirm button{padding:9px 16px;color:#ddd;background:#555;border:2px outset #777}.stop-hunt-confirm button.danger{background:linear-gradient(#a73333,#6c1818)}

/* V12.9 — botão HUNT e barra de XP */
.hunt-fab{
  position:absolute!important;
  left:14px!important;
  bottom:190px!important;
  z-index:40!important;
  display:block!important;
  min-width:112px!important;
  padding:12px 18px!important;
  background:linear-gradient(#df4545,#861616)!important;
  border:2px outset #ed7777!important;
  color:#fff!important;
  font:bold 15px Tahoma!important;
  letter-spacing:1px!important;
}
.hunt-fab.stop-hunt-mode{
  background:linear-gradient(#b92727,#671111)!important;
}
.portrait-info{min-width:0;flex:1}
.portrait-info .classic-bar.xp{width:100%;margin-top:5px;margin-bottom:0}
.classic-bar.xp i{background:linear-gradient(#d9bd45,#8f6b12)}
.classic-bar.xp span{font-size:8px}
@media(max-width:850px){
  .hunt-fab{position:absolute!important;left:14px!important;bottom:190px!important}
}

/* V12.11 — reorganização da Hunt e topo */
.top-vip-button{
  color:#fff;
  background:linear-gradient(#8d54bd,#563177);
  border:2px outset #a579c5;
  padding:4px 10px;
  font-size:10px;
}
.hunt-stop-top{
  position:absolute;
  left:12px;
  top:12px;
  z-index:12;
  padding:10px 15px;
  color:#fff;
  font:bold 12px Tahoma;
  background:linear-gradient(#ba3333,#6b1515);
  border:2px outset #dc6c6c;
}
.hunt-current-zone{
  left:auto!important;
  right:12px!important;
  top:12px!important;
}
.hunt-combat-toolbar{
  padding-left:12px!important;
}
.classic-sidebar .action-box{display:none!important}
.map-label span{display:none!important}

/* V12.12 — PARAR HUNT acima da barra de combate */
.hunt-stop-top{
  left:14px!important;
  top:auto!important;
  bottom:83px!important;
  z-index:14!important;
  min-width:116px;
  padding:9px 14px!important;
}

/* V12.13 — contas locais e containers */
.account-shell,.character-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 20%,#203a5a,#070b12 62%);
  color:#eee;
}
.account-panel,.character-panel{
  width:min(920px,96vw);
  padding:24px;
  background:#20252d;
  border:3px ridge #818b98;
  box-shadow:0 24px 90px #000;
}
.account-panel{width:min(430px,95vw)}
.account-logo{color:#e8bd5e;font:bold 20px Tahoma;margin-bottom:18px}
.account-panel h1,.character-panel h1{margin:0 0 12px}
.mock-warning{font-size:11px;color:#d4b46d;background:#171b21;padding:9px}
.account-panel form,.character-panel form{display:grid;gap:12px}
.account-panel label,.character-panel label{display:grid;gap:5px;font-size:12px}
.account-panel input,.character-panel input{
  padding:10px;color:#fff;background:#11161d;border:2px inset #69727e
}
.account-panel button,.character-panel button{
  color:#fff;background:#4a5667;border:2px outset #7b8797;padding:9px
}
.account-panel form>button,.character-panel form>button{
  background:linear-gradient(#a23838,#671818);font-weight:bold
}
.account-link{width:100%;margin-top:10px;background:transparent!important}
.account-message{min-height:18px;color:#f19b8f;font-size:11px}
.character-panel>header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:18px
}
.character-panel>header span{font-size:11px;color:#aaa}
.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}
.character-card{
  min-height:190px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;background:linear-gradient(#333b47,#1d222a)!important
}
.character-card img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}
.character-card span,.character-card small{font-size:11px;color:#bbb}
.character-card.create span{font-size:48px;color:#e4bd62}
.vocation-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vocation-choice input{display:none}
.vocation-choice span{
  display:flex;flex-direction:column;align-items:center;padding:12px;
  background:#181d24;border:2px outset #596573
}
.vocation-choice input:checked+span{border-color:#e0ba60;background:#3a3323}
.vocation-choice img{width:70px;height:70px;object-fit:contain;image-rendering:pixelated}
.top-character-button{
  color:#fff;background:#3e596f;border:2px outset #69849a;padding:4px 10px;font-size:10px
}
.equipped-backpack-button{
  width:100%;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;
  gap:2px 8px;align-items:center;text-align:left;color:#ddd;background:#1a1a1a;
  border:2px outset #555;padding:7px
}
.equipped-backpack-button img,.equipped-backpack-button>span{
  grid-row:1/3;width:38px;height:38px;object-fit:contain;image-rendering:pixelated
}
.equipped-backpack-button small{color:#aaa}
.container-window-backdrop{
  position:fixed;inset:0;z-index:120;display:grid;place-items:center;
  background:#030508c9;padding:18px
}
.container-window{
  width:min(520px,95vw);max-height:85vh;overflow:auto;
  background:#242424;border:3px ridge #888;box-shadow:0 20px 80px #000
}
.container-window header{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px;background:#383838;border-bottom:2px ridge #666
}
.container-window header strong,.container-window header small{display:block}
.container-window header small{font-size:10px;color:#aaa}
.container-window header button{font-size:20px;color:#fff;background:#602626;border:2px outset #875050}
.container-path{display:flex;align-items:center;gap:4px;padding:7px;overflow:auto}
.container-path button{font-size:9px;color:#ddd;background:#333;border:1px outset #666}
.classic-container-grid.expanded{grid-template-columns:repeat(5,48px);padding:10px}
.slot-offhand{grid-area:shield}
@media(max-width:620px){
  .vocation-choice{grid-template-columns:1fr}
  .classic-container-grid.expanded{grid-template-columns:repeat(4,48px)}
}

/* V12.14 — portraits, loot filter, drag/drop and ground items */
.vocation-choice img,
.character-card img,
.mini-character img,
.portrait img{
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  image-rendering:pixelated;
}
.vocation-choice span{min-height:116px;justify-content:center}
.real-item-sprite{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  object-fit:contain;
  image-rendering:pixelated;
}
.classic-equip .real-item-sprite{width:34px;height:34px}
.classic-item .real-item-sprite{width:38px;height:38px}
[draggable="true"]{cursor:grab}
[draggable="true"]:active{cursor:grabbing}
.loot-config-button{
  padding:8px 13px;color:#fff;background:linear-gradient(#567b34,#30491d);
  border:2px outset #789b58;font:bold 10px Tahoma
}
.loot-config-panel{
  width:min(600px,94vw);max-height:86vh;overflow:auto;
  background:#242424;border:3px ridge #858585;box-shadow:0 20px 80px #000
}
.loot-config-panel>header{
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:14px;background:#383838;border-bottom:2px ridge #666
}
.loot-config-panel h2{margin:0 0 4px;color:#e6c16a}
.loot-config-panel header small{color:#aaa}
.loot-config-panel header button{
  color:#fff;background:#632828;border:2px outset #895555;font-size:19px
}
.loot-config-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}
.loot-config-list label{
  display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;
  min-height:54px;padding:7px;background:#191919;border:1px inset #555
}
.loot-config-list label.ignored{opacity:.6;background:#281b1b}
.loot-config-list img{width:38px;height:38px}
.loot-config-list span strong,.loot-config-list span small{display:block}
.loot-config-list span small{font-size:9px;color:#aaa}
.loot-config-panel footer{
  display:flex;justify-content:flex-end;padding:10px;background:#303030;
  border-top:2px ridge #666
}
.loot-config-panel footer button{
  color:#fff;background:#4b5e3b;border:2px outset #738466;padding:8px 15px
}
@media(max-width:650px){.loot-config-list{grid-template-columns:1fr}}

/* V12.15 — container flutuante e drop no mapa */
.container-window-backdrop{
  pointer-events:none!important;
  background:transparent!important;
  place-items:end!important;
  padding:74px 292px 196px 18px!important;
}
.container-window{
  pointer-events:auto!important;
  width:min(490px,calc(100vw - 330px))!important;
  max-height:calc(100vh - 290px)!important;
}
.world-stage,
#world-canvas{
  position:relative;
}
.world-stage.drag-item-active::after{
  content:'SOLTE O ITEM NO MAPA';
  position:absolute;
  inset:18px;
  z-index:70;
  display:grid;
  place-items:center;
  pointer-events:none;
  color:#fff;
  font:bold 20px Tahoma;
  letter-spacing:2px;
  background:#17253380;
  border:3px dashed #e2bd63;
}
@media(max-width:900px){
  .container-window-backdrop{
    padding:70px 12px 190px 12px!important;
    place-items:center!important;
  }
  .container-window{
    width:min(520px,95vw)!important;
    max-height:55vh!important;
  }
}

/* V12.16 — auto consumíveis e drag entre equipamentos */
.backpack-summary .classic-box-title{
  display:grid!important;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:6px;
}
.backpack-summary .classic-box-title button{
  color:#ddd;background:#444;border:2px outset #666;font-size:9px;
}
.auto-consumable{
  display:grid;
  grid-template-columns:42px auto;
  grid-template-rows:22px 22px;
  gap:2px 4px;
  align-items:center;
}
.auto-consumable>.combat-slot{
  grid-row:1/3;
}
.auto-consumable label{
  display:flex;align-items:center;gap:3px;
  font-size:8px;color:#ddd;
}
.auto-consumable select{
  width:54px;
  color:#eee;background:#161616;border:1px inset #666;
  font-size:9px;
}
.classic-equip.drag-over,
.classic-equip:hover{
  outline:1px solid #d8b253;
}
.container-window,
.backpack-summary{
  min-height:1px;
}

/* V12.17 — dimensões específicas por contexto */
.status-box .portrait{
  width:42px!important;
  height:42px!important;
  overflow:hidden!important;
  flex:0 0 42px;
}
.status-box .portrait img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  object-fit:contain!important;
}
.classic-paperdoll .mini-character img{
  width:auto!important;
  height:auto!important;
  max-width:62px!important;
  max-height:82px!important;
}
.vocation-choice img,
.character-card img{
  width:72px!important;
  height:72px!important;
}

/* V12.18 — paperdoll Tibia */
.classic-paperdoll{
  position:relative!important;
  display:block!important;
  width:210px!important;
  height:230px!important;
  margin:0 auto;
}
.classic-paperdoll .mini-character{
  position:absolute!important;
  left:72px!important;top:58px!important;
  width:66px!important;height:92px!important;
}
.classic-paperdoll .classic-equip{
  position:absolute!important;
  width:44px!important;height:44px!important;
}
.slot-necklace{left:20px!important;top:18px!important}
.slot-helmet{left:82px!important;top:8px!important}
.slot-backpack{right:18px!important;top:18px!important}
.slot-weapon{left:20px!important;top:76px!important}
.slot-armor{left:82px!important;top:64px!important}
.slot-offhand{right:18px!important;top:76px!important}
.slot-ring{left:20px!important;top:134px!important}
.slot-legs{left:82px!important;top:120px!important}
.slot-ammo{right:18px!important;top:134px!important}
.slot-boots{left:82px!important;top:174px!important}
.classic-equip small{display:none!important}
.pz-vendor-npc{
  position:absolute;left:54%;top:45%;z-index:18;
  display:flex;flex-direction:column;align-items:center;
  color:#ffe59a;background:#19222acc;border:2px outset #8e8667;
  padding:8px;cursor:pointer;
}
.pz-vendor-npc span{font:bold 11px Tahoma}
.pz-vendor-npc strong{font-size:10px}
.vendor-panel{
  width:min(720px,95vw);max-height:85vh;overflow:auto;
  background:#242424;border:3px ridge #888;color:#eee;
}
.vendor-panel header,.vendor-panel footer{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px;background:#383838;
}
.vendor-panel h2{margin:0;color:#e7c269}
.vendor-list{padding:10px;display:grid;gap:5px}
.vendor-row{
  display:grid;grid-template-columns:42px 1fr auto auto;
  gap:8px;align-items:center;padding:6px;background:#171717;
  border:1px inset #555;
}
.vendor-row img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}
.vendor-row small{display:block;color:#aaa;font-size:9px}
.vendor-row button,.vendor-panel footer button{
  color:#fff;background:#4c603b;border:2px outset #718565;padding:6px 10px;
}

/* V12.19 — seleção horizontal de Hunt */
.hunt-selection-panel{
  width:min(1180px,96vw)!important;
}
.hunt-selection-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  padding:14px 14px 18px!important;
}
.hunt-selection-grid .hunt-choice{
  flex:0 0 min(430px,82vw);
  width:min(430px,82vw);
  min-height:235px;
  scroll-snap-align:start;
}
.hunt-monster-preview{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:5px;
}
.hunt-monster-preview img{
  visibility:visible;
  background:#101419;
}
.character-card-wrap{
  position:relative;
  display:grid;
  grid-template-rows:1fr auto;
  min-width:0;
}
.character-card-wrap .character-card{
  width:100%;
  height:100%;
}
.delete-character-button{
  color:#fff!important;
  background:linear-gradient(#8e3030,#501414)!important;
  border:2px outset #a75a5a!important;
  padding:6px!important;
}
.delete-character-backdrop{
  position:fixed;
  inset:0;
  z-index:300;
  display:grid;
  place-items:center;
  padding:20px;
  background:#020407df;
}
.delete-character-confirm{
  width:min(480px,94vw);
  padding:22px;
  background:#252a31;
  border:3px ridge #8893a0;
  box-shadow:0 20px 90px #000;
  text-align:center;
}
.delete-character-confirm h2{
  margin:0 0 12px;
  color:#e69b79;
}
.delete-character-confirm p{
  color:#c9cdd3;
  line-height:1.55;
}
.delete-character-confirm>b{
  display:block;
  color:#f1c56d;
  margin:14px 0;
}
.delete-character-confirm>div{
  display:flex;
  justify-content:center;
  gap:10px;
}
.delete-character-confirm button{
  padding:9px 14px;
}
.delete-character-confirm .danger{
  background:linear-gradient(#ae3434,#681616)!important;
  border-color:#c97070!important;
}

/* V12.21 — janela estruturada de inspeção de itens */
.item-tooltip{
  position:fixed;
  z-index:1000;
  display:none;
  width:min(330px,calc(100vw - 28px));
  pointer-events:none;
  filter:drop-shadow(0 14px 30px #000c);
}
.item-tooltip.visible{
  display:block;
}
.item-tooltip-card{
  overflow:hidden;
  color:#dce6f1;
  background:
    linear-gradient(145deg,#111b28 0%,#07101b 55%,#050b13 100%);
  border:1px solid #5a6d80;
  border-radius:12px;
  box-shadow:
    inset 0 0 0 1px #0c1722,
    inset 0 1px 0 #ffffff12;
  font:12px/1.35 Tahoma,Arial,sans-serif;
}
.item-tooltip-card>header{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:10px;
  align-items:center;
  padding:12px;
  background:linear-gradient(90deg,#172536,#0d1724);
  border-bottom:1px solid #415165;
}
.item-tooltip-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid #586b7e;
  border-radius:8px;
  background:#050a10;
}
.item-tooltip-icon .real-item-sprite{
  width:44px!important;
  height:44px!important;
}
.item-tooltip-card h3{
  margin:0 0 6px;
  color:#fff;
  font-size:15px;
  line-height:1.2;
}
.item-tooltip-badges{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.item-tooltip-badges span{
  padding:2px 7px;
  color:#c9d6e3;
  background:#253448;
  border:1px solid #445a70;
  border-radius:999px;
  font-size:9px;
  text-transform:uppercase;
}
.item-tooltip-badges .rarity{
  color:#f3d47d;
  background:#3b3019;
  border-color:#80652b;
}
.item-tooltip-card.rarity-uncommon{
  border-color:#439e72;
}
.item-tooltip-card.rarity-rare{
  border-color:#4e8dd4;
}
.item-tooltip-card.rarity-epic{
  border-color:#a769d1;
}
.item-tooltip-card.rarity-legendary{
  border-color:#d4a53c;
}
.item-tooltip-card.rarity-training{
  border-color:#d06b62;
}
.item-tooltip-equipped{
  padding:8px 12px;
  color:#8fe3b8;
  background:#0c291d;
  border-bottom:1px solid #285c46;
}
.item-tooltip-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  padding:1px;
  background:#28394a;
}
.item-tooltip-stats>div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:7px 9px;
  background:#0b1520;
}
.item-tooltip-stats span{
  color:#9eacba;
}
.item-tooltip-stats strong{
  text-align:right;
}
.item-tooltip-stats .positive{
  color:#63e196;
}
.item-tooltip-stats .negative{
  color:#ef7b75;
}
.item-tooltip-description{
  padding:9px 12px;
  color:#d0d8e1;
  border-top:1px solid #334355;
}
.item-tooltip-description p{
  margin:3px 0;
}
.item-tooltip-empty{
  padding:12px;
  color:#8d9aa7;
  font-style:italic;
}
.item-tooltip-card>footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 12px;
  color:#8493a2;
  background:#070d14;
  border-top:1px solid #283746;
  font-size:9px;
}
.item-tooltip-card>footer strong{
  color:#e0bd69;
}

/* V12.22 — tooltip conciso e dano flutuante */
.item-tooltip-stats{
  grid-template-columns:1fr 1fr;
}
.item-tooltip-description{
  display:none!important;
}
.item-tooltip-card>footer{
  font-size:10px;
}
.item-tooltip-card>footer span{
  color:#9aa8b6;
}

/* V12.23 — NPCs e Training */
.activity-fabs{
  position:absolute;
  left:14px;
  bottom:86px;
  z-index:40;
  display:flex;
  gap:7px;
}
.activity-fabs .hunt-fab{
  position:static!important;
}
.training-fab{
  min-width:92px;
  padding:9px 15px;
  color:#fff;
  background:linear-gradient(#287fc2,#174a7c);
  border:2px outset #62a9dd;
  font:bold 11px Tahoma;
  text-shadow:0 1px #000;
}
.training-selection-panel{
  width:min(1020px,96vw);
  max-height:88vh;
  overflow:auto;
  color:#eee;
  background:#202731;
  border:3px ridge #8997a6;
}
.training-selection-panel>header,
.training-selection-panel>footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:13px;
  background:#303a47;
}
.training-selection-panel h2{margin:0;color:#e3c36e}
.training-room-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:14px;
}
.training-room-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:250px;
  color:#ddd;
  text-align:left;
  background:linear-gradient(#242f3b,#121923);
  border:2px outset #5e6d7c;
  padding:10px;
}
.training-room-card.selected{
  outline:2px solid #e5bc53;
  background:linear-gradient(#413922,#211d14);
}
.training-room-art{
  height:105px;
  display:grid;
  place-items:center;
  font-size:54px;
  border:1px inset #617182;
}
.training-room-art.room-melee{background:#39291b}
.training-room-art.room-agility{background:#a89e8e}
.training-room-art.room-ki{background:#102c4b}
.training-room-card p{
  min-height:46px;
  margin:0;
  color:#aeb9c4;
}
.training-room-card>div:last-child{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.training-room-card>div:last-child span{
  padding:3px 7px;
  color:#b8e6ff;
  background:#193247;
  border-radius:999px;
  font-size:9px;
}
.training-selection-panel footer .confirm{
  background:#276e42;
  border:2px outset #5b9c70;
  color:#fff;
}
.training-arena-page{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}
#training-canvas{
  width:100%;
  height:100%;
  display:block;
}
.training-header{
  position:absolute;
  left:12px;
  top:12px;
  right:12px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  pointer-events:none;
}
.training-header>div{
  max-width:430px;
  padding:8px 11px;
  color:#fff;
  background:#07101bd9;
  border:1px solid #708295;
}
.training-header strong,
.training-header span{display:block}
.training-header span{font-size:10px;color:#b8c5d1}
.training-header button{
  pointer-events:auto;
  color:#fff;
  background:#8d2e2e;
  border:2px outset #b25d5d;
  padding:8px 13px;
}
.training-rate-badge{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:6px 10px;
  color:#ffe898;
  background:#15110cdd;
  border:1px solid #947534;
  font-weight:bold;
}
.npc-shop-page{
  height:100%;
  overflow:auto;
  padding:14px;
  color:#e5e9ee;
  background:linear-gradient(#1b2530,#0d131b);
}
.npc-shop-page>header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
  padding:13px;
  background:#263240;
  border:2px ridge #6d7b89;
}
.npc-shop-page h2,.npc-shop-page p{margin:0}
.npc-shop-page p{color:#aeb9c4;font-size:11px}
.npc-bank{
  padding:8px 11px;
  color:#e7c46d;
  background:#121920;
  border:1px inset #566473;
}
.npc-shop-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.npc-store-box{
  min-width:0;
  background:#202934;
  border:2px ridge #64717f;
}
.npc-store-box h3{
  margin:0;
  padding:9px 11px;
  color:#e3c36d;
  background:#303c49;
}
.npc-product-grid,.npc-sell-list{
  display:grid;
  gap:5px;
  padding:9px;
  max-height:calc(100vh - 230px);
  overflow:auto;
}
.npc-product{
  display:grid;
  grid-template-columns:42px 1fr auto auto;
  gap:8px;
  align-items:center;
  padding:6px;
  background:#121820;
  border:1px inset #536170;
}
.npc-product img{
  width:38px;
  height:38px;
  object-fit:contain;
  image-rendering:pixelated;
}
.npc-product small{display:block;color:#8f9aa6}
.npc-product>b{color:#e4c16d}
.npc-product button{
  color:#fff;
  background:#3d6746;
  border:2px outset #65866c;
}
.npc-rule{
  padding:8px 10px;
  color:#e0a483!important;
}
@media(max-width:780px){
  .training-room-grid,.npc-shop-columns{grid-template-columns:1fr}
}

/* V12.24 — posição dos botões e mercado com abas */
.activity-fabs{
  left:14px!important;
  bottom:190px!important;
}
@media(max-width:850px){
  .activity-fabs{
    position:absolute!important;
    left:14px!important;
    bottom:190px!important;
  }
}
.npc-market{
  padding:0;
  background:radial-gradient(circle at 52% 35%,#182332 0,#09111b 42%,#050a11 100%);
}
.npc-market-header{
  margin:0!important;
  padding:13px 18px!important;
  border-width:0 0 1px!important;
  background:#07101bd9!important;
}
.npc-market-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:9px 16px;
  border-bottom:1px solid #2d3a49;
}
.npc-market-tabs button{
  min-height:43px;color:#9eacbc;background:#0c1725;
  border:1px solid #3a4b60;border-radius:11px;font:bold 13px Tahoma;
}
.npc-market-tabs button.active.buy{
  color:#f1ce6a;border-color:#d0a832;
  background:linear-gradient(135deg,#3b3218,#211c10);
}
.npc-market-tabs button.active.sell{
  color:#a8edb1;border-color:#62b875;
  background:linear-gradient(135deg,#193a25,#102118);
}
.npc-buy-layout,.npc-sell-layout{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);
  gap:10px;padding:0 16px 16px;min-height:0;
}
.npc-market-list,.npc-purchase-detail,.npc-sale-detail{
  min-width:0;background:#091320e8;border:1px solid #3b4b5e;border-radius:12px;
}
.npc-market-list>header{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px;border-bottom:1px solid #263648;
}
.npc-market-list>header small{display:block;color:#8493a4}
.npc-product-cards{
  display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));
  gap:8px;max-height:calc(100vh - 285px);overflow:auto;padding:10px;
}
.npc-market-card{
  display:grid;justify-items:center;align-content:center;gap:5px;
  min-height:150px;padding:10px;color:#e9edf3;
  background:linear-gradient(#101c2a,#0b1520);
  border:1px solid #33465a;border-radius:11px;
}
.npc-market-card.selected{
  border-color:#e1ba42;box-shadow:inset 0 0 0 1px #7d6120;
  background:linear-gradient(#2d2818,#17150f);
}
.npc-market-card img{width:48px!important;height:48px!important}
.npc-market-card small{color:#8493a4}
.npc-market-card em{color:#7bb9df;font-size:9px;font-style:normal}
.npc-market-card b{color:#f1cb62}
.npc-purchase-detail,.npc-sale-detail{padding:14px}
.npc-purchase-detail>.real-item-sprite{
  display:block;width:64px!important;height:64px!important;margin:10px auto;
}
.npc-purchase-detail h3{text-align:center;color:#fff;font-size:18px}
.npc-purchase-detail>p{min-height:36px;color:#9caaba;text-align:center}
.npc-purchase-detail dl,.npc-sale-detail dl{
  margin:12px 0;border-top:1px solid #29394a;border-bottom:1px solid #29394a;
}
.npc-purchase-detail dl div,.npc-sale-detail dl div{
  display:flex;justify-content:space-between;gap:12px;padding:7px 0;
}
.npc-purchase-detail dt,.npc-sale-detail dt{color:#8e9cac}
.npc-purchase-detail dd,.npc-sale-detail dd{margin:0;color:#eef1f5;font-weight:bold}
.npc-quantity-control{display:grid;grid-template-columns:38px 1fr 38px;gap:6px}
.npc-quantity-control input{
  min-width:0;color:#fff;text-align:center;background:#0b1623;
  border:1px solid #3b4e63;border-radius:8px;font:bold 14px Tahoma;
}
.npc-quantity-control button,.npc-quantity-presets button{
  color:#e8edf3;background:#122033;border:1px solid #40546b;border-radius:8px;
}
.npc-quantity-presets{
  display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px;
}
.npc-purchase-total,.npc-purchase-balance{
  display:flex;justify-content:space-between;gap:12px;margin-top:12px;
}
.npc-purchase-total strong{color:#f1ce68;font-size:15px}
.npc-purchase-balance .positive{color:#67dd83}
.npc-purchase-balance .negative{color:#e66e6e}
.npc-confirm-purchase{
  width:100%;margin-top:13px;padding:11px;color:#241b07;
  background:linear-gradient(#f0c95e,#c99b32);
  border:1px solid #ffe08a;border-radius:9px;font:bold 13px Tahoma;
}
.npc-sell-summary{display:grid;grid-template-columns:auto auto;gap:2px 10px;text-align:right}
.npc-sell-summary span{color:#8997a6}
.npc-sell-summary strong{grid-column:1/3;color:#f0ca65}
.npc-sell-toolbar{display:flex;gap:7px;padding:9px 10px 0}
.npc-sell-toolbar button{
  color:#dce4ed;background:#101c2a;border:1px solid #405267;
  border-radius:8px;padding:6px 10px;
}
.npc-sell-cards{
  display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));
  gap:8px;max-height:calc(100vh - 330px);overflow:auto;padding:10px;
}
.npc-sell-card{
  position:relative;display:grid;justify-items:center;gap:5px;
  min-height:132px;padding:9px;color:#e6ebf0;background:#0e1926;
  border:1px solid #34475b;border-radius:10px;
}
.npc-sell-card.selected{
  border-color:#64c477;box-shadow:inset 0 0 0 1px #347044;background:#10271a;
}
.npc-sell-check{
  position:absolute;right:7px;top:7px;width:20px;height:20px;
  display:grid;place-items:center;color:#fff;background:#1b2a39;
  border:1px solid #4a5c70;border-radius:5px;
}
.npc-sell-card.selected .npc-sell-check{background:#278047}
.npc-sell-card img{width:42px!important;height:42px!important}
.npc-sell-card small{color:#8795a4}
.npc-sell-card b{color:#edca69}
.npc-sell-selected,.npc-sell-all{
  width:100%;margin-top:8px;padding:10px;border-radius:8px;font:bold 11px Tahoma;
}
.npc-sell-selected{color:#d7f2dd;background:#214d30;border:1px solid #4e9461}
.npc-sell-all{color:#fff0ba;background:#614c21;border:1px solid #a7853a}
.npc-sale-detail>p{margin-top:14px;color:#8997a5;line-height:1.5}
.npc-empty-sale{grid-column:1/-1;padding:30px;color:#8795a4;text-align:center}
@media(max-width:900px){
  .npc-buy-layout,.npc-sell-layout{grid-template-columns:1fr}
  .npc-product-cards,.npc-sell-cards{
    grid-template-columns:repeat(2,minmax(130px,1fr));max-height:none;
  }
}

/* V12.25 — spells e vocações ampliadas */
.vocation-grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  max-height:60vh;
  overflow:auto;
}
.spell-slots{
  display:grid!important;
  grid-template-columns:auto minmax(150px,1fr) 48px;
  align-items:center;
  gap:5px;
}
.spell-slots select{
  min-width:0;
  height:30px;
  color:#eef4fb;
  background:#101a27;
  border:1px inset #506176;
  font-size:10px;
}
.spell-slots button{
  height:30px;
  color:#dff5ff;
  background:#245a7a;
  border:2px outset #4e8bb1;
  font:bold 9px Tahoma;
}

/* V12.26 — 10-slot spell hotbar */
.spell-hotbar{
  display:grid!important;
  grid-template-columns:auto repeat(10,36px);
  align-items:center;
  gap:3px;
}
.spell-hotkey{
  position:relative;width:36px!important;height:36px!important;padding:1px!important;
}
.spell-hotkey img{
  width:30px;height:30px;object-fit:contain;image-rendering:pixelated;
}
.spell-hotkey>b{
  position:absolute;right:1px;bottom:0;min-width:12px;padding:0 2px;
  color:#fff;background:#000c;font-size:8px;
}
.spell-hotkey.disabled-spell{filter:grayscale(1);opacity:.45}
.spell-book-panel{
  width:min(980px,96vw);max-height:88vh;overflow:hidden;
  color:#e9eff6;background:#09131f;border:2px ridge #667789;border-radius:11px;
}
.spell-book-panel>header{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 15px;background:#152231;border-bottom:1px solid #34465a;
}
.spell-book-panel h2{margin:0;color:#e7c96c}
.spell-enable-toggle{
  display:flex;align-items:center;gap:8px;margin:10px 14px 0;padding:9px 11px;
  color:#a8e4bb;background:#10281b;border:1px solid #386349;border-radius:8px;
}
.spell-book-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:8px;max-height:68vh;overflow:auto;padding:14px;
}
.spell-book-card{
  display:grid;justify-items:center;align-content:center;gap:5px;
  min-height:142px;padding:9px;color:#e7edf4;background:#0f1b28;
  border:1px solid #34485e;border-radius:9px;
}
.spell-book-card.selected{
  border-color:#e2bd45;box-shadow:inset 0 0 0 1px #7c6321;background:#2a2516;
}
.spell-book-card img{
  width:48px;height:48px;object-fit:contain;image-rendering:pixelated;
}
.spell-book-card span{color:#70bce8;font-size:9px}
@media(max-width:1080px){
  .spell-hotbar{grid-template-columns:auto repeat(5,36px)}
}

/* V12.27 — vocações, transformações e atualização ao vivo */
.character-panel.creation{
  max-height:94vh;
  overflow:hidden;
}
.character-panel.creation form{
  min-height:0;
}
.vocation-choice.vocation-scroll{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;
  gap:9px!important;
  max-height:58vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px!important;
  scrollbar-width:thin;
  border:1px inset #566778;
  background:#0d151f;
}
.vocation-choice.vocation-scroll label{
  min-width:0;
}
.vocation-choice.vocation-scroll img{
  width:72px!important;
  height:72px!important;
  object-fit:contain;
  image-rendering:pixelated;
}
.portrait-info small{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.transform-button{
  padding:2px 6px!important;
  color:#fff3b0!important;
  background:linear-gradient(#8a6b24,#4d3912)!important;
  border:1px outset #c5a44b!important;
  font:bold 8px Tahoma!important;
  text-transform:uppercase;
}
@media(max-width:700px){
  .vocation-choice.vocation-scroll{
    grid-template-columns:repeat(2,minmax(120px,1fr))!important;
    max-height:62vh!important;
  }
}

/* V12.28 — seleção de Training revisada */
.training-modal-backdrop{
  background:#02060bd9;
  backdrop-filter:blur(3px);
}
.training-selection-v2{
  width:min(1080px,96vw);
  border:1px solid #61778e;
  border-radius:14px;
  box-shadow:0 22px 70px #000d;
  background:
    radial-gradient(circle at 50% 0,#20364c 0,#101b28 42%,#080e16 100%);
}
.training-selection-v2>header{
  padding:18px 20px;
  background:linear-gradient(90deg,#17293b,#0c1723);
  border-bottom:1px solid #40546a;
}
.training-kicker{
  display:block;
  margin-bottom:3px;
  color:#6dcaff;
  font:bold 9px Tahoma;
  letter-spacing:1.6px;
}
.training-selection-v2 h2{
  margin:0 0 4px;
  color:#fff3c0;
  font-size:22px;
}
.training-close{
  width:34px;
  height:34px;
  color:#d9e5ef;
  background:#111d2a;
  border:1px solid #52687d;
  border-radius:50%;
  font-size:20px;
}
.training-selection-v2 .training-room-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:18px;
}
.training-selection-v2 .training-room-card{
  position:relative;
  display:grid;
  grid-template-rows:130px 1fr auto;
  gap:0;
  min-height:330px;
  padding:0;
  overflow:hidden;
  color:#e8eef5;
  background:#0d1722;
  border:1px solid #3d5064;
  border-radius:12px;
  transition:transform .14s ease,border-color .14s ease;
}
.training-selection-v2 .training-room-card:hover{
  transform:translateY(-3px);
  border-color:#6c91b4;
}
.training-selection-v2 .training-room-card.selected{
  outline:none;
  border-color:#e4b93e;
  box-shadow:0 0 0 1px #8d6b1d,inset 0 0 24px #e2b53b12;
}
.training-room-preview{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:0;
}
.training-room-preview::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(transparent,#08111dcc);
}
.training-room-preview.room-melee{
  background:
    radial-gradient(circle,#8b5d2c 0,#3d2919 42%,#17100b 100%);
}
.training-room-preview.room-agility{
  background:
    repeating-linear-gradient(135deg,#d4c9b5 0 18px,#b7ab98 18px 36px);
}
.training-room-preview.room-ki{
  background:
    radial-gradient(circle,#257fb9 0,#153c67 38%,#071527 100%);
}
.training-room-icon{
  position:relative;
  z-index:1;
  font-size:62px;
  filter:drop-shadow(0 7px 12px #000a);
}
.training-room-preview em{
  position:absolute;
  z-index:2;
  left:10px;
  bottom:8px;
  color:#d9e8f5;
  font:9px Tahoma;
  text-transform:uppercase;
  letter-spacing:1px;
}
.training-room-copy{
  padding:14px;
}
.training-room-copy>strong{
  display:block;
  color:#fff;
  font-size:15px;
}
.training-room-copy p{
  min-height:52px;
  margin:7px 0 12px;
  color:#9eadbc;
  line-height:1.45;
}
.training-skill-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.training-skill-tags span{
  padding:4px 8px;
  color:#aee3ff;
  background:#142d40;
  border:1px solid #31516a;
  border-radius:999px;
  font-size:9px;
}
.training-card-check{
  padding:9px 13px;
  color:#8e9ba8;
  background:#08111a;
  border-top:1px solid #253646;
  font:bold 9px Tahoma;
  text-align:right;
}
.training-room-card.selected .training-card-check{
  color:#f4d46f;
}
.training-selection-v2>footer{
  padding:13px 18px;
  background:#0a131d;
  border-top:1px solid #334659;
}
.training-selection-v2>footer>div:first-child strong,
.training-selection-v2>footer>div:first-child span{
  display:block;
}
.training-selection-v2>footer>div:first-child strong{
  color:#9fe0b4;
}
.training-selection-v2>footer>div:first-child span{
  color:#8796a5;
  font-size:9px;
}
.training-footer-actions{
  display:flex;
  gap:8px;
}
@media(max-width:820px){
  .training-selection-v2 .training-room-grid{
    grid-template-columns:1fr;
  }
  .training-selection-v2 .training-room-card{
    grid-template-rows:110px auto auto;
    min-height:280px;
  }
}

/* V12.30 — níveis exatos das talkactions */
.transform-requirement{
  display:inline-block;
  padding:2px 5px;
  color:#d8c88d;
  background:#211d12;
  border:1px solid #665728;
  font:8px Tahoma;
  white-space:nowrap;
}

/* V12.31 — cast e configuração separados */
.spell-hotbar{
  display:block!important;
  min-width:430px;
}
.spell-toolbar-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:3px;
}
.spellbar-settings{
  width:24px;
  height:22px;
  padding:0;
  color:#dceaff;
  background:#1b2c3d;
  border:1px outset #58718a;
  font-size:12px;
}
.spell-slot-grid{
  display:grid;
  grid-template-columns:repeat(10,38px);
  gap:3px;
}
.spell-slot-shell{
  position:relative;
  width:38px;
  height:45px;
}
.spell-cast-button{
  position:absolute;
  left:0;
  top:0;
  width:38px;
  height:38px;
  padding:2px;
  overflow:hidden;
  color:#fff;
  background:#101923;
  border:2px outset #52677c;
}
.spell-cast-button img{
  width:30px;
  height:30px;
  object-fit:contain;
  image-rendering:pixelated;
}
.spell-cast-button>b{
  position:absolute;
  right:1px;
  bottom:1px;
  min-width:11px;
  padding:0 2px;
  color:#fff;
  background:#000d;
  font:8px Tahoma;
}
.spell-config-button{
  position:absolute;
  right:-1px;
  bottom:0;
  z-index:2;
  width:17px;
  height:17px;
  padding:0;
  color:#e2e9f1;
  background:#263747;
  border:1px outset #70869b;
  border-radius:3px;
  font-size:9px;
  line-height:14px;
}
.spell-slot-shell.disabled-spell .spell-cast-button{
  filter:grayscale(1);
  opacity:.42;
}
.spell-slot-shell.empty .spell-cast-button{
  color:#7e8c99;
}
.spell-slot-shell.empty .spell-config-button{
  color:#f1cd64;
}
@media(max-width:1050px){
  .spell-hotbar{min-width:230px}
  .spell-slot-grid{
    grid-template-columns:repeat(5,38px);
    row-gap:5px;
  }
}

/* V12.32 — cooldown visual e bloqueio real */
.spell-cast-button.on-cooldown{cursor:not-allowed}
.spell-cast-button.on-cooldown>img{filter:grayscale(.75) brightness(.42)}
.spell-cooldown-overlay{
  position:absolute;inset:2px;z-index:3;display:grid;place-items:center;
  color:#fff;background:#05080bc9;text-shadow:0 1px 2px #000;
  font:bold 10px Tahoma;pointer-events:none
}
.spell-cooldown-overlay[hidden]{display:none!important}

/* V20.1 — auto individual por spell */
.spell-slot-shell{height:58px!important}
.spell-auto-toggle{
  position:absolute;left:0;bottom:-11px;width:38px;
  display:flex;align-items:center;justify-content:center;gap:1px;
  color:#aebdca;font:bold 7px Tahoma;cursor:pointer
}
.spell-auto-toggle input{width:10px;height:10px;margin:0}
.spell-auto-toggle:has(input:checked){
  color:#77e18d;text-shadow:0 0 4px #1c8d35
}
.spell-slot-grid{row-gap:16px!important}

/* V20.2 — barra de combate sem sobreposição */
.hunt-current-zone{
  position:relative!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:6px 9px!important;
}
.hunt-zone-title{display:flex;flex-direction:column;min-width:0}
.hunt-zone-actions{display:flex;align-items:center;gap:6px}
.hunt-stop-inline{
  position:static!important;margin:0!important;padding:6px 10px;
  color:white;background:linear-gradient(#b52e2e,#741717);
  border:1px outset #db5b5b;font:bold 10px Tahoma
}
.hunt-stop-top{display:none!important}
.hunt-combat-toolbar{
  position:relative!important;z-index:3;display:flex!important;
  align-items:flex-start!important;gap:7px!important;width:100%;
  min-height:88px;padding:6px!important;overflow-x:auto;
  overflow-y:hidden;box-sizing:border-box
}
.spell-hotbar{flex:0 0 auto;min-width:428px!important}
.spell-slot-grid{
  display:grid!important;grid-template-columns:repeat(10,38px)!important;
  gap:4px!important;row-gap:4px!important
}
.spell-slot-shell{width:38px!important;height:57px!important}
.spell-auto-toggle{bottom:0!important;height:14px}
.support-spell-slots{flex:0 0 auto;min-width:150px}
.support-slot-row{display:grid;grid-template-columns:repeat(3,46px);gap:4px}
.support-spell-shell{position:relative;width:46px;height:61px}
.support-spell-button{
  position:absolute;left:0;top:0;width:46px;height:42px;padding:2px;
  color:#dfe9f1;background:#111c27;border:2px outset #52677c;
  overflow:hidden
}
.support-spell-button img{
  width:34px;height:34px;object-fit:contain;image-rendering:pixelated
}
.support-spell-button>span:not(.spell-cooldown-overlay){font:bold 8px Tahoma}
.support-spell-config{
  position:absolute;right:0;top:29px;z-index:4;width:17px;height:17px;
  padding:0;font-size:9px
}
.support-auto-toggle{
  position:absolute;left:0;bottom:0;width:46px;display:flex;
  align-items:center;justify-content:center;gap:2px;color:#aebdca;
  font:bold 7px Tahoma
}
.support-auto-toggle input{width:10px;height:10px;margin:0}
.support-auto-toggle:has(input:checked){color:#77e18d}
.consumable-slots{flex:0 0 auto}

/* V20.3 — estrutura definitiva da tela de Hunt */
.hunt-arena-page{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  grid-template-areas:
    "header"
    "arena"
    "toolbar"!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0b1017;
}

.hunt-current-zone{
  grid-area:header!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:6!important;
  width:auto!important;
  min-height:42px;
  margin:0!important;
  box-sizing:border-box;
  flex:none!important;
}

.hunt-arena-canvas{
  grid-area:arena!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
}

.hunt-combat-toolbar{
  grid-area:toolbar!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:7!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  width:100%!important;
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  margin:0!important;
  padding:5px 7px!important;
  gap:6px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:linear-gradient(#343434f5,#1e1e1ef5)!important;
  border-width:2px 0 0!important;
  border-style:ridge!important;
  border-color:#777!important;
  box-shadow:0 -4px 14px #0008!important;
}

.hunt-combat-toolbar>.hunt-toolbar-section{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  align-self:flex-start!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

.lure-control,
.loot-control{
  flex:0 0 auto!important;
}

.spell-hotbar{
  display:block!important;
  flex:0 0 428px!important;
  width:428px!important;
  min-width:428px!important;
  max-width:428px!important;
}

.spell-toolbar-heading{
  height:14px!important;
  min-height:14px!important;
  margin:0 0 2px!important;
  line-height:14px!important;
}

.spell-slot-grid{
  display:grid!important;
  grid-template-columns:repeat(10,38px)!important;
  grid-template-rows:54px!important;
  width:416px!important;
  height:54px!important;
  gap:4px!important;
  row-gap:0!important;
  overflow:visible!important;
}

.spell-slot-shell{
  position:relative!important;
  width:38px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
}

.spell-cast-button{
  top:0!important;
  bottom:auto!important;
}

.spell-config-button{
  right:-1px!important;
  top:27px!important;
  bottom:auto!important;
}

.spell-auto-toggle{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:40px!important;
  bottom:auto!important;
  width:38px!important;
  height:13px!important;
  line-height:13px!important;
}

.support-spell-slots{
  display:block!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
}

.support-spell-slots>.toolbar-label,
.consumable-slots>.toolbar-label{
  display:block!important;
  height:14px!important;
  line-height:14px!important;
  margin:0 0 2px!important;
}

.support-slot-row{
  display:grid!important;
  grid-template-columns:repeat(3,46px)!important;
  grid-template-rows:54px!important;
  width:146px!important;
  height:54px!important;
  gap:4px!important;
}

.support-spell-shell{
  position:relative!important;
  width:46px!important;
  height:54px!important;
}

.support-spell-button{
  top:0!important;
  bottom:auto!important;
  height:38px!important;
}

.support-spell-config{
  top:24px!important;
  bottom:auto!important;
}

.support-auto-toggle{
  top:40px!important;
  bottom:auto!important;
  height:13px!important;
  line-height:13px!important;
}

.consumable-slots{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:flex-start!important;
  gap:4px!important;
  white-space:nowrap!important;
}

.consumable-slots>.toolbar-label{
  position:absolute!important;
  left:0!important;
  top:0!important;
}

.consumable-slots>.auto-consumable{
  margin-top:16px!important;
}

@media(max-width:1050px){
  .hunt-combat-toolbar{
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
  }

  .spell-hotbar{
    flex-basis:428px!important;
    width:428px!important;
    min-width:428px!important;
  }

  .spell-slot-grid{
    grid-template-columns:repeat(10,38px)!important;
    grid-template-rows:54px!important;
  }
}

/* V20.4 — slot Speed */
.support-spell-slots{
  flex:0 0 198px!important;
  width:198px!important;
  min-width:198px!important;
  max-width:198px!important;
}
.support-slot-row{
  grid-template-columns:repeat(4,46px)!important;
  width:196px!important;
}

/* V20.5 — limiar da cura automática */
.support-spell-shell:has([data-support-heal-threshold]){
  height:70px!important;
}
.support-heal-threshold{
  position:absolute;
  left:1px;
  top:54px;
  width:44px;
  height:16px;
  padding:0;
  font:7px Tahoma;
  color:#dfe9f1;
  background:#1a2632;
  border:1px inset #66798b;
}
.support-spell-slots{
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
}
.hunt-combat-toolbar{
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
}

.senzu-consumable{min-width:154px!important;display:grid!important;grid-template-columns:42px 42px 66px!important;grid-template-rows:20px 20px!important;gap:2px!important;align-items:center!important}
.senzu-consumable .combat-slot{grid-row:1/3!important}
.senzu-item-select{grid-column:2/4!important;width:110px!important;height:20px!important;padding:0!important;font:8px Tahoma!important;color:#e8eef4!important;background:#17222d!important;border:1px inset #718295!important}

/* V20.8 — base visual inspirada em interfaces idle clássicas */
:root{
  --idle-bg:#081013;
  --idle-panel:#0d171b;
  --idle-panel-2:#111d22;
  --idle-line:#29363a;
  --idle-gold:#d9b86d;
  --idle-gold-strong:#f2cf76;
  --idle-orange:#ec7900;
  --idle-cyan:#073642;
  --idle-text:#e7e1d2;
  --idle-muted:#778287;
  --idle-danger:#ff3154;
}

.idle-modal-backdrop{
  position:absolute;
  inset:0;
  z-index:90;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:#020708c7;
  backdrop-filter:blur(2px);
}

.idle-config-modal{
  position:relative;
  display:flex;
  flex-direction:column;
  width:min(540px,calc(100vw - 36px));
  max-height:min(660px,calc(100vh - 36px));
  padding:20px 24px 24px;
  color:var(--idle-text);
  background:
    linear-gradient(180deg,#090f11 0 72%,#082d36 100%);
  border:1px solid #8c6e2e;
  box-shadow:0 0 0 2px #071014,0 12px 36px #000b;
  font-family:Tahoma,Arial,sans-serif;
}

.idle-modal-close{
  position:absolute;
  right:-17px;
  top:-17px;
  z-index:2;
  width:38px;
  height:38px;
  border-radius:50%;
  color:#d8c18d;
  background:#182126;
  border:2px solid #9b8149;
  font-size:27px;
  line-height:30px;
}

.idle-modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:2px 4px 16px;
  border-bottom:1px solid #263236;
}
.idle-modal-header h2{
  margin:0;
  color:#fff4d8;
  font:700 21px Georgia,serif;
  text-transform:uppercase;
}
.idle-modal-header h2 em{
  margin-left:8px;
  color:#e7a92e;
  font-style:normal;
}
.idle-modal-header span{
  color:#c9bda8;
  font-size:12px;
}

.idle-selected-row,
.idle-threshold-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding:12px;
  background:#0a1215;
  border:1px solid #344146;
  border-radius:6px;
}
.idle-selected-row div,
.idle-threshold-row div:first-child{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.idle-selected-row strong,
.idle-threshold-row strong{
  color:#fff;
  font-size:12px;
}
.idle-selected-row small,
.idle-threshold-row small{
  color:#6f7b80;
  font-size:11px;
}
.idle-selected-row>button{
  padding:9px 13px;
  color:#e7cc95;
  background:#162126;
  border:2px solid #a48750;
  font:bold 12px Georgia,serif;
}

.idle-stepper{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:8px!important;
}
.idle-stepper button{
  width:32px;
  height:32px;
  color:#e9d3a2;
  background:#172126;
  border:2px solid #927746;
  border-radius:7px;
  font-size:20px;
}
.idle-stepper b{
  min-width:50px;
  padding:7px 8px;
  text-align:center;
  color:#fff1cf;
  background:#1b2529;
  border:1px solid #423a27;
  border-radius:5px;
}

.idle-option-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:180px;
  margin-top:18px;
  padding:2px 10px 10px 0;
  overflow-y:auto;
}
.idle-option-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:70px;
  padding:10px 14px;
  color:var(--idle-text);
  text-align:left;
  background:#091114;
  border:1px solid #354247;
}
.idle-option-card.selected{
  border-color:#e3d6b5;
  box-shadow:inset 0 0 0 1px #70591d;
}
.idle-option-card.locked{
  opacity:.35;
}
.idle-option-card>span:nth-child(2){
  display:flex;
  flex-direction:column;
  gap:4px;
}
.idle-option-card strong{
  color:#fff2d3;
  font:700 17px Georgia,serif;
}
.idle-option-card small{
  color:#657177;
  font-size:11px;
}
.idle-option-card>b{
  color:#efb625;
  font-size:10px;
}
.idle-item-icon,
.idle-off-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:48px;
  background:#172126;
  border:1px solid #39474c;
}
.idle-item-icon img{
  max-width:42px;
  max-height:42px;
  image-rendering:pixelated;
}
.idle-off-icon{
  color:#e9d4a4;
  font:bold 16px Tahoma;
}

.idle-modal-footer{
  padding-top:16px;
  text-align:center;
}
.idle-modal-footer button{
  min-width:176px;
  padding:12px 24px;
  color:#ffdfa1;
  background:linear-gradient(90deg,#172126,#4b4b42,#172126);
  border:2px solid #9a8256;
  font:bold 15px Georgia,serif;
}

.modern-consumable-slot{
  position:relative;
  display:grid!important;
  grid-template-columns:40px 16px!important;
  grid-template-rows:40px 14px!important;
  width:58px!important;
  min-width:58px!important;
  height:56px!important;
  gap:1px!important;
  margin-top:14px!important;
}
.modern-consumable-slot .combat-slot{
  grid-row:1 / 3;
  position:relative;
  width:40px!important;
  height:54px!important;
}
.modern-consumable-slot .combat-slot i{
  position:absolute;
  left:1px;
  bottom:1px;
  padding:1px 3px;
  color:#fff;
  background:#111c;
  font:bold 8px Tahoma;
  font-style:normal;
}
.consumable-config-button{
  grid-column:2;
  width:16px;
  height:16px;
  padding:0;
  color:#85969d;
  background:#172126;
  border:1px solid #435159;
  border-radius:50%;
  font-size:13px;
  line-height:12px;
}
.modern-auto-switch{
  grid-column:2;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#6f7d83;
  font:bold 6px Tahoma;
}
.modern-auto-switch input{
  width:11px;
  height:11px;
  margin:0;
}
.modern-consumable-slot.auto-enabled{
  filter:drop-shadow(0 0 4px #21a86b);
}
.modern-consumable-slot.auto-enabled .modern-auto-switch{
  color:#58df9a;
}

.hunt-current-zone,
.hunt-combat-toolbar,
.npc-shop-page,
.training-picker,
.hunt-picker,
.loot-config-panel,
.vendor-panel{
  border-color:#34454b!important;
  background-color:#091316!important;
}

/* V20.9 — seleção detalhada de Hunts */
.hunt-selection-modern{
  width:min(1120px,calc(100vw - 24px))!important;
  height:min(760px,calc(100vh - 24px))!important;
  max-width:none!important;
  max-height:none!important;
  padding:14px!important;
  background:#071114!important;
  /* The panel itself must stop scrolling as one block (that's what made
     the whole modal — header, tabs and all — jump back to the top on
     every click, since the list never actually had a bounded height to
     scroll within). Only .hunt-modern-list should scroll internally. */
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.hunt-selection-modern>header,
.hunt-selection-modern>.content-mode-tabs{
  flex:0 0 auto;
}
.hunt-modern-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 440px;
  min-height:0;
  flex:1;
  gap:12px;
}
.hunt-modern-list{
  min-width:0;
  min-height:0;
  overflow-y:auto;
  padding:8px;
  background:#091215;
  border:1px solid #263338;
}
.hunt-selection-modern .hunt-selection-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(130px,1fr))!important;
  gap:10px!important;
}
.hunt-modern-body.no-selection{
  grid-template-columns:1fr!important;
}
.hunt-modern-body.no-selection .hunt-selection-grid{
  grid-template-columns:repeat(6,minmax(130px,1fr))!important;
}
.hunt-modern-hint{
  margin:0 0 10px;
  padding:8px 10px;
  color:#9fb0b8;
  font:12px Tahoma;
  background:#0c171b;
  border:1px solid #253338;
  border-left:3px solid #d2a64a;
}
.hunt-choice.compact{
  position:relative;
  display:grid!important;
  grid-template-rows:auto 92px auto;
  min-height:150px!important;
  padding:8px!important;
  background:#0a1316!important;
  border:1px solid #253338!important;
}
.hunt-choice.compact.selected{
  border-color:#b89a50!important;
  box-shadow:inset 0 0 0 1px #7a5f20;
}
.hunt-choice.compact img{
  align-self:center;
  justify-self:center;
  max-width:88px;
  max-height:82px;
  image-rendering:pixelated;
}
.hunt-choice.compact strong{
  color:#ddcda7;
  font:bold 12px Georgia,serif;
}
.hunt-choice.compact span{
  color:#9a9075;
  font:bold 9px Tahoma;
}
.hunt-choice.compact i{
  position:absolute;
  right:6px;
  bottom:6px;
  color:#ff3a5a;
  font:bold 8px Tahoma;
}
.hunt-detail-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:0;
  padding:10px;
  overflow-y:auto;
  background:#091417;
  border-left:1px solid #354249;
}
.hunt-map-sketch{
  position:relative;
  min-height:220px;
  overflow:hidden;
  border:1px solid #344249;
  box-shadow:inset 0 -80px 80px #0009;
}
.hunt-map-grid{
  position:absolute;
  inset:0;
  opacity:.25;
  background-image:
    linear-gradient(#fff2 1px,transparent 1px),
    linear-gradient(90deg,#fff2 1px,transparent 1px);
  background-size:28px 28px;
}
.hunt-map-sketch strong{
  position:absolute;
  left:16px;
  bottom:14px;
  color:#fff;
  font:bold 26px Georgia,serif;
  text-shadow:2px 2px 2px #000;
}
.hunt-level-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.hunt-level-tags span{
  padding:6px 8px;
  color:#8d8b7e;
  background:#070d0f;
  border:1px solid #293439;
  font:bold 8px Tahoma;
}
.hunt-level-tags b{color:#fff}
.hunt-detail-section{
  padding:9px;
  background:#0d191d;
  border:1px solid #26363b;
}
.hunt-detail-section h3{
  margin:0 0 8px;
  color:#e4d7b9;
  font:bold 14px Georgia,serif;
  text-transform:uppercase;
}
.hunt-creature-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.hunt-creature-cards article{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:120px;
  padding:8px;
  background:#081013;
  border:1px solid #27363b;
}
.hunt-creature-cards img{
  max-width:76px;
  max-height:70px;
  margin:auto;
  image-rendering:pixelated;
}
.hunt-creature-cards strong{
  color:#d8bd78;
  font-size:11px;
}
.hunt-creature-cards small{
  color:#78858a;
}
.hunt-loot-grid{
  display:grid;
  grid-template-columns:repeat(8,42px);
  gap:5px;
}
.hunt-loot-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  background:#080e11;
  border:1px solid #364249;
}
.hunt-loot-grid img{
  max-width:34px;
  max-height:34px;
  image-rendering:pixelated;
}
.hunt-lure-detail{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px;
  color:#c8b98d;
  background:#0b1518;
  border:1px solid #2b383d;
  font:bold 11px Tahoma;
}
.confirm-hunt.modern{
  min-height:52px;
  color:#fff;
  background:linear-gradient(#ffa500,#e04a00)!important;
  border:2px solid #ffd070!important;
  font:bold 19px Georgia,serif!important;
}
@media(max-width:900px){
  .hunt-modern-body{grid-template-columns:1fr}
  .hunt-detail-panel{max-height:48vh;border-left:0;border-top:1px solid #354249}
  .hunt-selection-modern .hunt-selection-grid{grid-template-columns:repeat(2,1fr)!important}
  .hunt-modern-body.no-selection .hunt-selection-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* V20.10 — quatro ataques e rotação por quantidade de criaturas */
.spell-hotbar{
  flex:0 0 188px!important;
  width:188px!important;
  min-width:188px!important;
  max-width:188px!important;
}
.spell-slot-grid{
  grid-template-columns:repeat(4,38px)!important;
  width:164px!important;
}
.spell-rotation-settings{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:10px 0;
  padding:10px;
  background:#0b1518;
  border:1px solid #314047;
}
.spell-rotation-settings>label{
  display:flex;
  align-items:center;
  gap:8px;
  color:#d5c28d;
  font:bold 11px Tahoma;
}
.spell-rotation-settings select{
  min-width:130px;
  padding:7px;
  color:#f1e5c4;
  background:#172126;
  border:1px solid #5f5842;
}

/* V20.11 — backpack lateral, abas de conteúdo e barra refinada */
.container-window-backdrop{
  position:fixed!important;
  inset:auto 8px 8px auto!important;
  z-index:80!important;
  width:330px!important;
  max-width:calc(100vw - 16px)!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  pointer-events:none;
}
.container-window{
  width:330px!important;
  max-height:470px!important;
  margin:0!important;
  pointer-events:auto;
  box-shadow:0 8px 28px #000c!important;
}
.container-window .classic-container-grid.expanded{
  max-height:390px!important;
  overflow-y:auto!important;
}
.content-mode-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:0 0 10px;
  border:1px solid #2c3a3f;
}
.content-mode-tabs button{
  min-height:44px;
  color:#8f958f;
  background:#0d171a;
  border:0;
  border-right:1px solid #263338;
  font:bold 13px Georgia,serif;
}
.content-mode-tabs button.active{
  color:#f4dfad;
  background:#142126;
  box-shadow:inset 0 -3px #bf8d29;
}
.quest-selection-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(180px,1fr));
  gap:10px;
  padding:12px;
  overflow-y:auto;
}
.quest-choice-card{
  min-height:130px;
  padding:12px;
  color:#d8c99f;
  background:#091316;
  border:1px solid #2a393e;
}
.quest-choice-card strong{display:block;color:#fff1cb;font:15px Georgia,serif}
.quest-choice-card span{color:#d99f29;font:bold 9px Tahoma}
.quest-choice-card p{color:#7c898e;font-size:11px}
.quest-choice-card>div{display:flex;align-items:center;gap:8px}
.hunt-card-monster{
  width:88px!important;
  height:82px!important;
  object-fit:contain;
  image-rendering:pixelated;
}
.support-spell-slots{
  flex-basis:150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
}
.support-slot-row{
  grid-template-columns:repeat(3,46px)!important;
  width:146px!important;
}
.hunt-zone-actions button{
  min-width:112px;
  min-height:30px;
  padding:6px 10px!important;
  border:1px solid #756340!important;
  font:bold 10px Tahoma!important;
}
.hunt-stop-inline{
  color:#fff!important;
  background:linear-gradient(#b83232,#6d1717)!important;
}
.hunt-combat-toolbar{
  background:linear-gradient(180deg,#152329f7,#091316f7)!important;
  border-top:2px solid #8e7440!important;
}
.spell-slot-shell,
.support-spell-shell,
.modern-consumable-slot{
  background:#071013;
  border-radius:3px;
}
.spell-cast-button,
.support-spell-button,
.combat-slot.consumable{
  border-color:#52656c!important;
  background:linear-gradient(#172329,#091114)!important;
}
.chat-tabs button.active{
  color:#f0dca8!important;
  border-bottom:2px solid #c29232!important;
}
@media(max-width:850px){
  .quest-selection-grid{grid-template-columns:repeat(2,1fr)}
  .container-window-backdrop{width:290px!important}
  .container-window{width:290px!important}
}

/* V20.12 — Hunts curadas e abas futuras vazias */
.empty-content-tab{
  display:flex;
  flex:1;
  min-height:420px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  color:#7d898e;
  background:#091316;
  border:1px solid #26363b;
}
.empty-content-tab strong{
  color:#dcc89b;
  font:700 24px Georgia,serif;
}
.empty-content-tab span{
  font:12px Tahoma;
}
.hunt-choice.compact .hunt-card-monster{
  display:block!important;
  width:88px!important;
  height:82px!important;
  min-width:88px!important;
  min-height:82px!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
}
.hunt-selection-panel h1 small{
  margin-left:8px;
  color:#718087;
  font:10px Tahoma;
}

/* V20.13 — backpack alinhada à barra lateral */
.backpack-summary{display:none!important}
.container-window-backdrop{
  position:fixed!important;
  inset:auto 3px 3px auto!important;
  width:264px!important;
  max-width:264px!important;
  height:auto!important;
  max-height:calc(100vh - 8px)!important;
  padding:0!important;
  background:transparent!important;
  display:block!important;
  pointer-events:none!important;
}
.container-window{
  width:264px!important;
  max-width:264px!important;
  max-height:430px!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}
.container-window header{
  min-height:32px!important;
  padding:5px 7px!important;
}
.container-window .classic-container-grid.expanded{
  grid-template-columns:repeat(4,48px)!important;
  justify-content:center!important;
  max-height:350px!important;
  overflow-y:auto!important;
  padding:8px!important;
}
.container-window .container-path{
  max-width:100%!important;
  overflow-x:auto!important;
}

/* V20.16 — painel de Progressão */
.progression-box{
  padding:7px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#101a1e,#091216)!important;
}
.progression-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:100%;
  min-height:34px;
  padding:7px 30px;
  color:#e5aa24;
  background:#070c0f;
  border:1px solid #dfa500;
  border-radius:7px;
  font:bold 11px Tahoma;
  text-transform:none;
}
.progression-toggle:hover{
  color:#ffd468;
  border-color:#ffd04f;
  background:#0c1519;
}
.progression-toggle i{
  position:absolute;
  right:10px;
  color:#8d9ba1;
  font:normal 15px Tahoma;
}
.progression-scroll{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:360px;
  margin-top:9px;
  padding:5px 7px 8px 3px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#61727a #0a1115;
}
.progression-entry{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.progression-entry-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.progression-entry-head strong{
  color:#e9eef0;
  font:bold 10px Tahoma;
}
.progression-entry-head b{
  color:#f0c455;
  font:bold 10px Tahoma;
}
.progression-track{
  height:6px;
  overflow:hidden;
  background:#020608;
  border:1px solid #41515a;
  border-radius:4px;
  box-shadow:inset 0 1px 2px #000;
}
.progression-track i{
  display:block;
  height:100%;
  min-width:0;
  background:linear-gradient(90deg,#21bfdc,#68e5ef);
  box-shadow:0 0 5px #24c8e477;
}
.progression-entry:nth-child(3n+2) .progression-track i{
  background:linear-gradient(90deg,#38c875,#75eca6);
}
.progression-entry:nth-child(3n) .progression-track i{
  background:linear-gradient(90deg,#d49a22,#f2d264);
}
.progression-entry small{
  align-self:flex-end;
  color:#70868f;
  font:8px Tahoma;
  text-align:right;
}
.progression-entry.level-entry{
  padding-bottom:3px;
  border-bottom:1px solid #27343a;
}
.level-track i{
  background:linear-gradient(90deg,#b68d19,#ebce50)!important;
}
.progression-box.closed{
  padding-bottom:7px!important;
}
@media(max-height:720px){
  .progression-scroll{max-height:280px}
}

/* V20.18 — previews frontais validados do novo cliente */
.hunt-choice.compact img.hunt-card-monster,
.hunt-creature-cards article img{
  display:block!important;
  width:88px!important;
  height:82px!important;
  min-width:88px!important;
  min-height:82px!important;
  max-width:88px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
  image-rendering:pixelated!important;
}
.hunt-creature-cards article{
  overflow:visible!important;
}

/* V20.19 — slots vazios (ataque/suporte) com visual de "adicionar",
   em vez de número/texto solto num quadrado cinza. */
.spell-slot-shell.empty .spell-cast-button,
.support-spell-shell.empty .support-spell-button{
  background:repeating-linear-gradient(
    45deg,#0d141c,#0d141c 6px,#131c26 6px,#131c26 12px
  )!important;
  border:2px dashed #3c4e5f!important;
  color:#5b6b7a!important;
  transition:border-color .15s ease,color .15s ease;
}
.spell-slot-shell.empty .spell-cast-button>span,
.support-spell-shell.empty .support-spell-button>span:not(.spell-cooldown-overlay){
  font-size:0!important;
}
.spell-slot-shell.empty .spell-cast-button>span::before,
.support-spell-shell.empty .support-spell-button>span:not(.spell-cooldown-overlay)::before{
  content:"+";
  font:bold 18px Tahoma;
  color:inherit;
}
.spell-slot-shell.empty .spell-cast-button:hover,
.support-spell-shell.empty .support-spell-button:hover{
  border-color:#5b6b7a!important;
}
.spell-slot-shell.empty .spell-cast-button>b{display:none;}

/* Loading placeholder for monster/creature sprites: a subtle pulsing
   shimmer instead of blank space while the image is still fetching, so
   a slow connection reads as "loading" rather than "broken". */
@keyframes sprite-shimmer{
  0%,100%{opacity:.35;}
  50%{opacity:.7;}
}
img.sprite-loading{
  background:#182228;
  border-radius:4px;
  animation:sprite-shimmer 1.1s ease-in-out infinite;
}

/* ==== Hunt chooser V2: paged grid + detail as a separate overlay ==== */
.hunt-selection-panel.hunt-paged{
  width:min(1120px,calc(100vw - 24px))!important;
  height:min(720px,calc(100vh - 24px))!important;
  max-height:none!important;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:14px 16px 12px!important;
  background:#0c1417!important;
}
.hunt-selection-panel.hunt-paged>header{
  flex:0 0 auto;
  background:none;
  border-bottom:0;
  padding:2px 2px 10px;
}
.hunt-selection-panel.hunt-paged>header h1,
.hunt-selection-panel.hunt-paged>header .hunt-kicker{display:block;}
.content-mode-tabs.paged-tabs{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:12px;
}
.content-mode-tabs.paged-tabs button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 6px;
  background:#0f1a1e;
  border:1px solid #24333a;
  color:#8fa2ab;
  font:bold 11px Tahoma;
  letter-spacing:.5px;
}
.content-mode-tabs.paged-tabs button i{font-style:normal;}
.content-mode-tabs.paged-tabs button.active{
  color:#f1cd64;
  border-color:#8e7440;
  background:#182226;
  box-shadow:inset 0 -2px 0 #f1cd64;
}

.hunt-page-grid{
  flex:1;
  min-height:0;
  overflow-y:auto;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-auto-rows:150px;
  align-content:start;
  gap:10px;
}
.hunt-empty-state{
  grid-column:1 / -1;
  grid-row:1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7c8f98;
  font:12px Tahoma;
}
.hunt-page-card{  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:8px;
  background:#0f181c;
  border:1px solid #253339;
  text-align:left;
  cursor:pointer;
  transition:border-color .12s ease,background .12s ease;
  overflow:hidden;
}
.hunt-page-card:hover{
  border-color:#5c7480;
  background:#131f24;
}
.hunt-page-card.locked{opacity:.55;}
.hunt-page-card strong{
  font:bold 11px Tahoma;
  color:#d8e4e8;
  line-height:1.2;
}
.hunt-page-card span{
  font-size:9px;
  letter-spacing:.3px;
  color:#7c8f98;
}
.hunt-page-card img.hunt-card-monster{
  align-self:center;
  width:56px;
  height:56px;
  object-fit:contain;
  image-rendering:pixelated;
  filter:grayscale(.25);
  opacity:.92;
}
.hunt-card-fav{
  position:absolute;
  top:6px;
  right:6px;
  font-style:normal;
  color:#e0517a;
  font-size:11px;
}

.hunt-pagination-bar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #202e33;
}
.hunt-total-count{
  font:bold 11px Tahoma;
  color:#8fa2ab;
}
.hunt-page-controls{
  display:flex;
  align-items:center;
  gap:10px;
  font:bold 11px Tahoma;
  color:#d8e4e8;
}
.hunt-page-controls button{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#131f24;
  border:1px solid #354249;
  color:#d8e4e8;
  font-size:14px;
  line-height:1;
}
.hunt-page-controls button:disabled{opacity:.35;}
.hunt-search-bar{
  display:flex;
  align-items:center;
  gap:8px;
}
.hunt-search-bar button{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#131f24;
  border:1px solid #354249;
  color:#7c8f98;
}
.hunt-search-bar button.active{color:#e0517a;border-color:#e0517a;}
.hunt-search-bar input{
  min-width:170px;
  padding:6px 10px;
  background:#0f181c;
  border:1px solid #354249;
  color:#d8e4e8;
  font:11px Tahoma;
}

/* Detail overlay: a second, independent backdrop stacked on top of the
   grid modal. Clicking it (not its panel) closes just the detail and
   returns to the grid — see close-hunt-detail-backdrop in app.js. */
.hunt-detail-backdrop{
  position:fixed;
  inset:0;
  z-index:110;
  background:#02040ad9;
  display:grid;
  place-items:center;
  padding:18px;
}
.hunt-detail-overlay{
  width:min(460px,92vw);
  max-height:90vh;
  overflow:auto;
  background:#0c1417;
  border:1px solid #2b3a41;
  box-shadow:0 20px 80px #000;
  color:#ddd;
}
.hunt-detail-hero{
  position:relative;
  height:160px;
  background-size:cover;
  background-position:center;
}
.hunt-detail-lure-badge{
  position:absolute;
  top:10px;
  left:10px;
  background:#0b1215d9;
  border:1px solid #354249;
  border-radius:14px;
  padding:2px 4px;
}
.hunt-detail-lure-badge select{
  background:none;
  border:0;
  color:#f1cd64;
  font:bold 11px Tahoma;
}
.hunt-detail-fav{
  position:absolute;
  top:10px;
  right:10px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#0b1215d9;
  border:1px solid #354249;
  color:#7c8f98;
}
.hunt-detail-fav.active{color:#e0517a;border-color:#e0517a;}
.hunt-detail-body{padding:14px 16px 16px;}
.hunt-detail-body h2{margin:0 0 8px;font-size:19px;color:#f2f2f2;}
.hunt-detail-hint{
  display:block;
  font-size:10px;
  color:#7c8f98;
  margin:-4px 0 8px;
}
.hunt-detail-body .hunt-level-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:12px;
}
.hunt-detail-body .hunt-level-tags span{
  padding:5px 8px;
  background:#0f181c;
  border:1px solid #263338;
  font:10px Tahoma;
  color:#9fb0b8;
}
.hunt-detail-body .hunt-level-tags b{color:#f1cd64;}
.hunt-detail-section{margin-bottom:14px;}
.hunt-detail-section h3{
  margin:0 0 6px;
  font-size:12px;
  letter-spacing:.5px;
  color:#c8d4d8;
  text-transform:uppercase;
}
.hunt-detail-body .hunt-creature-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(90px,1fr));
  gap:8px;
}
.hunt-detail-body .hunt-creature-cards article{
  padding:8px;
  background:#0f181c;
  border:1px solid #253339;
  text-align:center;
}
.hunt-detail-body .hunt-creature-cards img{
  width:40px;height:40px;
  object-fit:contain;
  image-rendering:pixelated;
  margin:4px 0;
}
.hunt-detail-body .hunt-creature-cards strong{
  display:block;
  font-size:10px;
  color:#d8e4e8;
}
.hunt-detail-body .hunt-creature-cards small{color:#8fa2ab;font-size:9px;}
.hunt-detail-body .hunt-loot-grid{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.hunt-detail-body .hunt-loot-grid img,
.hunt-detail-body .hunt-loot-grid .real-item-sprite{
  width:32px;height:32px;
  object-fit:contain;
  background:#0f181c;
  border:1px solid #253339;
}
.hunt-detail-body .confirm-hunt.modern{
  width:100%;
  margin-top:4px;
}

@media(max-width:900px){
  .hunt-page-grid{grid-template-columns:repeat(3,1fr);}
  .content-mode-tabs.paged-tabs{grid-template-columns:repeat(3,1fr);}
  .hunt-search-bar input{min-width:110px;}
}
@media(max-width:600px){
  .hunt-page-grid{grid-template-columns:repeat(2,1fr);}
}

/* V20.20 — janelas de Backpack/Depot arrastáveis e números inteiros na UI */
.container-window [data-container-drag-handle]{
  cursor:move;
  user-select:none;
  touch-action:none;
}
.container-window [data-container-drag-handle].dragging{
  cursor:grabbing;
}
.container-window [data-container-drag-handle] button{
  cursor:pointer;
  touch-action:auto;
}

/* V20.23 — Backpack e Depot independentes, organizados e arrastáveis */
.container-window-backdrop.container-window-depot{
  right:275px!important;
  bottom:3px!important;
  width:420px!important;
  max-width:min(420px,calc(100vw - 16px))!important;
}
.container-window-panel-depot{
  width:420px!important;
  max-width:min(420px,calc(100vw - 16px))!important;
  max-height:520px!important;
}
.container-window-panel-depot .classic-container-grid.expanded{
  grid-template-columns:repeat(8,48px)!important;
  max-height:430px!important;
  overflow-y:auto!important;
  justify-content:center!important;
}
.container-window.container-drop-ready{
  outline:2px solid #d9ad42!important;
  outline-offset:-2px;
  box-shadow:0 0 0 2px #201605,0 8px 32px #000d!important;
}
@media(max-width:760px){
  .container-window-backdrop.container-window-depot{
    right:3px!important;
    bottom:275px!important;
    width:312px!important;
    max-width:calc(100vw - 6px)!important;
  }
  .container-window-panel-depot{
    width:312px!important;
    max-width:312px!important;
  }
  .container-window-panel-depot .classic-container-grid.expanded{
    grid-template-columns:repeat(6,48px)!important;
    max-height:300px!important;
  }
}

/* V20.31 — Quest Reborn original */
.reborn-quest-selection{
  grid-template-columns:minmax(260px,420px)!important;
  justify-content:center;
  align-content:start;
  min-height:330px;
  padding:24px!important;
}
.reborn-quest-card{
  min-height:285px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  cursor:pointer;
  background:linear-gradient(180deg,#182226,#091114)!important;
  border-color:#765b2a!important;
}
.reborn-quest-card:hover{border-color:#d3a64b!important;background:linear-gradient(180deg,#202d31,#0b1518)!important;}
.reborn-quest-card.completed{opacity:.78;border-color:#557052!important;}
.reborn-quest-card .hunt-card-monster{width:118px!important;height:110px!important;}
.reborn-quest-card strong{font-size:21px!important;}
.reborn-quest-kicker{letter-spacing:1.5px;color:#e6c46c!important;}
.reborn-quest-status{font-size:11px!important;color:#fff0ad!important;}
.reborn-quest-card small{color:#9aa7aa;}
.reborn-quest-card p{max-width:330px;margin:4px 0 0!important;line-height:1.45;}
.reborn-quest-detail{width:min(610px,94vw)!important;}
.reborn-quest-hero{height:180px!important;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.reborn-current-boss{width:150px!important;height:150px!important;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 10px #0009);}
.reborn-hero-badge{position:absolute;left:12px;top:12px;padding:5px 9px;border:1px solid #c39538;background:#0b1014dd;color:#f4d77e;font:bold 10px Tahoma;letter-spacing:1px;}
.reborn-description{color:#aeb9bc;font-size:12px;line-height:1.55;margin:4px 0 13px;}
.reborn-stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 14px;}
.reborn-stage{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:6px;min-height:36px;padding:5px 7px;background:#0a1114;border:1px solid #263238;color:#78868b;font:10px Tahoma;}
.reborn-stage b{color:#a6894e;}.reborn-stage i{text-align:center;font-style:normal;}
.reborn-stage.done{border-color:#425d42;color:#98ad97;background:#0d170f;}.reborn-stage.done i{color:#8cca78;}
.reborn-stage.current{border-color:#c08f31;color:#f1dfaa;background:#1b160c;}.reborn-stage.current i{color:#f3c54f;}
.reborn-final-hint{padding:9px 10px;margin-bottom:12px;border:1px solid #4d693f;background:#101b0d;color:#b8d3a8;font:11px Tahoma;}
.reborn-confirm{width:100%;}
.reborn-npc-panel{width:min(570px,94vw);background:#171b1d;border:2px ridge #8d794d;color:#ddd;box-shadow:0 18px 70px #000;}
.reborn-npc-panel header,.reborn-npc-panel footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;background:#272a2b;border-bottom:1px solid #4b4434;}
.reborn-npc-panel footer{border-top:1px solid #4b4434;border-bottom:0;justify-content:flex-end;}
.reborn-npc-panel h2{margin:0;color:#f0ce76;font:22px Georgia,serif;}.reborn-npc-panel header button{font-size:22px;}
.reborn-npc-kicker{display:block;color:#a89055;font:bold 9px Tahoma;letter-spacing:1.3px;}
.reborn-npc-content{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:17px;align-items:center;}
.reborn-npc-portrait{height:150px;display:flex;align-items:flex-end;justify-content:center;background:#0c1012;border:1px solid #3d4142;overflow:hidden;}
.reborn-npc-portrait img{width:120px;height:145px;object-fit:contain;image-rendering:pixelated;}
.reborn-npc-copy p{margin:0 0 11px;line-height:1.5;color:#d4d1c7;font-size:12px;}
.reborn-npc-rules{display:grid;gap:5px;margin-bottom:10px;}.reborn-npc-rules span{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;background:#101416;border:1px solid #343a3d;color:#9ca5a8;font-size:10px;}.reborn-npc-rules b{color:#e9cd82;}
.reborn-vocation-preview{padding:8px!important;background:#15170d;border:1px solid #565533;color:#cdd4a7!important;}.reborn-warning{padding:8px!important;background:#20110f;border:1px solid #633c36;color:#dda79c!important;}
.reborn-npc-panel footer button{padding:7px 12px;color:#eee;background:#333;border:2px outset #666;}.reborn-npc-panel footer .reborn-action{background:#5a4a22;border-color:#92733a;color:#ffe6a0;font-weight:bold;}.reborn-npc-panel footer button:disabled{opacity:.4;cursor:not-allowed;}
@media(max-width:600px){.reborn-stage-list{grid-template-columns:1fr}.reborn-npc-content{grid-template-columns:1fr}.reborn-npc-portrait{height:110px}.reborn-npc-portrait img{height:105px}.reborn-quest-selection{padding:12px!important}}

/* V20.49 — informa o scaling real de cada vocação na criação */
.vocation-choice.vocation-scroll span{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
}
.vocation-scaling{
  display:block;
  padding:2px 5px;
  border:1px solid #4f6070;
  background:#111c27;
  color:#e5edf5;
  font:bold 9px Tahoma,sans-serif;
  line-height:1.2;
}
.vocation-scaling.melee{border-color:#8a5e42;}
.vocation-scaling.distance{border-color:#557e94;}
.vocation-scaling.hybrid{border-color:#7b728f;}
.vocation-scaling-detail{
  display:block;
  color:#9fb0bf;
  font:9px Tahoma,sans-serif;
  line-height:1.2;
  text-align:center;
}

/* V20.54 — preview de progressao das spells */
.spell-slot-shell.locked-spell .spell-cast-button,
.support-spell-shell.locked-spell .support-spell-button{
  opacity:.62;
  filter:grayscale(.72) brightness(.68);
  cursor:not-allowed;
}
.spell-slot-shell.future-spell-preview .spell-cast-button,
.support-spell-shell.future-spell-preview .support-spell-button{
  border-style:dashed!important;
}
.spell-level-lock{
  position:absolute;
  inset:2px;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  background:#05080bc9;
  text-shadow:0 1px 2px #000;
  pointer-events:none;
}
.spell-level-lock i{
  font-style:normal;
  font-size:12px;
  line-height:12px;
}
.spell-level-lock em{
  padding:1px 3px;
  color:#ffe6a3;
  background:#000c;
  border-radius:3px;
  font:700 8px Tahoma,sans-serif;
  font-style:normal;
  white-space:nowrap;
}
.spell-book-card.locked,
.spell-book-card.locked:disabled{
  position:relative;
  opacity:.62;
  filter:grayscale(.68);
  cursor:not-allowed;
  background:#0a1119;
  border-color:#3b4048;
}
.spell-book-card.locked.selected{
  border-color:#8f7940;
  box-shadow:inset 0 0 0 1px #554925;
}
.spell-book-icon-wrap{
  position:relative;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
}
.spell-book-icon-wrap img{
  width:48px!important;
  height:48px!important;
}
.spell-book-lock-icon{
  position:absolute;
  right:-2px;
  bottom:-2px;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  background:#05080be8;
  border:1px solid #6f6242;
  border-radius:50%;
  font-style:normal;
  font-size:11px;
}
.spell-book-card .spell-unlock-level{
  color:#ffe09a;
  font-weight:700;
}

/* V20.57 — proteção de venda e troca de Hunt */
.classic-item.item-sale-locked{
  outline:1px solid #d8ad43;
  box-shadow:inset 0 0 8px #d8ad4355;
}
.classic-item .item-lock-toggle{
  position:absolute;
  top:1px;
  right:1px;
  z-index:5;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #555;
  border-radius:3px;
  background:#15191dcc;
  color:#9aa4ad;
  font-size:10px!important;
  line-height:1;
  cursor:pointer;
  opacity:.62;
  user-select:none;
}
.classic-item:hover .item-lock-toggle,
.classic-item .item-lock-toggle.locked{opacity:1}
.classic-item .item-lock-toggle.locked{
  color:#ffd36a;
  border-color:#a47b2c;
  background:#392b12e8;
}
.hunt-switch-inline{
  color:#e8f2ff;
  background:linear-gradient(#376b91,#21435e);
  border:2px outset #648cad;
  font-size:10px;
  font-weight:700;
  padding:5px 9px;
}
.hunt-switch-inline:hover{filter:brightness(1.1)}

/* V20.59 — render estável + cadeado na loja */
.sprite-pending{visibility:hidden!important}
.vendor-row.sale-locked{
  outline:1px solid #b98b32;
  background:linear-gradient(90deg,#332812aa,#242424 42%);
}
.vendor-lock-button{
  min-width:34px;
  padding:5px 7px;
  font-size:14px;
  color:#c7cbd0;
  background:#1d2228;
  border:2px outset #555f68;
}
.vendor-lock-button.locked{
  color:#ffd66f;
  background:#3b2c12;
  border-color:#a67d31;
}
.vendor-row button[disabled]{opacity:.38;cursor:not-allowed}
.server-update-notice{
  position:fixed;inset:auto 18px 18px auto;z-index:999999;
  padding:10px 14px;border:2px ridge #7b8fa3;background:#101820ee;
  color:#eef6ff;font:bold 12px Tahoma;box-shadow:0 8px 30px #000b;
}
.npc-sell-card-select{
  width:100%;height:100%;display:grid;justify-items:center;align-content:center;gap:5px;
  cursor:pointer;
}
.npc-sell-card.sale-locked .npc-sell-card-select{cursor:default;opacity:.82}
.npc-sell-card .npc-sell-check{left:7px;right:auto}
.npc-sale-lock{
  position:absolute;right:7px;top:7px;z-index:4;width:26px;height:26px;
  display:grid;place-items:center;padding:0;border:1px solid #536273;border-radius:6px;
  background:#121e2b;color:#b9c4ce;font-size:13px;cursor:pointer;
}
.npc-sale-lock.locked{background:#3c2d12;color:#ffd66e;border-color:#a47d31}
.npc-sell-card.sale-locked{border-color:#a47d31;box-shadow:inset 0 0 0 1px #6e5323;background:#251f13}


/* V20.59 - Chat/ADM */
.classic-chat-messages .loot-message{color:#d8f6a3}
.admin-center-message{
  position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);
  z-index:100000;max-width:min(760px,86vw);padding:14px 24px;
  border:2px solid #ff3a3a;border-radius:8px;background:rgba(20,0,0,.92);
  color:#ff4545;font-size:clamp(18px,2.4vw,32px);font-weight:900;
  text-align:center;text-shadow:0 2px 4px #000;box-shadow:0 0 28px rgba(255,0,0,.38);
  pointer-events:none;animation:adminMessageIn .18s ease-out;
}
@keyframes adminMessageIn{from{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
/* V20.60 - raridade universal de equipamentos */
.rarity-common{box-shadow:inset 0 0 4px #777}
.rarity-rare{box-shadow:inset 0 0 6px #4e8dd4}
.rarity-super_rare{box-shadow:inset 0 0 7px #39b9d4}
.rarity-epic{box-shadow:inset 0 0 8px #a769d1}
.rarity-legendary{box-shadow:inset 0 0 9px #d4a53c}
.rarity-super_legendary{box-shadow:inset 0 0 10px #df6655}
.rarity-mythic{box-shadow:inset 0 0 11px #d45bc8}
.rarity-divine{box-shadow:inset 0 0 12px #fff1a6,0 0 6px #d4a53c}
.item-tooltip-card.rarity-super_rare{border-color:#39b9d4}
.item-tooltip-card.rarity-super_legendary{border-color:#df6655}
.item-tooltip-card.rarity-mythic{border-color:#d45bc8}
.item-tooltip-card.rarity-divine{border-color:#fff1a6;box-shadow:0 12px 34px #000c,0 0 16px #d4a53c66}
.item-tooltip-rarity-bonus{padding:7px 12px;background:#171717;border-bottom:1px solid #4c4c4c;color:#d8d8d8;font-size:11px}
.item-tooltip-rarity-bonus strong{color:#f3d47d}
.npc-sell-card.rarity-super_rare,.npc-sell-card.rarity-epic,.npc-sell-card.rarity-legendary,.npc-sell-card.rarity-super_legendary,.npc-sell-card.rarity-mythic,.npc-sell-card.rarity-divine{position:relative}

/* V20.61 - aura universal por raridade e protecao de venda em massa */
.rarity-common{--rarity-color:#D3D3D3}
.rarity-rare{--rarity-color:#32CD32}
.rarity-super_rare{--rarity-color:#1E90FF}
.rarity-epic{--rarity-color:#8A2BE2}
.rarity-legendary{--rarity-color:#FF8C00}
.rarity-super_legendary{--rarity-color:#FF0000}
.rarity-mythic{--rarity-color:#FF00FF}
.rarity-divine{--rarity-color:#FFD700}

.item-rarity-aura{
  display:inline-grid;
  place-items:center;
  position:relative;
  line-height:0;
  border-radius:8px;
  filter:drop-shadow(0 0 2px var(--rarity-color,#D3D3D3))
         drop-shadow(0 0 6px var(--rarity-color,#D3D3D3));
}
.item-rarity-aura::before{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid var(--rarity-color,#D3D3D3);
  border-radius:9px;
  opacity:.42;
  box-shadow:0 0 8px var(--rarity-color,#D3D3D3);
  pointer-events:none;
}
.rarity-common.item-rarity-aura{filter:drop-shadow(0 0 2px #D3D3D3)}
.rarity-divine.item-rarity-aura{
  filter:drop-shadow(0 0 3px #FFD700) drop-shadow(0 0 9px #FFD700);
}

/* Mantem a moldura dos cards coerente com a mesma cor da aura. */
.classic-item.rarity-common,.full-item.rarity-common,.npc-sell-card.rarity-common{box-shadow:inset 0 0 5px #D3D3D366}
.classic-item.rarity-rare,.full-item.rarity-rare,.npc-sell-card.rarity-rare{box-shadow:inset 0 0 7px #32CD3266}
.classic-item.rarity-super_rare,.full-item.rarity-super_rare,.npc-sell-card.rarity-super_rare{box-shadow:inset 0 0 7px #1E90FF66}
.classic-item.rarity-epic,.full-item.rarity-epic,.npc-sell-card.rarity-epic{box-shadow:inset 0 0 8px #8A2BE266}
.classic-item.rarity-legendary,.full-item.rarity-legendary,.npc-sell-card.rarity-legendary{box-shadow:inset 0 0 9px #FF8C0066}
.classic-item.rarity-super_legendary,.full-item.rarity-super_legendary,.npc-sell-card.rarity-super_legendary{box-shadow:inset 0 0 10px #FF000066}
.classic-item.rarity-mythic,.full-item.rarity-mythic,.npc-sell-card.rarity-mythic{box-shadow:inset 0 0 11px #FF00FF66}
.classic-item.rarity-divine,.full-item.rarity-divine,.npc-sell-card.rarity-divine{box-shadow:inset 0 0 12px #FFD70088,0 0 7px #FFD70055}

.item-tooltip-card.rarity-common{border-color:#D3D3D3}
.item-tooltip-card.rarity-rare{border-color:#32CD32}
.item-tooltip-card.rarity-super_rare{border-color:#1E90FF}
.item-tooltip-card.rarity-epic{border-color:#8A2BE2}
.item-tooltip-card.rarity-legendary{border-color:#FF8C00}
.item-tooltip-card.rarity-super_legendary{border-color:#FF0000}
.item-tooltip-card.rarity-mythic{border-color:#FF00FF}
.item-tooltip-card.rarity-divine{border-color:#FFD700;box-shadow:0 12px 34px #000c,0 0 16px #FFD70077}

.npc-bulk-sale-protection{
  margin-top:10px;
  padding:10px;
  display:grid;
  gap:6px;
  background:#0b1623;
  border:1px solid #44566c;
  border-radius:8px;
}
.npc-bulk-sale-protection label{
  color:#cbd5df;
  font:bold 10px Tahoma;
  text-transform:uppercase;
  letter-spacing:.45px;
}
.npc-bulk-sale-protection select{
  width:100%;
  padding:8px 9px;
  color:#fff;
  background:#101e2d;
  border:1px solid #65778d;
  border-radius:7px;
  font:bold 11px Tahoma;
}
.npc-bulk-sale-protection small{color:#8fa0b1;line-height:1.35}

/* V20.63 — Loja da Bulma: fechamento intuitivo e quantidade possuída */
.npc-market-header-actions{display:flex;align-items:center;gap:10px}
.npc-shop-close{width:34px;height:34px;border:1px solid #675a3d;border-radius:4px;background:#241f18;color:#e9d7a6;font-size:24px;line-height:28px;cursor:pointer}
.npc-shop-close:hover{background:#3a2b20;color:#fff}
.npc-owned-count{display:block;font-size:10px;color:#c9d8a6;margin-top:2px}