:root{--background:#111917;--surface:#1b2825;--surface2:#202f2a;--surface3:#25352f;--border:#3c4c42;--border-light:#53634f;--text:#e5e6ce;--muted:#97a498;--gold:#dfc288;--softgold:#bda26d;--forest:#85aa89;--mint:#a1d2ac;--red:#c75d58;--blue:#668eaf;--shadow:#090f0e}
*{box-sizing:border-box}html{min-height:100%;background:var(--background)}body.gate-open{overflow:hidden}body{margin:0;min-height:100%;color:var(--text);background:radial-gradient(ellipse at 47% -5%,#273b31 0,transparent 46%),#111917;font-family:Trebuchet MS,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.app-shell{max-width:1660px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid #425547;background:linear-gradient(180deg,#223129,#19251f);gap:20px}.brand{display:flex;align-items:center;gap:13px;min-width:236px}.brand-emblem{width:43px;height:43px;display:grid;place-items:center;font-size:32px;color:#dec78e;border:1px solid #9a8350;background:#313b2d;box-shadow:inset 0 0 0 4px #253128;transform:rotate(45deg)}.brand-emblem::first-letter{transform:rotate(-45deg)}.brand strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:700;letter-spacing:3.1px;color:#f0e5c6;line-height:1.1}.brand small{display:block;color:#aaa98e;font-size:9px;letter-spacing:3px;margin-top:7px}.topbar-center{color:#899784;letter-spacing:3.4px;font-size:10px;text-align:center;white-space:nowrap}.small-diamond{padding:0 11px;color:#ba9e6d;font-size:9px}.server-status{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.4px;white-space:nowrap;color:#c9d4bd}.status-dot,.dot-green{color:#a5d295;filter:drop-shadow(0 0 4px #81c979);font-size:12px}.status-dot{width:8px;height:8px;background:#a8d78e;border-radius:100%;box-shadow:0 0 9px #76c56a}.status-amount{background:#334a38;padding:5px 9px;border:1px solid #4e6951;color:#cde9c4;border-radius:2px}
.app-content{display:grid;grid-template-columns:minmax(0,1fr) 317px;align-items:start;gap:22px;padding:28px 29px 18px}.game-area{min-width:0}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;padding:0 1px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#aeaa84}.game-toolbar h1{font:normal 27px Georgia,serif;color:#ede0bd;margin:7px 0 0;letter-spacing:.4px}.location-suffix{font:normal 14px Trebuchet MS,Arial,sans-serif;color:#91a592}.toolbar-right{display:flex;align-items:center;gap:13px}.map-indicator{font-size:12px;color:#abb8a5;white-space:nowrap}.tag-alpha{border:1px solid #88774d;color:#dac286;padding:7px 9px;font-size:10px;letter-spacing:1.2px;white-space:nowrap}
.game-frame{border:1px solid #647256;box-shadow:0 9px 23px #05090880,0 0 0 4px #26342b;overflow:hidden;background:#0b1511}.canvas-wrap{position:relative;overflow:hidden;aspect-ratio:960/608;background:#263b2e}.canvas-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 85px #050b0aa6}.canvas-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:crosshair;touch-action:none}.canvas-top-left{position:absolute;z-index:1;left:18px;top:16px;display:flex;gap:11px;align-items:center;padding:9px 14px;background:#13231fdc;border:1px solid #7c8e6360;box-shadow:0 3px 15px #0006;pointer-events:none}.area-icon{font-size:23px;color:#e6bf73}.canvas-top-left strong{font-size:10px;display:block;letter-spacing:2px;color:#e5dfbb}.canvas-top-left small{display:block;font-size:9px;color:#a2b6a0;letter-spacing:1px;margin-top:4px}.canvas-top-right{position:absolute;right:14px;top:16px;background:#10231ecf;border:1px solid #73826364;color:#dfdfbf;padding:10px 12px;font-size:11px;letter-spacing:.4px;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.controls-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:90%;white-space:nowrap;background:#15251fe3;color:#c6ceb3;padding:8px 14px;font-size:9px;letter-spacing:1px;border:1px solid #74806660;pointer-events:none}.controls-hint kbd,.action-button kbd{font:normal 9px Trebuchet MS,Arial,sans-serif;color:#d5d3b4;background:#495644;border:1px solid #748066;padding:3px 5px}.controls-hint i{font-style:normal;color:#a48f58;margin:0 5px}.game-toast{position:absolute;z-index:3;left:50%;top:26%;transform:translate(-50%,-10px);max-width:80%;pointer-events:none;background:#271e18ed;color:#f1d6a4;border:1px solid #9b7258;padding:12px 18px;font-size:12px;letter-spacing:.4px;opacity:0;transition:opacity .2s,transform .2s;text-align:center}.game-toast.visible{opacity:1;transform:translate(-50%,0)}
.action-bar{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 17px;background:linear-gradient(180deg,#29382f,#1c2b24);border-top:1px solid #5a684d}.action-description{display:flex;align-items:center;gap:11px;color:#e7dbb5;font-size:11px;letter-spacing:1px}.action-description small{display:block;font-size:10px;letter-spacing:0;color:#a2aa95;margin-top:5px}.swordmark{font-size:29px;color:#dec082}.actions{display:flex;gap:7px}.action-button{border:1px solid #708063;background:linear-gradient(#405245,#2a3931);color:#f0e2c5;font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 12px;transition:filter .15s,background .15s}.action-button:hover{filter:brightness(1.25)}.action-ico{color:#e2b97b;font-size:18px}.action-button.arcane{border-color:#6f748d;background:linear-gradient(#42465d,#2b3149)}.action-button.arcane .action-ico{color:#b7b8ed}.action-button.potion{border-color:#658173}.action-button.potion .action-ico{color:#a8db9f}.under-game{display:flex;justify-content:space-between;gap:10px;color:#798c79;font-size:9px;letter-spacing:1.6px;padding:18px 3px}
.sidebar{display:flex;flex-direction:column;gap:13px}.side-panel{background:linear-gradient(145deg,#22312b,#18251f);border:1px solid #4d624f;box-shadow:inset 0 1px #78907528,0 5px 15px #08110e3d}.panel-heading{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #445a49;color:#d9c596;font-size:10px;font-weight:700;letter-spacing:1.4px}.panel-heading>:last-child{font-size:9px;color:#90ad91;letter-spacing:.8px;font-weight:400}.status-label{color:#dcbd78!important}.character-summary{padding:17px 15px 20px;display:flex;align-items:center;gap:12px}.portrait{width:49px;height:52px;display:grid;place-items:center;background:#394937;border:1px solid #9eaa79;box-shadow:inset 0 0 0 3px #27372e;color:#f0d99b;font-size:29px}.character-summary h2{font:normal 18px Georgia,serif;margin:0 0 4px;color:#fff0d4;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-label{font-size:11px;color:#9fb49d}.level-bubble{margin-left:auto;border:1px solid #827753;background:#353e2e;width:45px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center}.level-bubble small{font-size:9px;color:#bca874}.level-bubble strong{font:normal 21px Georgia,serif;color:#ffedbd}.resource-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;color:#bfcbbb;padding:0 15px;margin-bottom:6px}.resource-track{margin:0 15px 14px;background:#0e1815;height:11px;border:1px solid #5c6b5c;box-shadow:inset 0 1px 3px #0009}.resource-fill{height:100%;width:0;transition:width .2s}.hp-fill{background:linear-gradient(90deg,#88383b,#df7263)}.mana-fill{background:linear-gradient(90deg,#386589,#72acd3)}.exp-fill{background:linear-gradient(90deg,#948348,#dfc278)}.exp-label{margin-top:3px}.resource-track.slim{height:7px;margin-bottom:17px}.character-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #425649}.character-stats>div{text-align:center;padding:13px 0;border-right:1px solid #425649}.character-stats>div:last-child{border-right:0}.character-stats small{display:block;color:#92a897;font-size:9px;letter-spacing:1px;margin-bottom:6px}.character-stats strong{color:#f1e0b9;font-size:17px}.gold-dot{color:#ecc56d}.target-panel .target-empty{font-size:11px;color:#a2ac9a;padding:18px 15px;line-height:1.6}.target-details{padding:13px 0 4px}.target-details[hidden]{display:none}.target-line{display:flex;gap:11px;align-items:center;padding:0 15px 12px}.target-avatar{width:36px;height:36px;display:grid;place-items:center;background:#4a3d35;color:#e9c79d;border:1px solid #806950;font-size:22px}.target-line strong{font-size:13px;color:#f4e6c8}.target-line small{display:block;color:#9da99c;font-size:10px;margin-top:4px}.enemy-fill{background:linear-gradient(90deg,#9a3d39,#d6725a)}.target-footer{text-align:right;color:#d2b9a4;padding:0 15px 8px;font-size:10px}.mini-panel{overflow:hidden}.mini-panel canvas{display:block;margin:12px auto 10px;max-width:calc(100% - 24px);width:276px;height:138px;image-rendering:pixelated;border:1px solid #64755c;background:#344d3e}.mini-legend{display:flex;justify-content:space-around;border-top:1px solid #425649;padding:11px 7px;font-size:9px;color:#b1bfa9;letter-spacing:.4px}.mini-legend i{width:7px;height:7px;display:inline-block;margin-right:5px}.legend-you{background:#ffefb2}.legend-enemy{background:#e27f69}.legend-town{background:#b8aa84}.online-players{max-height:132px;overflow:auto;padding:7px 12px}.online-player{display:flex;align-items:center;gap:8px;padding:8px 5px;border-bottom:1px solid #394a3f;font-size:11px}.online-player:last-child{border-bottom:none}.online-player .player-dot{width:9px;height:9px;border-radius:100%}.online-player .player-level{margin-left:auto;color:#b3ab84;font-size:9px}.empty-note{font-size:11px;color:#899d8c;padding:10px 4px}.online-mini{color:#9fcb99!important}.chat-panel{display:flex;flex-direction:column;min-height:215px}.chat-messages{height:175px;padding:10px 13px;overflow-y:auto;scrollbar-color:#566d54 #17231e;scrollbar-width:thin}.chat-row{font-size:11px;line-height:1.45;padding:4px 0;color:#bfcbb8;overflow-wrap:anywhere}.chat-row strong{color:#dac28f}.chat-row small{color:#809482;font-size:9px;margin-right:6px}.chat-row span{color:#d9dfca}.system-line{font-size:11px;color:#8fac8e;font-style:italic;line-height:1.6}.chat-form{display:flex;border-top:1px solid #475d4b;height:42px}.chat-form input{min-width:0;flex:1;background:#192820;color:#eee8d2;border:0;outline:none;padding:0 11px;font-size:11px}.chat-form input::placeholder{color:#8fa191}.chat-form button{width:44px;background:#536b50;color:#e9edcf;border:0;border-left:1px solid #70816c;font-size:16px}.change-character{background:transparent;color:#a9b9a1;border:1px dashed #465e4b;padding:12px;font-size:11px;letter-spacing:.6px}.change-character:hover{color:#f4e5bd;border-color:#b29b70}.footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;border-top:1px solid #314439;padding:18px 29px 23px;color:#6f877a;letter-spacing:1.5px;font-size:9px}
.gate{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:28px 18px;background:radial-gradient(ellipse at 50% 23%,#39563fca,transparent 50%),#07100de9;backdrop-filter:blur(7px)}.gate.hidden{display:none}.gate-grid{position:fixed;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(#98ba8928 1px,transparent 1px),linear-gradient(90deg,#98ba8928 1px,transparent 1px);background-size:38px 38px}.gate-card{position:relative;max-width:510px;width:100%;border:1px solid #9f925e;outline:5px solid #1d3026;background:linear-gradient(155deg,#2c4132,#15261e 58%,#18291f);box-shadow:0 28px 80px #000a,0 0 65px #a5b8791f;text-align:center;padding:30px 38px 23px}.gate-card:before,.gate-card:after{content:'◆';position:absolute;color:#d8bf81;font-size:16px;top:-11px}.gate-card:before{left:-8px}.gate-card:after{right:-8px}.gate-star{font-size:40px;color:#e5cc90;line-height:1}.gate-kicker{color:#b3c1a7;font-size:9px;letter-spacing:3.3px;margin:12px 0 5px}.gate h2{font:normal 54px Georgia,serif;letter-spacing:6px;color:#f0e4bf;margin:5px 0 0;text-shadow:0 2px #765b36}.gate-subtitle{font-size:11px;letter-spacing:5px;color:#c9ad78;margin:3px 0 18px}.gate p{font-size:12px;line-height:1.65;color:#b3c3b3;max-width:350px;margin:0 auto 24px}.form-label{display:block;text-align:left;color:#d8c595;font-size:10px;letter-spacing:2px;margin-bottom:9px}.gate input{width:100%;height:43px;background:#0f1c17;border:1px solid #607559;padding:0 13px;color:#f9edce;outline:0;font-size:13px}.gate input:focus{border-color:#d1b778;box-shadow:0 0 0 2px #ccaf6240}.gate input::placeholder{color:#778b79}.choose-label{margin-top:21px}.vocation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vocation{border:1px solid #4b6756;background:#203429;min-width:0;padding:13px 2px;color:#ccdcc5;display:flex;align-items:center;flex-direction:column;gap:5px}.vocation:hover,.vocation.selected{border-color:#dfc27d;background:#41503a;box-shadow:inset 0 0 0 1px #9f945e}.vocation strong{font-size:28px;color:#d4b17d;height:36px}.vocation[data-vocation="sorcerer"] strong{color:#cdaff3}.vocation[data-vocation="paladin"] strong{color:#b8d8a2}.vocation[data-vocation="druid"] strong{color:#88c5c5}.vocation span{font-size:10px;letter-spacing:.8px}.vocation small{font-size:9px;color:#a6b9a5}.enter-button{margin-top:22px;height:47px;width:100%;background:linear-gradient(#e9cd88,#c2a25c);border:1px solid #f3d797;color:#253324;font-size:12px;font-weight:800;letter-spacing:2px;box-shadow:0 4px #806b3f}.enter-button span{margin-left:9px;font-size:18px}.enter-button:hover{filter:brightness(1.09)}.gate-error{min-height:16px;margin-top:12px;color:#ffab9d;font-size:11px}.gate-foot{padding-top:17px;border-top:1px solid #435947;color:#91a891;font-size:9px;letter-spacing:.45px;line-height:1.65}.gate-foot>span{margin:0 5px}
.mobile-controls{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#53684e}
@media(max-width:1250px){.app-content{grid-template-columns:minmax(0,1fr) 287px;padding:24px 20px;gap:17px}.topbar{padding:0 21px}.action-description small{display:none}.action-button{padding:10px 8px}.location-suffix{display:block;margin-top:4px}.game-toolbar h1{font-size:24px}.topbar-center{display:none}}
@media(max-width:940px){.app-content{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.chat-panel{grid-column:1 / -1}.change-character{grid-column:1/-1}.canvas-wrap{aspect-ratio:960/608}.topbar-center{display:block}.mini-panel canvas{max-width:80%}.footer{padding:16px 22px}}
@media(max-width:670px){.topbar{height:67px;padding:0 13px}.brand{min-width:auto;gap:9px}.brand-emblem{width:34px;height:34px;font-size:25px}.brand strong{font-size:17px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.8px}.topbar-center{display:none}.server-status{font-size:8px;gap:5px;letter-spacing:.5px}.app-content{padding:18px 10px 10px;gap:13px}.game-toolbar h1{font-size:22px}.game-toolbar .eyebrow{font-size:8px}.location-suffix{font-size:11px}.toolbar-right{flex-direction:column;gap:3px}.tag-alpha{font-size:8px;padding:4px 5px}.game-frame{box-shadow:none}.canvas-wrap{aspect-ratio:1/1}.canvas-top-left{top:7px;left:7px;padding:6px 8px;gap:5px}.area-icon{font-size:15px}.canvas-top-left strong{font-size:8px;letter-spacing:.6px}.canvas-top-left small{font-size:7px;letter-spacing:0}.canvas-top-right{right:7px;top:7px;max-width:38%;font-size:9px;padding:7px}.controls-hint{display:none}.mobile-controls{display:flex;position:absolute;bottom:9px;left:12px;right:10px;z-index:2;align-items:flex-end;justify-content:space-between;pointer-events:none}.dpad{position:relative;width:111px;height:111px;pointer-events:auto}.dpad button{position:absolute;width:35px;height:35px;background:#1e3328da;border:1px solid #a7be9b87;color:#f2e2ae;font-size:15px;border-radius:5px;touch-action:none}.dpad button:active,.mobile-button:active{background:#6e825d}.dpad .up{left:38px;top:0}.dpad .left{left:0;top:38px}.dpad .down{left:38px;bottom:0}.dpad .right{right:0;top:38px}.mobile-action{pointer-events:auto;display:grid;grid-template-columns:repeat(2,40px);gap:6px;align-items:end}.mobile-button{height:40px;border:1px solid #aabd9a99;background:#1b3028dc;color:#ead3a2;font-size:21px;border-radius:50%;touch-action:manipulation}.mobile-button.attack-button{grid-column:1 / 3;justify-self:center;width:53px;height:53px;border-color:#d6bb7d}.mobile-button.spell-button{color:#c4b6ff}.mobile-button.potion-button{color:#abe4a4}.action-bar{flex-wrap:wrap;justify-content:center;padding:10px 5px}.action-description{display:none}.actions{width:100%;justify-content:center}.action-button{flex:1;justify-content:center;font-size:11px;gap:5px}.action-ico{font-size:15px}.action-button kbd{display:none}.under-game{font-size:8px;line-height:1.4}.sidebar{grid-template-columns:1fr 1fr;gap:9px}.character-panel,.chat-panel{grid-column:1/-1}.target-panel,.mini-panel{align-self:stretch}.target-empty{font-size:10px!important}.mini-panel canvas{max-width:calc(100% - 12px);margin:9px auto 6px;height:auto}.mini-legend{flex-wrap:wrap;gap:7px;font-size:8px}.social-panel{grid-column:1/-1}.footer{font-size:7px;padding:14px;letter-spacing:.5px}.gate{padding:12px}.gate-card{padding:25px 19px 21px}.gate h2{font-size:44px;letter-spacing:4px}.gate-kicker{letter-spacing:2px;font-size:8px}.gate-foot{font-size:8px}}
@media(max-width:365px){.server-status{font-size:0}.status-amount{font-size:10px}.action-button{font-size:10px}.vocation span{font-size:8px}.vocation small{font-size:8px}.vocation strong{font-size:22px}}
/* ===== BRUMÁRIA ALFA 0.2: ATLAS, EQUIPAMENTOS, PETS, MAGIAS ===== */
.world-map-button,.mini-fullmap{border:1px solid #827b5a;background:#273b30;color:#e2ce9b;font-size:10px;letter-spacing:.5px;padding:9px 10px;white-space:nowrap}
.world-map-button:hover,.mini-fullmap:hover{background:#425a44}
.mini-fullmap{display:block;width:calc(100% - 24px);margin:0 12px 9px;padding:9px 6px}
.build-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:5px 0 11px}
.build-stats>div{background:#17251f;border:1px solid #425a49;text-align:center;padding:8px 1px;font-size:9px;color:#a7bba5}
.build-stats strong{font-size:13px;color:#ead2a0}
.equipment-panel{overflow:hidden}.equipment-grid{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.equip-slot{min-height:53px;display:flex;align-items:center;position:relative;gap:7px;padding:7px 6px;background:#17261f;border:1px solid #4d6151;min-width:0}
.slot-icon{display:grid;place-items:center;flex-shrink:0;width:28px;height:30px;border:1px solid #596e56;background:#283b2d;color:#d3bd8b;font-size:19px}
.slot-caption{display:flex;flex-direction:column;min-width:0}.slot-caption strong{font-size:10px;color:#e2d7af}.slot-caption small{display:block;font-size:8px;line-height:1.4;color:#8da291;margin-top:3px;overflow-wrap:anywhere}
.slot-remove{position:absolute;right:3px;top:1px;background:none;color:#b8b4a8;border:0;font-size:14px;padding:0 3px}
.slot-remove:hover{color:#fff}
.equip-slot:has(.slot-remove) .slot-caption{padding-right:7px}
.equipment-panel .subhead{margin-top:5px;border-top:1px solid #405647}
.hint-line{font-size:10px;line-height:1.65;color:#9fae9f;margin:10px 12px 7px}
.hint-line strong{color:#e8c882}
.rarity-key{display:flex;justify-content:space-between;gap:4px;padding:3px 12px 11px;font-size:9px}
.rarity-normal{color:#c7c1a6}.rarity-excellent{color:#6dccff}.rarity-supreme{color:#efa5ff}
.tier-normal{--tier:#c8bea2}.tier-excellent{--tier:#66caf6}.tier-supreme{--tier:#e5a1fa}
.equip-slot[class*="tier-"]{border-color:var(--tier)}.equip-slot[class*="tier-"] .slot-icon{color:var(--tier)}
.inventory-list{padding:0 10px 11px;max-height:278px;overflow-y:auto;scrollbar-color:#536c57 #1a2a21}
.item-row{display:flex;align-items:center;gap:7px;padding:8px 4px;border-bottom:1px solid #3e5344}
.item-row:last-child{border-bottom:0}.item-icon{flex-shrink:0;display:grid;place-items:center;width:31px;height:32px;border:1px solid var(--tier);background:#1c2d24;color:var(--tier);font-size:19px}
.item-meta{flex:1;min-width:0}.item-meta strong{display:block;color:var(--tier);font-size:10px;overflow-wrap:anywhere}.item-meta small{color:#96aa9c;font-size:9px;display:block;margin-top:4px}
.item-actions{display:flex;align-items:center;gap:3px}.tiny-btn{border:1px solid #8a8361;background:#344939;color:#eadba9;font-size:9px;padding:7px 5px}.tiny-btn:hover{background:#60734e}
.discard-btn{border:0;background:none;color:#929f93;font-size:14px;padding:5px;line-height:1}.discard-btn:hover{color:#ff978c}
.pet-choices{display:flex;flex-direction:column;padding:6px 11px 12px;gap:6px}
.pet-choice{display:flex;align-items:center;gap:9px;border:1px solid #435a4a;background:#1a2c22;padding:8px}
.pet-choice.active{border-color:#d6b671;background:#2c3b2d}
.pet-emoji{font-size:24px;width:32px;text-align:center}.pet-meta{flex:1;min-width:0}.pet-meta strong{font-size:12px;color:#e2d8b8;display:block}.pet-meta small{display:block;font-size:9px;color:#9eae9c;margin-top:3px}
.pet-select{border:1px solid #7c896b;background:#2c4836;color:#d9eac3;padding:7px 5px;font-size:9px;white-space:nowrap}
.pet-select.active{background:#5e754d;color:#e7f4d1;border-color:#c9d2a2}.pet-locked{font-size:12px;color:#6f8775}.dismiss-pet{align-self:start;margin:2px 0 0 5px;border:0;background:none;color:#a9b7a5;font-size:10px;text-decoration:underline;padding:5px}
.spell-deck{border-top:1px solid #4c614b;background:#1d2d25;padding:9px 13px 12px}
.spell-intro{font-size:9px;font-weight:bold;letter-spacing:1.6px;color:#c1b48d;margin-bottom:7px}
.spell-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.spell-choice{display:flex;align-items:center;text-align:left;gap:8px;min-width:0;padding:7px 9px;background:#22362b;color:#c1cdbb;border:1px solid #4a6951}
.spell-choice.selected{background:#3b493b;border-color:#d4b67a;box-shadow:inset 0 0 0 1px #92764e}
.spell-choice:hover{background:#354d3d}.spell-ico{color:#e2cf94;font-size:21px;line-height:1}
.spell-name{font-size:11px;overflow-wrap:anywhere}.spell-choice small{font-size:9px;color:#9eae9b;white-space:nowrap;margin-left:auto}
.pickup .action-ico{color:#d0c588}.actions{flex-wrap:wrap}.action-bar{gap:8px}
.atlas-overlay[hidden]{display:none!important}.atlas-overlay{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;background:#060d0ada;padding:20px;backdrop-filter:blur(5px)}
.atlas-window{width:min(1030px,100%);max-height:96vh;overflow-y:auto;border:1px solid #cfba84;background:#182820;padding:18px;box-shadow:0 28px 100px #0009}
.atlas-head{display:flex;justify-content:space-between;align-items:center;margin:0 3px 13px}
.atlas-head small{font-size:10px;letter-spacing:2px;color:#9ab39b}.atlas-head h2{font-family:Georgia,serif;font-size:27px;margin:4px 0 0;color:#e9dbb7}
.atlas-head button{background:#263d30;border:1px solid #687e63;color:#ecdfba;font-size:21px;width:37px;height:37px}
#atlasCanvas{display:block;width:100%;height:auto;aspect-ratio:3/2;image-rendering:pixelated;border:2px solid #637157;background:#2c4b36}
.atlas-window p{font-size:11px;color:#aabdac;text-align:center;line-height:1.5;margin:13px 0 1px}.town-mark{color:#f8c27d}
@media(min-width:1300px){.app-content{grid-template-columns:minmax(0,1fr) 326px}.sidebar{min-width:0}.topbar-center{white-space:nowrap}}
@media(max-width:940px){.equipment-panel,.pet-panel{grid-column:auto}}
@media(max-width:670px){.world-map-button{font-size:8px;padding:6px 5px}.toolbar-right{align-self:center}
  .spell-deck{padding:8px}.spell-buttons{gap:5px}.spell-choice{flex-direction:column;gap:2px;padding:7px 3px;text-align:center}.spell-ico{font-size:20px}.spell-name{font-size:9px}.spell-choice small{margin:0;font-size:8px;white-space:normal}
  .equipment-panel,.pet-panel{grid-column:1/-1}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.slot-caption strong{font-size:9px}.slot-caption small{font-size:8px}.slot-icon{width:24px;font-size:17px}
  .actions{gap:3px}.action-button{font-size:10px;padding:9px 4px}.item-row{gap:6px}
  .atlas-overlay{padding:8px}.atlas-window{padding:9px}.atlas-head h2{font-size:21px}.atlas-window p{font-size:9px}
}
@media(max-width:390px){.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spell-name{font-size:8px}.spell-intro{font-size:8px}}
/* Brumária 0.3 — painel RPG, lojas, missões e automação */
.safe-tag{position:absolute;z-index:2;top:72px;left:16px;color:#dff5d6;font-size:10px;font-weight:800;letter-spacing:.8px;background:#254e3ddc;border:1px solid #92c39e;padding:7px 9px;box-shadow:0 2px 11px #0d211abd;pointer-events:none}.safe-tag[hidden]{display:none!important}
.equipment-grid.paperdoll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,68px);gap:7px;background:radial-gradient(ellipse at center,#385043aa,#1a2a22 75%);padding:14px 12px;border-bottom:1px solid #405547}
.paperdoll .equip-slot{min-width:0;min-height:0;flex-direction:column;justify-content:center;text-align:center;gap:2px;padding:4px 2px;background:linear-gradient(145deg,#1c2b24,#101e18);box-shadow:inset 0 0 0 2px #1b2b23}
.paperdoll .slot-helmet{grid-column:2;grid-row:1}.paperdoll .slot-armor{grid-column:2;grid-row:2}.paperdoll .slot-pants{grid-column:2;grid-row:3}.paperdoll .slot-boots{grid-column:2;grid-row:4}.paperdoll .slot-gloves{grid-column:1;grid-row:2}.paperdoll .slot-weapon{grid-column:3;grid-row:2}
.paperdoll .slot-icon{font-size:24px;line-height:25px;width:auto;height:auto;color:#c9b987}
.paperdoll .slot-caption strong{display:block;font-size:9px;color:#eee2bb}.paperdoll .slot-caption small{display:block;font-size:8px;color:#a6ad9f;line-height:1.1;white-space:normal}.paperdoll .slot-remove{position:absolute;right:0;top:0;background:#523931;color:#f4b8ae;border:0;padding:0 4px;font-weight:900}.paperdoll .slot-caption{padding:0!important}
.paperdoll::before{content:'✦';grid-column:1;grid-row:3;align-self:center;justify-self:center;font-size:26px;color:#698a6c55}.paperdoll::after{content:'❖';grid-column:3;grid-row:3;align-self:center;justify-self:center;font-size:26px;color:#698a6c55}
.automation-panel .hint-line,.npc-panel .hint-line,.merc-panel .hint-line{margin:10px 13px 9px}.auto-cost{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 12px;margin:10px 12px;background:#14231d;border:1px solid #526248;color:#dac488;font-size:11px}.auto-cost span{color:#a8b8a2;text-align:right;font-size:10px}.filter-title{font-size:9px;letter-spacing:1.5px;color:#9eb49b;margin:14px 13px 8px;font-weight:bold}.loot-filters{padding:0 13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 6px}.loot-filters label{font-size:10px;color:#d6ddc7;display:flex;gap:4px;align-items:center;white-space:nowrap}.loot-filters input{accent-color:#d4b975}.loot-filters .class-filter{grid-column:1/-1;padding-top:3px}.helper-copy{font-size:10px;color:#93ab93;line-height:1.5;display:block;margin:10px 13px}.feature-button{display:block;width:calc(100% - 24px);min-height:36px;margin:11px 12px;border:1px solid #bbad6a;background:linear-gradient(180deg,#d7be7c,#a88a53);color:#19281c;font-size:10px;font-weight:800;letter-spacing:.6px;padding:9px 8px}.feature-button:hover{filter:brightness(1.08)}.feature-button.is-active{border-color:#e78e78;background:linear-gradient(#a45749,#7a3d38);color:#fff0e9}.secondary-feature{background:#36473a;color:#f3d8ae;border-color:#7d795a}.status-label.active-label{color:#9be7aa!important}
.npc-body{padding:8px 12px 12px}.npc-selection{padding:8px 2px;border-bottom:1px solid #4a614d;display:flex;flex-direction:column;gap:5px}.npc-selection strong{font:normal 14px Georgia,serif;color:#eed59d}.npc-selection small{font-size:10px;color:#a9bc9b}.shop-row{padding:8px 2px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;border-bottom:1px solid #31493a;color:#dce4d0}.shop-row span{flex:1;overflow-wrap:anywhere}.shop-row .tiny-btn{flex-shrink:0}.npc-body .hint-line{margin:9px 0}.npc-body .feature-button{margin:11px 0;width:100%}.npc-body .helper-copy{margin:10px 0 0}.quest-summary{padding:11px 0;color:#e7d4ae;font-size:12px;line-height:1.5}.quest-progress{padding:8px;color:#b9d7aa;background:#243a2b;font-size:11px}.npc-body button:disabled{opacity:.6;cursor:not-allowed}
.sell-btn{background:#355740!important;color:#cbe9c4!important;border-color:#597d5f!important;white-space:nowrap}.spell-choice.locked{opacity:.48;filter:grayscale(.55);cursor:not-allowed}.spell-choice.locked .spell-ico{color:#b4aaa2}
@media(max-width:680px){.equipment-grid.paperdoll{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,68px)}.safe-tag{top:60px;left:7px;font-size:8px;padding:4px 6px}.loot-filters{gap:9px 4px}.loot-filters label{font-size:10px}.npc-panel,.automation-panel,.merc-panel{grid-column:1/-1}}
/* Brumária Alfa 0.4 — HUD compacto, janelas e minimapa circular */
.app-shell{max-width:1920px}.app-content{grid-template-columns:minmax(0,1fr) 298px;gap:16px;padding:16px 22px}.topbar{height:65px}.game-toolbar{margin-bottom:9px}.sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}
.character-panel .character-summary{padding:10px 12px 8px}.character-panel .resource-track{margin-bottom:7px}.character-panel .resource-track.slim{margin-bottom:8px}.character-panel .build-stats{margin:6px 0}.character-panel .character-stats>div{padding:6px 0}.character-panel .character-stats strong{font-size:13px}.character-panel .character-stats small{font-size:8px}.character-panel .panel-heading{height:33px}.sidebar .change-character{font-size:10px}
.chat-panel{flex:1;min-height:270px}.chat-panel .chat-messages{height:clamp(185px,30vh,360px)}
.sidebar>.equipment-panel,.sidebar>.automation-panel,.sidebar>.npc-panel,.sidebar>.merc-panel,.sidebar>.pet-panel,.sidebar>.target-panel,.sidebar>.social-panel,.sidebar>.stats-panel,.sidebar>.party-panel,.sidebar>.guild-panel{display:none;position:fixed;z-index:25;right:clamp(8px,4vw,65px);top:75px;bottom:auto;width:min(390px,calc(100vw - 16px));max-height:calc(100dvh - 90px);overflow-y:auto;box-shadow:0 22px 80px #030804e8,0 0 0 1px #c8b27699;background:linear-gradient(150deg,#293b30,#15241d 75%)}
.sidebar>.panel-open{display:block!important}.sidebar>.panel-open .panel-heading:first-child{padding-right:51px}.window-close{position:sticky;float:right;top:3px;z-index:5;width:32px;height:32px;margin:4px 6px -36px 0;background:#445943;border:1px solid #97815d;color:#ffebbc;font-size:19px;line-height:1}.window-close:hover{background:#8b6f48}
.quick-dock{position:absolute;z-index:4;bottom:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:auto;max-width:calc(100% - 25px)}
.quick-dock button{display:flex;gap:5px;align-items:center;justify-content:center;background:#13281fe8;color:#f5e4b9;border:1px solid #a6936ba8;padding:7px 8px;min-width:52px;font-size:12px;box-shadow:0 3px 10px #0009;backdrop-filter:blur(3px)}.quick-dock button:hover,.quick-dock button.active{background:#4b6046;border-color:#ebc97d}.quick-dock button span{font-size:10px}.quick-dock kbd{font-size:8px;border:1px solid #738069;border-radius:3px;padding:1px 3px;color:#d8cf9b}
.controls-hint{bottom:57px;left:12px;transform:none;max-width:calc(100% - 24px);font-size:8px}.canvas-top-right{top:14px;right:185px;max-width:30%}.safe-tag{z-index:3}
.map-orb{position:absolute;top:12px;right:14px;width:158px;height:158px;z-index:3;filter:drop-shadow(0 4px 12px #000a)}.map-orb canvas{width:158px!important;height:158px!important;border-radius:50%;border:3px solid #d1b574;background:#263d34;image-rendering:pixelated;cursor:pointer}.map-orb:after{content:'✛';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff8c6;text-shadow:0 0 4px #000;font-size:15px;pointer-events:none}.orb-action{position:absolute;bottom:0;left:50%;transform:translate(-50%,35%);border-radius:20px;background:#2d4734;color:#f4deb2;border:1px solid #d3ae69;padding:5px 13px;font-size:10px;white-space:nowrap;font-weight:bold}
.npc-bubble{position:absolute;z-index:4;max-width:240px;min-width:130px;padding:9px 11px;background:#f4e3ba;color:#332a20;border:2px solid #8e7446;border-radius:13px;pointer-events:none;box-shadow:0 8px 25px #07120a99;font-size:11px;line-height:1.4;font-weight:600}.npc-bubble[hidden]{display:none}.npc-bubble:after{content:'';position:absolute;bottom:-11px;left:28px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #f4e3ba}
.equipment-grid.paperdoll{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,70px);gap:7px}.paperdoll .slot-ring{grid-column:1;grid-row:1}.paperdoll .slot-pendant{grid-column:3;grid-row:1}.paperdoll .slot-helmet{grid-column:2;grid-row:1}.paperdoll::before,.paperdoll::after{display:none}
.auto-skill-panel{padding:10px 12px 0;border-top:1px solid #53694d}.auto-skill-panel>strong{display:block;color:#e3c783;letter-spacing:.7px;font-size:10px}.auto-skill-check{display:block;padding:9px 0;color:#e3dfcc;font-size:11px}.auto-skill-check input{accent-color:#d4b773}.auto-skill-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}.auto-skill-row label{width:57px;flex-shrink:0;color:#cbb483;font-size:10px}.auto-skill-row select{flex:1;min-width:0;border:1px solid #63735b;background:#17291f;color:#efe5c6;padding:8px;font-size:11px}
.attribute-list{padding:12px}.attribute-row{border:1px solid #4a614c;padding:11px;margin:0 0 9px;background:#192a21}.attribute-row>div{display:flex;justify-content:space-between;align-items:center;gap:7px}.attribute-row strong{font-size:12px;color:#ebddb5}.attribute-row small{display:block;color:#9caf9c;font-size:10px;padding:5px 0 8px;line-height:1.5}.attribute-row button{border:1px solid #c4a66d;background:#354b36;color:#f8e5bb;padding:6px 10px;font-weight:700}.attribute-row button:disabled{opacity:.4}
.group-panel{padding:12px;font-size:12px}.group-panel h3{margin:8px 0;color:#ead6a8;font:16px Georgia,serif}.group-panel p{line-height:1.6;color:#a5bba5;font-size:11px}.group-panel input,.group-panel select{width:100%;background:#13261d;color:#e5e4cb;border:1px solid #607b5b;padding:10px;margin:5px 0 9px;font-size:12px}.group-panel button{background:#395740;color:#f7e6bc;padding:9px 11px;border:1px solid #bea66a;font-size:11px;margin:3px 4px 7px 0}.group-panel button:disabled{opacity:.4}.group-panel .group-member{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #485b49;padding:7px 0}.group-panel .group-member button{font-size:9px;padding:5px}.guild-emblem{display:inline-grid;place-items:center;font-size:24px;width:38px;height:37px;border:1px solid #f2e4bd88;background:#142319;margin-right:7px}.guild-preview{display:flex;align-items:center;gap:6px;margin:10px 0;font-size:13px;color:#f5e5bc}.guild-color-select{display:flex;flex-wrap:wrap;gap:7px}.guild-color-select button{width:27px;height:27px;border:2px solid #dac78d;padding:0;min-width:0}.guild-color-select button.selected{outline:2px solid #f8f3e4;outline-offset:2px}
@media(max-width:940px){.app-content{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:row;gap:8px;align-items:stretch}.sidebar>.character-panel,.sidebar>.chat-panel{flex:1;min-width:0}.sidebar>.change-character{display:none}.chat-panel .chat-messages{height:155px}}
@media(max-width:670px){.app-content{padding:12px 8px}.topbar{height:58px}.sidebar{display:block}.sidebar>.character-panel{margin-bottom:8px}.sidebar>.chat-panel{min-height:140px}.sidebar>.chat-panel .chat-messages{height:90px}.sidebar>.panel-open{right:6px;top:64px;max-height:calc(100dvh - 75px)}.quick-dock{bottom:116px;left:5px;right:5px;max-width:calc(100% - 10px);gap:3px}.quick-dock button{min-width:35px;padding:5px 6px;font-size:13px}.quick-dock button span,.quick-dock button kbd{display:none}.map-orb{width:90px;height:90px;right:8px;top:47px}.map-orb canvas{width:90px!important;height:90px!important;border-width:2px}.orb-action{padding:3px 9px;font-size:8px}.canvas-top-right{top:8px;right:8px;max-width:38%}.npc-bubble{font-size:9px;min-width:100px;max-width:165px}.mobile-controls{bottom:9px}.world-map-button{display:none}.controls-hint{display:none}.game-toolbar{margin-bottom:8px}.game-toolbar h1{font-size:20px}.under-game{padding:7px 2px}.chat-panel{width:100%}.spell-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:390px){.quick-dock{bottom:115px}.quick-dock button{padding:4px 5px}.map-orb{width:80px;height:80px}.map-orb canvas{width:80px!important;height:80px!important}}
/* ===== BRUMÁRIA 0.5 · HUD COMPACTO, CHAT TRANSLÚCIDO E VIAGENS ===== */
.canvas-wrap>.hud-chat{position:absolute;z-index:5;left:12px;bottom:65px;width:clamp(255px,34%,355px);min-height:0;max-height:210px;display:flex;flex-direction:column;background:rgba(10,27,19,.66);backdrop-filter:blur(5px);border:1px solid rgba(209,190,131,.48);box-shadow:0 4px 22px #08160c55}
.canvas-wrap>.hud-chat .panel-heading{height:29px;background:rgba(18,44,29,.40);border-bottom:1px solid #afbc9755;padding:0 9px;font-size:10px}
.canvas-wrap>.hud-chat .panel-heading button{background:none;border:0;color:#eadeb8;font-size:17px;cursor:pointer}
.canvas-wrap>.hud-chat .chat-messages{height:108px;min-height:0;overflow:auto;padding:5px 9px;background:transparent}
.canvas-wrap>.hud-chat .chat-row,.canvas-wrap>.hud-chat .chat-row span{color:#fff1d3;text-shadow:0 1px 3px #001306;font-size:11px}
.canvas-wrap>.hud-chat .chat-row strong{color:#fff3ad}
.canvas-wrap>.hud-chat .chat-form{height:32px;border-top:1px solid #a7ae8655}
.canvas-wrap>.hud-chat .chat-form input{background:rgba(15,27,21,.34);color:#fff7d9;font-size:11px}
.canvas-wrap>.hud-chat .chat-form input::placeholder{color:#e3d6ba}
.canvas-wrap>.hud-chat .chat-form button{width:34px;background:rgba(70,103,74,.60)}
.canvas-wrap>.hud-chat.chat-compact .chat-messages,.canvas-wrap>.hud-chat.chat-compact .chat-form{display:none}
.canvas-wrap>.hud-chat.chat-compact{width:170px}
.character-panel{background:rgba(22,44,32,.74)!important;backdrop-filter:blur(7px);border-color:#8b9d7888}
.character-panel .portrait,.character-panel .build-stats>div{background:rgba(6,21,13,.35)}
.character-panel .character-stats{background:rgba(10,26,17,.32)}
.potion-readout{padding:10px;font-size:10px;text-align:center;color:#f1e2b7;border-top:1px solid #76947577;background:rgba(17,42,24,.25)}
.potion-readout strong{color:#fff1be}
.controls-hint{display:none}
.qty-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0 12px;font-size:11px;color:#d9debc}
.qty-wrap input{width:85px;padding:8px;background:#192a21;border:1px solid #9c9468;color:#fcebc1;font-size:13px}
.merc-list{padding:5px 12px}.merc-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:9px 0;gap:8px;border-bottom:1px solid #4b6550}.merc-row button{background:#374a36;color:#e6d6af;border:1px solid #b3a276;padding:5px}
.atlas-travel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 4px}
.travel-town{background:#263b2e;border:1px solid #7a8769;padding:10px;display:flex;gap:9px;flex-direction:column;justify-content:space-between}
.travel-town strong{font:15px Georgia,serif;color:#f1ddab}.travel-town small{display:block;margin-top:6px;color:#b2c6af;font-size:10px;line-height:1.5}
.travel-town button{border:1px solid #d5b67a;background:#465f46;color:#f7e7b7;padding:8px;font-size:11px;cursor:pointer}
.travel-town button:disabled{opacity:.4;cursor:not-allowed;background:#273529}
.atlas-travel .travel-guide{grid-column:1/-1;color:#ebd5a2;font-weight:bold;margin:4px 0;font-size:11px}
@media(max-width:940px){.canvas-wrap>.hud-chat{width:min(290px,42%);bottom:57px}.sidebar>.character-panel{width:100%}}
@media(max-width:670px){.canvas-wrap>.hud-chat{left:4px;bottom:160px;width:min(250px,68%);max-height:110px;background:rgba(12,31,20,.68)}.canvas-wrap>.hud-chat .chat-messages{height:51px;padding:2px 7px}.canvas-wrap>.hud-chat .chat-row{font-size:9px;line-height:1.1;padding:1px}.canvas-wrap>.hud-chat .chat-form{height:27px}.canvas-wrap>.hud-chat .chat-form input{font-size:10px}.canvas-wrap>.hud-chat.chat-compact{width:142px}.quick-dock{bottom:115px}.atlas-travel{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-town strong{font-size:12px}.travel-town{padding:7px}.travel-town small{font-size:9px}.game-frame .action-bar .action-button{font-size:9px}}
@media(max-width:380px){.canvas-wrap>.hud-chat{width:205px;bottom:150px}.atlas-travel{grid-template-columns:1fr}}
@media(max-width:670px){
  .canvas-wrap>.hud-chat{bottom:176px;max-height:100px;width:min(236px,65%)}
  .canvas-wrap>.hud-chat .chat-messages{height:43px}
  .quick-dock{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100% - 10px);scrollbar-width:thin;scrollbar-color:#a58b61 #1a3122}
  .quick-dock button{flex:0 0 auto}
}


/* ===== BRUMÁRIA 0.5.1 · PERSONAGEM NO HUD INFERIOR DIREITO ===== */
.hud-character{position:absolute;z-index:5;right:12px;bottom:66px;width:clamp(250px,31%,320px);margin:0;background:rgba(10,27,19,.68)!important;backdrop-filter:blur(6px);border:1px solid rgba(209,190,131,.5);box-shadow:0 4px 22px #08160c55;min-height:0;max-height:calc(100% - 92px);overflow:auto}
.hud-character .panel-heading{height:29px;background:rgba(18,44,29,.40);border-bottom:1px solid #afbc9755;padding:0 9px;font-size:10px}
.hud-character .character-summary{padding:10px}
.hud-character .resource-label,.hud-character .resource-track,.hud-character .build-stats,.hud-character .character-stats,.hud-character .potion-readout{margin-left:10px;margin-right:10px}
.hud-character .potion-readout{margin-bottom:10px;border-radius:8px}
.sidebar>.character-panel{display:none}
.canvas-top-right{right:185px}
@media(max-width:940px){.hud-character{width:min(290px,39%)}.canvas-top-right{right:118px}}
@media(max-width:670px){.hud-character{right:4px;bottom:160px;width:min(188px,48%);max-height:170px;background:rgba(12,31,20,.70)!important}.hud-character .character-summary{padding:8px 8px 6px}.hud-character .character-summary h2{font-size:15px}.hud-character .class-label{font-size:10px}.hud-character .level-bubble strong{font-size:18px}.hud-character .portrait{width:40px;height:40px;font-size:18px}.hud-character .resource-label,.hud-character .resource-track,.hud-character .build-stats,.hud-character .character-stats,.hud-character .potion-readout{margin-left:8px;margin-right:8px}.hud-character .build-stats{grid-template-columns:1fr;gap:4px}.hud-character .character-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.hud-character .potion-readout{font-size:9px;line-height:1.35}.canvas-wrap>.hud-chat{left:4px;bottom:160px;width:min(185px,48%)}.canvas-top-right{right:8px;top:8px;max-width:34%}.map-orb{top:44px}}
@media(max-width:380px){.hud-character{width:176px;bottom:150px}.canvas-wrap>.hud-chat{width:170px;bottom:150px}}


/* ===== BRUMÁRIA 0.6 · PAINEL DE PERSONAGEM DENTRO DO JOGO ===== */
.hud-character{position:absolute;z-index:5;left:50%;bottom:66px;transform:translateX(-50%);width:clamp(300px,36%,390px);margin:0;background:rgba(10,27,19,.72)!important;backdrop-filter:blur(6px);border:1px solid rgba(209,190,131,.5);box-shadow:0 4px 22px #08160c55;min-height:0;max-height:calc(100% - 100px);overflow:auto;border-radius:10px}
.hud-character.closed{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(12px) scale(.98)}
.hud-character .panel-heading{height:29px;background:rgba(18,44,29,.40);border-bottom:1px solid #afbc9755;padding:0 9px;font-size:10px}
.hud-character .character-summary{padding:10px}.hud-character .resource-label,.hud-character .resource-track,.hud-character .build-stats,.hud-character .character-stats,.hud-character .potion-readout{margin-left:10px;margin-right:10px}.hud-character .potion-readout{margin-bottom:10px;border-radius:8px}.sidebar>.character-panel{display:none}
.character-hud-toggle{position:absolute;z-index:6;right:10px;top:50%;transform:translateY(-50%);width:52px;height:74px;border-radius:14px;border:1px solid #ccb06a;background:rgba(20,42,30,.86);color:#f6e4b5;box-shadow:0 4px 20px #06130ccc;display:grid;place-items:center;font-size:24px;backdrop-filter:blur(5px)}
.character-hud-toggle:hover{background:rgba(38,66,47,.92)}
.character-hud-toggle .class-mark{display:block;line-height:1}
.canvas-top-right{right:185px}
@media(max-width:940px){.hud-character{width:min(330px,48%)}.canvas-top-right{right:118px}}
@media(max-width:670px){.hud-character{left:50%;bottom:160px;width:min(230px,62%);max-height:176px}.hud-character .character-summary{padding:8px 8px 6px}.hud-character .character-summary h2{font-size:15px}.hud-character .class-label{font-size:10px}.hud-character .level-bubble strong{font-size:18px}.hud-character .portrait{width:40px;height:40px;font-size:18px}.hud-character .resource-label,.hud-character .resource-track,.hud-character .build-stats,.hud-character .character-stats,.hud-character .potion-readout{margin-left:8px;margin-right:8px}.hud-character .build-stats{grid-template-columns:1fr;gap:4px}.hud-character .character-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.hud-character .potion-readout{font-size:9px;line-height:1.35}.character-hud-toggle{right:5px;top:auto;bottom:205px;width:42px;height:58px;font-size:19px}.canvas-top-right{right:8px;top:8px;max-width:34%}.map-orb{top:44px}}
@media(max-width:380px){.hud-character{width:200px;bottom:150px}.character-hud-toggle{bottom:190px}}

/* Brumária 0.6.1 — painel dentro do mapa, alinhado ao canto inferior direito.
   O botão da classe fica ao lado do painel e não rouba o espaço da barra de ações. */
.canvas-wrap>.hud-character{
  left:auto;right:65px;bottom:65px;transform:none;
  width:min(300px,calc(35% - 12px));min-width:255px;
  max-height:calc(100% - 88px);overflow:auto;
  border-radius:9px;background:rgba(12,30,23,.66)!important;
  box-shadow:0 4px 18px #07100a70;
  transition:opacity .16s ease, transform .16s ease, visibility .16s;
}
.canvas-wrap>.hud-character.closed{
  opacity:0;visibility:hidden;pointer-events:none;transform:translateX(12px);
}
.character-hud-toggle{
  position:absolute;top:auto;right:8px;bottom:66px;transform:none;
  height:61px;width:48px;border-radius:10px;z-index:7;
  background:rgba(18,45,31,.85);
}
.character-hud-toggle[aria-expanded="true"]{border-color:#f0d591;background:#38533c}
.canvas-wrap>.hud-character .panel-heading{padding-right:11px}
.sidebar>.mounts-panel{display:none;position:fixed;z-index:25;
  right:clamp(8px,4vw,65px);top:75px;width:min(420px,calc(100vw - 16px));
  max-height:calc(100dvh - 90px);overflow:auto;
  background:linear-gradient(150deg,#293b30,#15241d 75%);
  box-shadow:0 22px 80px #030804e8,0 0 0 1px #c8b27699;
}
.mounts-intro,.mounts-footer{padding:12px 15px;color:#bccdb9;font-size:11px;line-height:1.6}
.mounts-footer{border-top:1px solid #4e604d}
.mounts-footer strong{color:#f4daa0}
.mount-equipped{margin:2px 13px 14px;padding:11px;border:1px solid #99845870;
  background:#1d3526bf;color:#eedcba;font-size:12px}
.mount-collection{display:flex;flex-direction:column;gap:7px;padding:0 13px 15px}
.mount-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:11px;
  border:1px solid #5e745b;background:#16291e;padding:9px;border-radius:8px;min-height:71px}
.mount-card.is-active{border-color:#e1bd72;background:#2c4433}
.mount-icon{display:grid;place-items:center;font-size:26px;width:52px;height:52px;
  background:#30483a;border:1px solid #7c946e;border-radius:8px}
.mount-label strong,.mount-label small{display:block}
.mount-label strong{color:#f5deb2;font-size:13px;margin-bottom:5px}
.mount-label small{color:#acc5a7;font-size:10px;line-height:1.5}
.mount-action{background:#385940;color:#f5e8bc;border:1px solid #b89e68;
  padding:7px 10px;border-radius:5px;font-size:11px;white-space:nowrap}
.mount-action:disabled{opacity:.45;cursor:default}
@media(max-width:940px){.canvas-wrap>.hud-character{right:64px;width:min(300px,40%);min-width:215px}}
@media(max-width:670px){
  .canvas-wrap>.hud-character{left:auto;right:49px;bottom:161px;
    width:min(232px,calc(100% - 103px));min-width:0;
    max-height:min(228px,calc(100% - 175px));transform:none}
  .canvas-wrap>.hud-character.closed{transform:translateX(12px)}
  .character-hud-toggle{top:auto;bottom:161px;right:5px;transform:none;
    width:40px;height:51px;border-radius:8px;font-size:18px}
  .sidebar>.mounts-panel{right:6px;top:64px;max-height:calc(100dvh - 75px)}
  .mount-card{grid-template-columns:42px 1fr auto;gap:7px;padding:8px}
  .mount-icon{height:40px;width:40px;font-size:22px}
  .mount-action{padding:6px 7px}
}
@media(max-width:390px){.canvas-wrap>.hud-character{bottom:150px;right:49px;width:min(215px,calc(100% - 96px));max-height:180px}.character-hud-toggle{bottom:150px}}

/* Brumária 0.7 — alternância de nomes dos drops na tela */
.loot-name-toggle{position:absolute;z-index:6;top:184px;right:16px;display:flex;align-items:center;gap:7px;
 background:rgba(10,28,21,.76);color:#f2e3ba;border:1px solid rgba(209,190,131,.55);border-radius:6px;
 padding:7px 10px;font-weight:bold;font-size:10px;cursor:pointer;backdrop-filter:blur(5px)}
.loot-name-toggle input{accent-color:#dfba65;cursor:pointer}
.summon-readout{padding:6px 10px;margin:0 9px 5px;color:#f2b1c0;font-size:10px;border:1px solid #965b79aa;
 background:rgba(54,18,36,.44);border-radius:5px;text-align:center}
.summon-readout[hidden]{display:none}
@media(max-width:670px){.loot-name-toggle{top:139px;right:7px;font-size:9px;padding:5px 7px}.summon-readout{font-size:9px}}

/* Cinco vocações com nomes legíveis na criação */
.vocation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.vocation[data-vocation="necromancer"]{border-color:#975b7c;background:#3a2234}
.vocation[data-vocation="necromancer"] strong{color:#ee8cab}
@media(max-width:480px){.vocation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== BRUMÁRIA 0.8 · VAMPIRA / ASAS / BAÚ ===== */
.paperdoll .slot-wings{grid-column:2;grid-row:4}
.paperdoll .slot-weapon{grid-column:2;grid-row:3}
.rarity-gold{color:#f1cd61}
.storage-summary{padding:10px 12px;color:#e9d9b2;font-size:12px;border-bottom:1px solid #425647}
.storage-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px 14px}
.storage-col{min-width:0}
.storage-col h3{margin:0 0 8px;color:#ebddb0;font:16px Georgia,serif}
@media(max-width:670px){.storage-columns{grid-template-columns:1fr}.storage-panel{grid-column:1/-1}}

/* Brumária 0.9 — mundos e trocas */
.realm-heading{font:18px Georgia,serif;color:#edcf99;margin:18px 8px 7px}
.realm-hint{color:#b5bca8;padding:0 9px;font-size:11px}
.realm-travel{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px;margin:12px 6px}
.realm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #6d775b;background:#172820;border-radius:9px}
.realm-row.current{border-color:#d1b16c;background:#3a3c2c}
.realm-row strong,.realm-row small{display:block}.realm-row small{font-size:10px;color:#bdbdaa;margin-top:4px}
.realm-row button,.trade-body button{cursor:pointer;color:#f8e9c2;background:#466148;border:1px solid #b69e6e;border-radius:5px;padding:7px 9px;font-size:11px}
.realm-row button:disabled,.trade-body button:disabled{opacity:.45;cursor:default}
.trade-body{padding:12px;display:flex;flex-direction:column;gap:9px}
.trade-body>strong{font:17px Georgia,serif;color:#eed4a0}
.trade-body h3{font-size:12px;color:#e7d2aa;margin:3px 0}
.trade-item-list,.trade-offered{max-height:185px;overflow:auto;background:#0f1d17;border:1px solid #52664d;padding:7px;display:flex;flex-direction:column;gap:6px}
.trade-check{display:flex;align-items:center;gap:7px;color:#e5dec9;font-size:11px}
.trade-check input{accent-color:#d9b671}
.trade-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b5a48;padding:7px 0;gap:10px}
.trade-offered{font-size:11px;color:#e0d0a3}
.tier-special{border-color:#f4b84f!important;box-shadow:inset 0 0 10px #e8a3411c}
/* As novas janelas seguem o sistema compacto dos demais menus da 0.8. */
.sidebar>.trade-panel,.sidebar>.storage-panel{display:none;position:fixed;z-index:25;right:clamp(8px,4vw,65px);top:75px;bottom:auto;width:min(390px,calc(100vw - 16px));max-height:calc(100dvh - 90px);overflow-y:auto;box-shadow:0 22px 80px #030804e8,0 0 0 1px #c8b27699;background:linear-gradient(150deg,#293b30,#15241d 75%)}

/* BRUMÁRIA 0.9.1 · Árvore de pedras, escudos e magia elemental */
.stone-wallet{display:flex;gap:5px;flex-wrap:wrap;padding:10px 13px;border-bottom:1px solid #455747}
.stone-wallet span{display:inline-flex;align-items:center;gap:6px;border:1px solid #71866866;background:#182d24;padding:6px 9px;border-radius:7px;color:#efddb6;font-size:11px}
.stone-wallet b{color:#ffe9a2}.element-tag{margin:9px 13px 0;padding:8px 11px;color:#f1d4a6;border:1px solid #6c7256;background:#172b28;font-weight:700;font-size:12px;border-radius:6px}
.skill-tree{display:flex;flex-direction:column;padding:13px;gap:9px}
.tree-node{border:1px solid #516858;background:linear-gradient(120deg,#1a3127,#1b2727);padding:12px;border-radius:9px;position:relative;display:flex;gap:10px;align-items:center}
.tree-node.done{border-color:#a9bc82;background:linear-gradient(110deg,#274233,#253c32)}
.tree-node.next{border-color:#d1b477;box-shadow:0 0 0 1px #b69a5940}
.tree-node .tree-gem{font-size:26px}.tree-copy{flex:1;min-width:0}.tree-copy strong{display:block;font-size:13px;color:#eee2be}.tree-copy small{display:block;font-size:11px;line-height:1.45;color:#bec9b6;margin-top:3px}.tree-node button{border:1px solid #d5b86b;background:#425b37;color:#ffeac0;font-size:10px;font-weight:bold;padding:8px;border-radius:5px;flex-shrink:0}.tree-node button:disabled{opacity:.38}
.fx-element{font-size:10px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase}

/* ===== BRUMÁRIA 0.9.2 · SKILLS INDIVIDUAIS E COLETA DE JOIAS ===== */
.sidebar>.skill-tree-panel{display:none;position:fixed;z-index:66;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);bottom:auto;width:min(740px,calc(100vw - 20px));max-height:min(90dvh,820px);overflow-y:auto;box-shadow:0 24px 90px #000e,0 0 0 1px #ddc18d;scrollbar-color:#697b63 #192921;background:linear-gradient(135deg,#263f32,#121e1c)}
.sidebar>.skill-tree-panel.panel-open{display:block!important}
.sidebar>.skill-tree-panel .panel-heading:first-child{padding-right:58px}
.skill-tree-backdrop{position:fixed;inset:0;z-index:64;background:#07140dbd;backdrop-filter:blur(3px)}
.skill-tree-backdrop[hidden]{display:none!important}
.skill-tree{padding:12px 14px 20px;gap:13px}
.skill-pick-list{display:flex;flex-wrap:wrap;gap:7px;max-height:110px;overflow-y:auto}
.skill-pick{background:#253e31;color:#e4d7ba;border:1px solid #5c795e;border-radius:7px;font-size:11px;padding:8px 10px;cursor:pointer}
.skill-pick.active{background:#4c654b;border-color:#e1c486;color:#ffedbe}
.skill-socket-ring{position:relative;min-height:415px;width:min(100%,550px);margin:0 auto;display:grid;place-items:center;isolation:isolate}
.skill-socket-ring:before{content:'';position:absolute;width:290px;height:290px;border:2px solid #af95625c;border-radius:50%;box-shadow:inset 0 0 35px #53482d44,0 0 35px #cfb47e12;pointer-events:none;z-index:-1}
.skill-focus{width:170px;min-height:150px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border-radius:50%;border:2px solid #e5c17b;background:radial-gradient(circle at center,#3b5544,#17251f 74%);box-shadow:0 0 24px #b89e4b33;color:#fff0d0}
.skill-focus-icon{font-size:37px}.skill-focus strong{font:600 15px Georgia,serif}.skill-focus small{font-size:10px;color:#bccdad}
.gem-socket{position:absolute;width:112px;min-height:84px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border-radius:12px;border:1px dashed #826d50;background:linear-gradient(135deg,#2d3d32,#1a2822);color:#ecd7ae;cursor:pointer;padding:7px}
.gem-socket:disabled{cursor:default;opacity:.62}.gem-socket.filled{border:2px solid #deb980;background:#3a503c;opacity:1;box-shadow:0 0 12px #bcaa5b55}
.socket-symbol{font-size:25px}.gem-socket>span:nth-child(2){font-weight:700;font-size:12px}.gem-socket small{font-size:9px;color:#b8c7ae}
.gem-chaos{top:0;left:50%;transform:translateX(-50%)}.gem-bless{top:91px;right:4px}.gem-soul{bottom:15px;right:43px}.gem-life{bottom:15px;left:43px}.gem-cleation{top:91px;left:4px}
.skill-socket-info{font-size:11px;line-height:1.55;text-align:center;color:#c7d3c0;padding:7px 18px}
.gem-filter{padding:9px 12px;border-top:1px solid #455f47;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gem-filter label{font-size:10px;color:#efdda9;font-weight:700}.gem-filter select{flex:1;min-width:175px;color:#f4e6c6;background:#15271e;border:1px solid #63765c;padding:8px;font-size:11px}
@media(max-width:600px){.sidebar>.skill-tree-panel{width:calc(100vw - 12px);max-height:95dvh}.skill-socket-ring{min-height:355px}.skill-socket-ring:before{width:232px;height:232px}.skill-focus{width:124px;min-height:124px;padding:9px;font-size:11px}.skill-focus-icon{font-size:30px}.skill-focus strong{font-size:12px}.gem-socket{width:87px;min-height:71px;padding:5px}.socket-symbol{font-size:20px}.gem-socket small{font-size:8px}.gem-bless{top:72px;right:0}.gem-cleation{top:72px;left:0}.gem-soul{right:12px;bottom:6px}.gem-life{left:12px;bottom:6px}.skill-pick-list{max-height:86px}}

.skill-close-action{display:block;width:calc(100% - 28px);margin:0 14px 15px;padding:12px;background:#334b39;border:1px solid #bea06c;border-radius:7px;color:#f4e7c2;font-weight:700;cursor:pointer}
.skill-close-action:hover{background:#4c6045}


/* ===== BRUMÁRIA 0.9.3 · JANELAS SOMENTE DENTRO DO MAPA ===== */
/* A largura antes reservada à barra lateral agora pertence ao mundo jogável. */
.app-content{grid-template-columns:minmax(0,1fr)!important;max-width:1760px;margin-inline:auto}
.sidebar{display:none!important}
.under-game{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.under-game .change-character{margin-left:auto;padding:5px 9px;font-size:10px;border:1px solid #596b51;background:#203329;color:#ead9b4}
/* A camada das janelas ocupa somente a área do canvas, sem afetar o restante da página. */
.canvas-wrap>.skill-tree-backdrop{position:absolute;inset:0;z-index:11;background:rgba(5,16,10,.55);backdrop-filter:blur(2px);cursor:default}
.canvas-wrap>.skill-tree-backdrop[hidden]{display:none!important}
.game-window-host{position:absolute;inset:0;z-index:12;pointer-events:none}
.game-window-host>.game-window{display:none;position:absolute;pointer-events:auto;right:14px;top:50%;left:auto;bottom:auto;transform:translateY(-50%);width:min(440px,calc(100% - 26px));max-height:calc(100% - 34px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#63795f #192b21;border:1px solid rgba(226,196,137,.76);border-radius:11px;background:linear-gradient(145deg,rgba(31,54,41,.97),rgba(13,29,23,.96));box-shadow:0 13px 48px #020704db,0 0 0 1px #e5c48420}
.game-window-host>.game-window.panel-open{display:block!important}
.game-window-host>.game-window .panel-heading:first-of-type{padding-right:52px}
/* A árvore mantém o anel de joias centralizado DENTRO do mapa. */
.game-window-host>.skill-tree-panel{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(740px,calc(100% - 26px));max-height:calc(100% - 22px);border-color:#d8b984}
.game-window-host>.skill-tree-panel .skill-socket-ring{max-width:100%}
.game-window-host>.game-window .window-close{position:sticky;float:right;top:5px;right:5px;z-index:5;width:34px;height:34px;margin:4px 6px -38px 0;border:1px solid #d7c08e;border-radius:7px;color:#f8e7c0;background:#385641;font-size:21px;line-height:1;cursor:pointer}
.game-window-host>.game-window .window-close:hover{background:#7c4d3f}
/* A barra de ações fica clicável para alternar entre as janelas sem precisar fechar. */
.canvas-wrap>.quick-dock{z-index:15}
.canvas-wrap>.character-hud-toggle{z-index:8}
@media(max-width:670px){
  .game-window-host>.game-window{right:6px;left:6px;top:50%;transform:translateY(-50%);width:auto;max-height:calc(100% - 14px);border-radius:8px}
  .game-window-host>.skill-tree-panel{left:6px;right:6px;width:auto;transform:translateY(-50%)}
  .game-window-host>.skill-tree-panel .skill-tree{padding:7px 8px 12px;gap:5px}
  .game-window-host>.skill-tree-panel .skill-socket-ring{min-height:305px}
  .game-window-host>.skill-tree-panel .skill-socket-ring:before{height:205px;width:205px}
  .game-window-host>.skill-tree-panel .gem-socket{min-height:59px;width:81px;padding:3px}
  .game-window-host>.skill-tree-panel .gem-socket .socket-symbol{font-size:17px}
  .game-window-host>.skill-tree-panel .gem-socket small{font-size:8px}
  .game-window-host>.skill-tree-panel .skill-focus{width:110px;min-height:110px;padding:6px}
  .game-window-host>.skill-tree-panel .gem-bless,.game-window-host>.skill-tree-panel .gem-cleation{top:62px}
  .game-window-host>.skill-tree-panel .gem-life,.game-window-host>.skill-tree-panel .gem-soul{bottom:0}
  .game-window-host>.skill-tree-panel .hint-line{margin:6px 10px;font-size:9px}
  .game-window-host>.skill-tree-panel .stone-wallet{padding:5px 8px;gap:3px}
  .game-window-host>.skill-tree-panel .stone-wallet span{padding:3px 5px;font-size:9px}
  .canvas-wrap>.quick-dock{z-index:15}
  .under-game .change-character{margin-left:0}
}
/* Correções de camada: os slots nunca ficam atrás do menu rápido. */
.app-content{width:100%}
.game-window-host{z-index:16}
.canvas-wrap>.quick-dock{z-index:15}


/* ===== BRUMÁRIA 0.9.4 · CORREÇÃO DA TELA DE ENTRADA =====
   A barra rápida pertence apenas à área de jogo, depois do login.
   As camadas da versão 0.9.3 estavam acima da tela de vocações. */
.gate{z-index:1000!important;isolation:isolate}
body.gate-open .app-shell{visibility:hidden;pointer-events:none}
body.gate-open .quick-dock,
body.gate-open .game-window-host,
body.gate-open .hud-chat,
body.gate-open .character-hud-toggle{visibility:hidden!important;pointer-events:none!important}
body:not(.gate-open) .app-shell{visibility:visible}


/* ===== BRUMÁRIA 0.9.5: LOGIN VIVO E HUD NÃO MODAL ===== */
.gate{--gate-accent:#e6b973;z-index:1000!important;padding:24px 24px;isolation:isolate;align-items:safe center;
  background:radial-gradient(ellipse at 30% 40%,color-mix(in srgb,var(--gate-accent) 28%,transparent),transparent 60%),#06130ef2;
  transition:background .4s ease}
.gate[data-vocation="paladin"]{background:radial-gradient(ellipse at 25% 35%,#3a7b4a65,transparent 57%),#071510f4}
.gate[data-vocation="sorcerer"]{background:radial-gradient(ellipse at 25% 35%,#7656a369,transparent 55%),#100b1cf5}
.gate[data-vocation="druid"]{background:radial-gradient(ellipse at 25% 35%,#3a8c8170,transparent 57%),#081e1bf5}
.gate[data-vocation="necromancer"]{background:radial-gradient(ellipse at 25% 35%,#7a2b6c67,transparent 58%),#130918f5}
.gate[data-vocation="vampire"]{background:radial-gradient(ellipse at 25% 35%,#a12f5170,transparent 58%),#1b0a16f5}
.gate .gate-premium{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);max-width:1150px;width:100%;padding:0;
  border:1px solid #ae9b64;background:linear-gradient(145deg,#1f3429,#111e19);box-shadow:0 32px 120px #000e;outline:5px solid #14251d}
.gate-art-panel{position:relative;overflow:hidden;min-height:640px;background:#15281e;border-right:1px solid #8c895e}
.gate-art-panel canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gate-art-top{position:absolute;top:20px;left:22px;right:22px;z-index:1;display:flex;justify-content:space-between;gap:10px;color:#f0dfb5;font-size:10px;letter-spacing:1.5px;text-shadow:0 2px 3px #000}
.gate-art-legend{position:absolute;z-index:1;bottom:136px;left:22px;right:22px;border-top:1px solid #d2bf7759;padding:10px 0;color:#f1dfb6a3;font-size:9px;letter-spacing:1.3px}
.gate-art-info{position:absolute;bottom:18px;left:23px;right:23px;z-index:1;text-align:left}
.gate-art-info small{color:var(--gate-accent);font-size:10px;letter-spacing:2px}
.gate-art-info h3{font:normal 38px Georgia,serif;margin:7px 0 1px;color:#f7e8c3;letter-spacing:2px;text-shadow:0 2px 10px #000}
.gate-art-info p{font-size:13px;line-height:1.5;color:#efdfd0;margin:4px 0;max-width:none;text-align:left}
.gate-content-panel{padding:23px 28px 18px;min-width:0}
.gate-content-panel h2{font-size:40px;letter-spacing:4px;margin:0;color:#f6e3b8}
.gate-content-panel .gate-kicker{margin:0 0 3px;font-size:9px;letter-spacing:2.2px;color:var(--gate-accent)}
.gate-content-panel .gate-subtitle{font-size:10px;margin:0 0 10px;letter-spacing:4px}
.gate-content-panel .gate-intro{font-size:11px;line-height:1.5;margin:0 auto 17px;max-width:460px}
.gate-content-panel .vocation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.gate-content-panel .vocation{padding:7px 2px 6px;gap:3px;min-height:75px}
.gate-content-panel .vocation strong{height:26px;font-size:22px}.gate-content-panel .vocation span{font-size:9px}.gate-content-panel .vocation small{font-size:8px}
.gate .vocation.selected{border-color:var(--gate-accent);background:color-mix(in srgb,var(--gate-accent) 18%,#1b2c23);box-shadow:inset 0 0 0 1px var(--gate-accent)}
.gate-content-panel .choose-label{margin-top:12px;margin-bottom:7px}
.gate-content-panel .form-label{font-size:9px;letter-spacing:1.5px}
.gate-content-panel #nameInput{height:38px}
.gate-class-panel{margin:11px 0 0;background:#07160f91;border:1px solid #526b53;padding:10px 12px;text-align:left}
.gate-class-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#f1e1b9;font-size:11px;letter-spacing:.5px}
.gate-class-heading #gateDifficulty{font-size:9px;color:var(--gate-accent);white-space:nowrap}
.gate-class-panel #gateGameplay{margin:6px 0 6px;max-width:none;font-size:11px;line-height:1.4;text-align:left}
.gate-strengths{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 9px;font-size:9px;color:#a5c9ae}
.gate-strengths span:last-child{color:#e9ac9c}
.gate-power-bars{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
.gate-power-row{display:grid;grid-template-columns:60px 1fr 26px;gap:5px;align-items:center;font-size:9px;color:#c1c8ae}
.gate-power-track{height:7px;background:#172821;border:1px solid #4c644e;overflow:hidden}
.gate-power-fill{height:100%;background:linear-gradient(90deg,#58765c,var(--gate-accent));transition:width .25s}
.gate-power-row strong{text-align:right;font-size:9px;color:#ead5a6}
.gate-build-header{display:flex;justify-content:space-between;gap:7px;align-items:center;margin:12px 0 6px;border-top:1px solid #587058;padding-top:9px;color:#e6d1a1;font-size:10px}
.gate-build-header small{font-size:9px;color:#bac5ae}
.gate-starting-build{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gate-build-stat{display:flex;flex-direction:column;align-items:center;gap:3px;background:#26372c;border:1px solid #5d795e;padding:7px 3px;font-size:9px;color:#d6dec5}
.gate-build-stat strong{font:normal 22px Georgia,serif;color:var(--gate-accent)}
.gate-content-panel .gate-level-hint{display:block;color:#97ac97;font-size:9px;line-height:1.5;margin-top:7px}
.gate-content-panel .enter-button{margin-top:12px;height:42px}
.gate-content-panel .gate-foot{padding-top:8px;font-size:9px}
/* O mapa continua visível e recebe WASD enquanto o painel estiver aberto. */
.canvas-wrap>.skill-tree-backdrop,.canvas-wrap>.skill-tree-backdrop:not([hidden]){display:none!important;pointer-events:none!important;background:none!important;backdrop-filter:none!important}
.game-window-host{pointer-events:none!important;z-index:16}
.game-window-host>.game-window{top:12%;right:14px;bottom:auto;left:auto;transform:none!important;width:min(415px,45%);
  max-height:calc(100% - 112px);background:linear-gradient(145deg,#1b352bdc,#10241ce6);backdrop-filter:blur(5px);box-shadow:0 6px 22px #0008}
.game-window-host>.skill-tree-panel{top:6%;left:auto;right:14px;transform:none!important;width:min(580px,60%);
  max-height:calc(100% - 95px)}
.game-window-host>.game-window.panel-open{pointer-events:auto}
.game-window-host>.game-window .panel-heading:first-of-type{background:#182c23ad}
@media(max-width:950px){
  .gate{padding:15px}
  .gate-art-panel{min-height:590px}
  .gate-content-panel{padding:20px 16px}
  .gate-content-panel h2{font-size:33px}
  .gate-art-info h3{font-size:31px}
  .gate-build-header{flex-wrap:wrap}
}
@media(max-width:680px){
  .gate{padding:10px;align-items:flex-start}
  .gate .gate-premium{display:flex;flex-direction:column;max-width:540px;margin:auto}
  .gate-art-panel{min-height:225px;height:225px;border-right:none;border-bottom:1px solid #9a8765}
  .gate-art-panel canvas{object-fit:cover;object-position:50% 40%}
  .gate-art-top{top:11px;left:12px;right:12px;font-size:9px}
  .gate-art-legend{display:none}
  .gate-art-info{left:15px;right:15px;bottom:10px}
  .gate-art-info h3{font-size:26px;margin:3px 0}
  .gate-art-info p{font-size:10px}
  .gate-content-panel{padding:13px 15px}
  .gate-content-panel h2{font-size:29px}
  .gate-content-panel .gate-intro{font-size:10px;margin-bottom:10px}
  .gate-content-panel .gate-power-bars{gap:5px 10px}
  .gate-content-panel .gate-class-panel{padding:8px}
  .game-window-host>.game-window{right:5px;left:auto;top:12%;width:min(335px,82%);max-height:calc(100% - 155px);transform:none!important}
  .game-window-host>.skill-tree-panel{right:5px;left:auto;top:4%;width:min(415px,91%);max-height:calc(100% - 136px);transform:none!important}
  .game-window-host>.skill-tree-panel .skill-socket-ring{min-height:290px}
}
@media(prefers-reduced-motion:reduce){.gate{transition:none}.gate-power-fill{transition:none}}


/* ===== Brumária 0.9.6 HUD refinado ===== */
.gem-filter,.egg-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 13px;color:#e4d4ad;font-size:10px}
.gem-filter select{min-width:0;flex:1;background:#101b16;color:#efe2bc;border:1px solid #6f664d;padding:7px 8px;font-size:10px}
.egg-filter{justify-content:flex-start;border:1px solid #4d5a45;padding:8px 9px;background:#112019}
.egg-filter input{accent-color:#d6bb76}
.ornate-dock{left:50%;right:auto;transform:translateX(-50%);bottom:16px;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:10px 16px;border:1px solid #7d6a49;background:linear-gradient(180deg,rgba(8,8,8,.92),rgba(34,29,23,.92));box-shadow:0 10px 24px rgba(0,0,0,.48), inset 0 1px 0 rgba(227,202,147,.15);border-radius:10px;max-width:min(calc(100% - 24px),1160px)}
.ornate-dock::before,.ornate-dock::after{content:"";position:sticky;left:0;right:0;pointer-events:none;width:22px;min-width:22px;height:42px;display:block;filter:drop-shadow(0 1px 2px #000)}
.ornate-dock::before{background:radial-gradient(circle at center,#cbad6f 0 18%,transparent 19%), linear-gradient(180deg,#3d3328,#0f0e0b);border:1px solid #8a6f43;border-radius:9px;order:-1}
.ornate-dock::after{background:radial-gradient(circle at center,#6a93cb 0 18%,transparent 19%), linear-gradient(180deg,#3d3328,#0f0e0b);border:1px solid #8a6f43;border-radius:9px}
.ornate-dock button{position:relative;gap:6px;min-width:70px;padding:8px 10px;background:linear-gradient(180deg,#2d2923,#12130f);border:1px solid #746246;border-radius:6px;color:#f1ddaf;box-shadow:inset 0 1px 0 rgba(255,239,198,.09),0 2px 8px rgba(0,0,0,.35)}
.ornate-dock button:hover,.ornate-dock button.active{background:linear-gradient(180deg,#4c4538,#1d1a15);border-color:#d2b36e;color:#fff3ce}
.ornate-dock button span{font-size:10px;letter-spacing:.3px}
.ornate-dock button kbd{background:#161712;border-color:#7a6847;color:#d7c796}
.ornate-action-bar{position:relative;background:linear-gradient(180deg,#0f100e,#29231c 34%,#171613);border-top:1px solid #7b6544;box-shadow:inset 0 1px 0 rgba(255,239,198,.12)}
.ornate-action-bar::before,.ornate-action-bar::after{content:"";position:absolute;top:8px;bottom:8px;width:48px;border:1px solid rgba(184,149,95,.35);background:radial-gradient(circle at center,rgba(194,48,58,.45) 0 26%,rgba(66,20,26,.32) 27%,transparent 50%), linear-gradient(180deg,rgba(59,54,49,.55),rgba(12,12,10,.15));border-radius:50px}
.ornate-action-bar::before{left:10px}
.ornate-action-bar::after{right:10px;background:radial-gradient(circle at center,rgba(72,124,191,.45) 0 26%,rgba(20,39,71,.32) 27%,transparent 50%), linear-gradient(180deg,rgba(59,54,49,.55),rgba(12,12,10,.15))}
.ornate-action-bar .action-description{margin-left:58px}
.ornate-action-bar .actions{margin-right:58px;gap:8px}
.ornate-action-bar .action-button{background:linear-gradient(180deg,#3a3328,#161511);border:1px solid #736041;border-radius:6px;color:#f2e6c2}
.ornate-action-bar .action-button.arcane{background:linear-gradient(180deg,#322c3b,#191722);border-color:#71638b}
.ornate-action-bar .action-button.potion{background:linear-gradient(180deg,#2d3d31,#141b15);border-color:#617762}
@media(max-width:670px){.ornate-dock{left:5px;right:5px;transform:none;bottom:115px;padding:8px 8px;gap:4px}.ornate-dock::before,.ornate-dock::after{display:none}.ornate-dock button{min-width:42px;padding:6px 7px}.ornate-action-bar::before,.ornate-action-bar::after{display:none}.ornate-action-bar .action-description,.ornate-action-bar .actions{margin:0}}

/* ===== BRUMÁRIA 0.9.7 · HUD ORNAMENTADO CLÁSSICO ===== */
body.gate-open .battle-hud{visibility:hidden!important;pointer-events:none!important}

.canvas-wrap{padding-bottom:150px}
.canvas-wrap>.battle-hud{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);z-index:14;display:flex;align-items:flex-end;justify-content:center;gap:14px;width:min(calc(100% - 22px),1150px);pointer-events:none}
.hud-left-pack,.hud-right-pack{display:flex;align-items:flex-end;gap:10px;pointer-events:none}
.hud-coordinate-box{pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:78px;height:60px;padding:6px 10px;border-radius:10px;border:1px solid #7f6841;background:linear-gradient(180deg,#14100d,#2c241c 48%,#100e0b);box-shadow:0 8px 20px rgba(0,0,0,.45),inset 0 1px 0 rgba(240,218,166,.15);color:#f0dfb5}
.hud-coordinate-box small{font-size:9px;letter-spacing:1.8px;color:#b3a584}.hud-coordinate-box strong{font-size:15px;letter-spacing:1px}
.hud-orb{pointer-events:auto;position:relative;width:96px;height:96px;border-radius:50%;border:2px solid #7e6946;box-shadow:0 0 0 3px rgba(0,0,0,.38),0 8px 22px rgba(0,0,0,.52),inset 0 2px 6px rgba(255,255,255,.08);overflow:hidden}
.hud-orb::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(240,230,202,.18)}
.hp-orb{background:radial-gradient(circle at 35% 30%,#f7a8a8 0,#d43b45 30%,#791118 62%,#220607 100%)}
.mana-orb{background:radial-gradient(circle at 35% 30%,#abd4ff 0,#4f91e3 30%,#1f3771 62%,#07101f 100%)}
.orb-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff7e8;text-shadow:0 2px 3px rgba(0,0,0,.55)}
.orb-core .orb-icon{font-size:14px;opacity:.85}.orb-core strong{font-size:26px;line-height:1}.orb-core small{font-size:10px;letter-spacing:2px;margin-top:4px}
.hud-center-pack{pointer-events:auto;flex:1;max-width:760px;display:flex;flex-direction:column;gap:6px}
.hud-xp-bar{position:relative;height:18px;border-radius:999px;border:1px solid #7f6841;background:linear-gradient(180deg,#18140f,#2d251a);overflow:hidden;box-shadow:0 5px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(240,218,166,.18)}
.hud-xp-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#947220,#e6c35a,#f5e8a0)}
.hud-xp-bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1.2px;color:#fff2c8;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.hud-center-frame{display:grid;grid-template-columns:148px 1fr 86px;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid #8b7043;background:linear-gradient(180deg,rgba(11,9,8,.97),rgba(42,34,25,.97) 44%,rgba(17,14,11,.97));box-shadow:0 10px 25px rgba(0,0,0,.48),inset 0 1px 0 rgba(240,218,166,.17)}
.hud-center-frame::before,.hud-center-frame::after{content:"";position:absolute}
.hud-utility-left{display:flex;align-items:center;gap:8px;justify-content:flex-start}
.hud-tool{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;border:1px solid #7d6641;background:linear-gradient(180deg,#2e2720,#14110f);color:#f3e0b5;font-size:20px;box-shadow:inset 0 1px 0 rgba(255,245,217,.08),0 3px 10px rgba(0,0,0,.35)}
.hud-tool:hover,.hud-tool.active{background:linear-gradient(180deg,#5a4d3d,#1c1813);border-color:#dfbd73}
.hud-tree-tool{width:58px;height:58px;border-radius:14px;font-size:28px;background:linear-gradient(180deg,#332a1f,#17130d)}
.hud-skill-stage{display:flex;flex-direction:column;align-items:center;gap:7px}
.hud-skill-caption{font-size:10px;letter-spacing:2.8px;color:#cfbf95}
.hud-current-skill{display:flex;align-items:center;gap:10px;justify-content:center;width:min(100%,380px);min-height:56px;padding:8px 14px;border-radius:12px;border:1px solid #8a7148;background:linear-gradient(180deg,#1a1713,#30281e 60%,#15120f);box-shadow:inset 0 1px 0 rgba(255,244,214,.1),0 4px 12px rgba(0,0,0,.32);color:#fff4d0}
.hud-current-skill .skill-glyph{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:linear-gradient(180deg,#3c3046,#1e1a2b);border:1px solid #7d7092;font-size:22px}
.hud-current-skill .skill-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hud-current-skill strong{font-size:18px;font-family:Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.hud-current-skill small{font-size:10px;letter-spacing:1px;color:#c8b995}
.hud-quick-slots{display:flex;gap:8px;justify-content:center;width:100%}
.hud-slot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:118px;padding:8px 10px;border-radius:10px;border:1px solid #7a6643;background:linear-gradient(180deg,#29241c,#13110d);color:#f2dfb4;box-shadow:0 3px 10px rgba(0,0,0,.28)}
.hud-slot kbd{font:normal 10px Trebuchet MS,Arial,sans-serif;border:1px solid #8f7b57;background:#1d1c18;color:#eedbaf;padding:3px 5px;border-radius:4px}.hud-slot span{font-size:12px;letter-spacing:.4px}.hud-slot strong{font-size:16px;color:#fff6d8}
.hud-slot-health strong{color:#b8f19e}.hud-slot-mana strong{color:#acc8ff}.hud-slot-pickup strong{color:#e9dd96}
.quick-dock{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:14px!important;display:flex;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;max-width:min(calc(100% - 24px),1120px);padding:10px 14px;border:1px solid #7f6741;background:linear-gradient(180deg,rgba(8,8,8,.95),rgba(33,27,20,.95));border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,244,214,.12);scrollbar-width:thin;scrollbar-color:#9d865b #231d17}
.quick-dock button{flex:0 0 auto;min-width:44px;padding:8px 10px;border-radius:8px;background:linear-gradient(180deg,#2b251f,#110f0d);border:1px solid #765f3d;color:#f0ddb1;box-shadow:0 2px 8px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,239,202,.08)}
.quick-dock button span,.quick-dock button kbd{display:none!important}
.quick-dock button:hover,.quick-dock button.active{background:linear-gradient(180deg,#564938,#1c1813);border-color:#e0be73;color:#fff3d0}
.controls-hint,.action-bar,.spell-deck{display:none!important}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.help-grid div{padding:10px;border:1px solid #405343;background:#122118}.help-grid strong{display:block;color:#f0ddb0;font-size:12px;margin-bottom:4px}.help-grid small{color:#c5cfbf;font-size:11px;line-height:1.3}

@media(max-width:940px){
  .canvas-wrap{padding-bottom:172px}
  .canvas-wrap>.battle-hud{width:min(calc(100% - 14px),920px);gap:8px;bottom:74px}
  .hud-orb{width:82px;height:82px}.orb-core strong{font-size:22px}
  .hud-center-frame{grid-template-columns:132px 1fr 74px;padding:10px}.hud-slot{min-width:104px}
  .hud-current-skill strong{max-width:180px;font-size:16px}
}
@media(max-width:670px){
  .canvas-wrap{padding-bottom:208px}
  .canvas-wrap>.battle-hud{left:6px;right:6px;bottom:110px;transform:none;width:auto;gap:6px;align-items:stretch}
  .hud-left-pack,.hud-right-pack{display:none}
  .hud-center-pack{max-width:none;width:100%}
  .hud-xp-bar{height:16px}
  .hud-center-frame{grid-template-columns:108px 1fr 54px;gap:6px;padding:8px 8px;border-radius:12px}
  .hud-tool{width:32px;height:32px;font-size:15px}.hud-tree-tool{width:44px;height:44px;font-size:20px}
  .hud-current-skill{min-height:46px;padding:7px 8px;gap:7px}.hud-current-skill .skill-glyph{width:32px;height:32px;font-size:18px}
  .hud-current-skill strong{font-size:13px;max-width:110px}.hud-current-skill small{font-size:8px}
  .hud-slot{min-width:0;padding:6px 7px;gap:4px}.hud-slot span{font-size:10px}.hud-slot strong{font-size:12px}.hud-slot kbd{padding:2px 3px;font-size:8px}
  .quick-dock{bottom:56px!important;left:6px!important;right:6px!important;transform:none;max-width:none;padding:8px 8px;gap:4px}
  .quick-dock button{min-width:36px;padding:6px 7px;font-size:13px}
  .help-grid{grid-template-columns:1fr}
}

/* ===== BRUMÁRIA 0.9.8 · HUD LIMPO E BARRA INFERIOR CONTÍNUA ===== */
.canvas-wrap{padding-bottom:132px}
.canvas-wrap>.battle-hud{bottom:86px;width:min(calc(100% - 28px),1180px);gap:10px}
.hud-center-pack{max-width:none;width:100%}
.hud-center-frame{grid-template-columns:120px 1fr 74px;gap:8px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(12,11,10,.95),rgba(33,28,22,.95) 52%,rgba(15,13,11,.95));}
.hud-utility-left{gap:6px}
.hud-tool{width:38px;height:38px;font-size:18px;border-radius:8px}
.hud-tree-tool{width:50px;height:50px;font-size:24px;border-radius:12px}
.hud-current-skill{width:min(100%,520px);min-height:52px;padding:8px 12px}
.hud-current-skill strong{max-width:360px;font-size:17px}
.hud-current-skill .skill-glyph{width:36px;height:36px}
.hud-quick-slots{gap:6px}
.hud-slot{min-width:104px;padding:7px 8px;border-radius:9px}
.hud-slot span{font-size:11px}.hud-slot strong{font-size:15px}
.quick-dock,.ornate-dock{left:14px!important;right:14px!important;transform:none!important;bottom:14px!important;max-width:none!important;width:auto!important;border-radius:10px;padding:8px 10px;gap:6px;justify-content:space-between;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap!important;background:linear-gradient(180deg,rgba(10,10,10,.96),rgba(28,24,19,.96));border:1px solid #7c6540;box-shadow:0 8px 22px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,241,204,.08)}
.quick-dock::before,.quick-dock::after,.ornate-dock::before,.ornate-dock::after{display:none!important;content:none!important}
.quick-dock button,.ornate-dock button{flex:1 1 0;min-width:46px;max-width:none;padding:9px 8px;border-radius:7px;background:linear-gradient(180deg,#24201a,#120f0c);border:1px solid #6f5b3b;color:#ecd9ab;font-size:16px}
.quick-dock button:hover,.quick-dock button.active,.ornate-dock button:hover,.ornate-dock button.active{background:linear-gradient(180deg,#4e4335,#1a1712);border-color:#ddb86b;color:#fff0cb}
.quick-dock button span,.quick-dock button kbd,.ornate-dock button span,.ornate-dock button kbd{display:none!important}
.controls-hint,.action-bar,.spell-deck{display:none!important}
@media(max-width:940px){
  .canvas-wrap{padding-bottom:144px}
  .canvas-wrap>.battle-hud{bottom:92px;width:calc(100% - 18px)}
  .quick-dock,.ornate-dock{left:9px!important;right:9px!important;bottom:10px!important;padding:7px 7px;gap:5px}
  .quick-dock button,.ornate-dock button{min-width:42px;padding:8px 6px;font-size:15px}
}
@media(max-width:670px){
  .canvas-wrap{padding-bottom:182px}
  .canvas-wrap>.battle-hud{left:6px;right:6px;bottom:68px;transform:none;width:auto;gap:6px}
  .hud-center-frame{grid-template-columns:98px 1fr 48px;gap:6px;padding:7px 8px}
  .hud-tool{width:30px;height:30px;font-size:14px}.hud-tree-tool{width:40px;height:40px;font-size:18px}
  .hud-current-skill{min-height:44px;padding:6px 8px}.hud-current-skill .skill-glyph{width:30px;height:30px;font-size:16px}.hud-current-skill strong{font-size:12px;max-width:120px}.hud-current-skill small{font-size:8px}
  .hud-slot{min-width:0;padding:6px 6px;gap:4px}.hud-slot span{font-size:9px}.hud-slot strong{font-size:11px}
  .quick-dock,.ornate-dock{left:4px!important;right:4px!important;bottom:4px!important;padding:6px 6px;gap:4px}
  .quick-dock button,.ornate-dock button{min-width:34px;padding:6px 4px;font-size:13px;flex:1 0 auto}
}


/* ===== BRUMÁRIA 0.9.9 · AJUSTE DE CHAT E BOTÃO LATERAL ===== */
.canvas-wrap>.hud-character{left:auto!important;right:12px!important;top:12px!important;bottom:auto!important;transform:none!important;width:min(320px,31%)!important;max-height:245px!important;z-index:7!important}
.canvas-wrap>.hud-character.closed{opacity:0!important;pointer-events:none!important;transform:translateX(14px)!important}
.canvas-wrap>.hud-chat{left:auto!important;right:12px!important;top:auto!important;bottom:66px!important;width:min(300px,30%)!important;max-height:170px!important;z-index:6!important}
.canvas-wrap>.hud-chat .chat-messages{height:86px!important}
.canvas-wrap>.hud-chat.chat-compact{width:168px!important}
.canvas-wrap>.character-hud-toggle{top:12px!important;right:12px!important;bottom:auto!important;transform:none!important;width:42px!important;height:42px!important;border-radius:10px!important;font-size:18px!important;z-index:8!important}
.canvas-wrap>.hud-character:not(.closed)+.character-hud-toggle{opacity:0!important;pointer-events:none!important}
@media(max-width:940px){.canvas-wrap>.hud-character{width:min(300px,37%)!important;max-height:225px!important}.canvas-wrap>.hud-chat{width:min(280px,34%)!important;max-height:160px!important}}
@media(max-width:670px){.canvas-wrap>.hud-character{right:48px!important;top:auto!important;bottom:160px!important;width:min(210px,58%)!important;max-height:180px!important}.canvas-wrap>.hud-character.closed{transform:translateX(10px)!important}.canvas-wrap>.character-hud-toggle{right:5px!important;top:auto!important;bottom:160px!important;width:38px!important;height:54px!important;border-radius:12px!important}.canvas-wrap>.hud-chat{right:4px!important;left:auto!important;bottom:4px!important;width:min(230px,68%)!important;max-height:106px!important}.canvas-wrap>.hud-chat .chat-messages{height:44px!important}}
@media(max-width:390px){.canvas-wrap>.hud-character{width:min(190px,calc(100% - 92px))!important;bottom:150px!important}.canvas-wrap>.character-hud-toggle{bottom:150px!important}.canvas-wrap>.hud-chat{width:190px!important}}


/* ===== BRUMÁRIA 0.9.10 · CHAT À ESQUERDA E FECHO DO PERSONAGEM ===== */
.panel-heading-actions{display:flex;align-items:center;gap:8px}.mini-close{width:22px;height:22px;border-radius:6px;border:1px solid #b89e67;background:rgba(17,25,18,.72);color:#f4e3ba;font-size:12px;line-height:1;display:grid;place-items:center}.mini-close:hover{background:rgba(58,71,52,.92)}
.canvas-wrap>.hud-chat{left:12px!important;right:auto!important;bottom:66px!important;top:auto!important;width:min(300px,30%)!important;max-height:172px!important;z-index:6!important}.canvas-wrap>.hud-chat .chat-messages{height:88px!important}.canvas-wrap>.hud-chat.chat-compact{width:168px!important}
.canvas-wrap>.hud-character{left:auto!important;right:12px!important;top:12px!important;bottom:auto!important;transform:none!important;width:min(320px,31%)!important;max-height:255px!important;z-index:7!important}.canvas-wrap>.hud-character.closed{opacity:0!important;pointer-events:none!important;transform:translateX(14px)!important}
.canvas-wrap>.character-hud-toggle{top:12px!important;right:12px!important;bottom:auto!important;transform:none!important;width:42px!important;height:42px!important;border-radius:10px!important;font-size:18px!important;z-index:8!important}.canvas-wrap>.hud-character:not(.closed)+.character-hud-toggle{opacity:0!important;pointer-events:none!important}
@media(max-width:940px){.canvas-wrap>.hud-chat{width:min(285px,35%)!important}.canvas-wrap>.hud-character{width:min(300px,39%)!important;max-height:230px!important}}
@media(max-width:670px){.canvas-wrap>.hud-chat{left:4px!important;right:auto!important;bottom:4px!important;width:min(230px,68%)!important;max-height:108px!important}.canvas-wrap>.hud-chat .chat-messages{height:46px!important}.canvas-wrap>.hud-character{right:48px!important;top:auto!important;bottom:160px!important;width:min(210px,58%)!important;max-height:182px!important}.canvas-wrap>.hud-character.closed{transform:translateX(10px)!important}.canvas-wrap>.character-hud-toggle{right:5px!important;top:auto!important;bottom:160px!important;width:38px!important;height:54px!important;border-radius:12px!important}}
@media(max-width:390px){.canvas-wrap>.hud-chat{width:190px!important}.canvas-wrap>.hud-character{width:min(190px,calc(100% - 92px))!important;bottom:150px!important}.canvas-wrap>.character-hud-toggle{bottom:150px!important}}


/* ===== BRUMÁRIA 0.9.12 · CORREÇÃO DA POSIÇÃO DO CHAT ===== */
.canvas-wrap>.hud-chat{left:12px!important;right:auto!important;bottom:176px!important;top:auto!important;width:min(300px,30%)!important;max-height:168px!important;z-index:6!important}
.canvas-wrap>.hud-chat .chat-messages{height:84px!important}
@media(max-width:1100px){.canvas-wrap>.hud-chat{bottom:170px!important;width:min(280px,33%)!important;max-height:158px!important}.canvas-wrap>.hud-chat .chat-messages{height:76px!important}}
@media(max-width:940px){.canvas-wrap>.hud-chat{bottom:164px!important;width:min(260px,34%)!important;max-height:150px!important}.canvas-wrap>.hud-chat .chat-messages{height:70px!important}.canvas-wrap>.hud-character{width:min(300px,39%)!important;max-height:230px!important}}
@media(max-width:670px){.canvas-wrap>.hud-chat{left:4px!important;right:auto!important;bottom:4px!important;width:min(230px,68%)!important;max-height:108px!important}.canvas-wrap>.hud-chat .chat-messages{height:46px!important}}
@media(max-width:390px){.canvas-wrap>.hud-chat{width:190px!important}}


/* ===== BRUMÁRIA 0.9.13 · CONTAS E PERSONAGENS ===== */
#authGate[hidden],#accountRoster[hidden],#joinForm[hidden],#claimLegacyBtn[hidden]{display:none!important}
.auth-gate{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(ellipse at 50% 35%,#2f4a35 0,#0b1a16 70%);overflow:auto}
.auth-card{width:min(100%,440px);padding:32px 32px 25px;border:1px solid #b69a64;background:linear-gradient(155deg,#21382b,#111f19 70%);box-shadow:0 24px 100px #000b,inset 0 1px 0 #b5ae7140;color:#eadfc5}
.auth-symbol{text-align:center;font-size:35px;color:#ddbb70}.auth-overline{text-align:center;letter-spacing:3px;font-size:9px;color:#adbc9d;margin:9px 0 0}
.auth-card h2{font:normal clamp(35px,6vw,49px) Georgia,serif;text-align:center;color:#f3e5bd;letter-spacing:4px;margin:6px 0 9px}
.auth-card p{text-align:center;font-size:12px;color:#b7c7b4;line-height:1.7;margin:0 0 18px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.auth-tabs button{background:#152a20;color:#bdcdb7;border:1px solid #567358;padding:11px;font-size:11px;letter-spacing:1.6px}
.auth-tabs button.selected{background:#3a4935;color:#f2dea6;border-color:#c9ab68}
#authForm{display:flex;flex-direction:column;gap:8px}#authForm label{font-size:10px;letter-spacing:1.6px;color:#dbca99;margin-top:5px}
#authForm input{width:100%;height:42px;padding:0 12px;border:1px solid #59705a;background:#0d1c14;color:#f3e7ca;outline:none;border-radius:0}
#authForm input:focus{border-color:#d8ba78}#authForm .enter-button{margin-top:12px;width:100%}
.auth-foot{border-top:1px solid #4a6350;margin-top:18px;padding-top:13px;font-size:10px;color:#9cb199;text-align:center;line-height:1.5}
.account-roster{padding:6px 0 10px}.account-roster-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:17px}
.account-roster-title small{font-size:9px;color:#aabca8;letter-spacing:1.5px}.account-roster-title h3{font:normal 21px Georgia,serif;color:#efdfb7;margin:5px 0 0}
.account-small-button{background:#182b20;color:#e5d4a9;border:1px solid #82906c;padding:9px 10px;font-size:10px}
.account-small-button:hover{background:#334633}.account-roster-heading{display:flex;justify-content:space-between;color:#dfcb95;letter-spacing:1.4px;font-size:10px;border-bottom:1px solid #5b7259;padding:8px 0}
.account-character-list{display:grid;gap:9px;padding:11px 0 15px}.account-character{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;background:#203429;border:1px solid #65765d;padding:11px 10px;color:#dfdec4;text-align:left;width:100%}
.account-character:hover{border-color:#edc983;background:#35483a}.account-character-icon{font-size:24px;color:#efcc91;text-align:center}.account-character strong{display:block;font:normal 17px Georgia,serif;color:#f8e4c5}
.account-character small{font-size:10px;color:#a9c3a9;display:block;margin-top:4px}.account-character .enter-arrow{font-size:21px;color:#e2c380}
.account-empty{border:1px dashed #63775e;padding:19px 10px;text-align:center;color:#bfcbb3;font-size:12px;line-height:1.5}
.account-roster>.enter-button{display:block;width:100%;margin:10px 0}.account-roster>#claimLegacyBtn{width:100%;margin:4px 0 9px}.account-note{color:#9db49d;font-size:10px;line-height:1.4;margin-top:8px}
#backToRoster{display:block;width:100%;margin:0 0 11px;text-align:center}.gate-content-panel .gate-foot{font-size:9px}
@media(max-width:670px){.auth-gate{align-items:flex-start;padding:15px}.auth-card{margin:auto;padding:22px 19px}.account-roster-title h3{font-size:18px}.account-character{padding:9px 8px}}

.gate[data-screen="roster"] .gate-art-panel #gateHeroCanvas{display:block}
.gate[data-screen="roster"] .gate-art-panel #appearancePreviewCanvas,
.gate[data-screen="roster"]  #appearancePreviewControls{display:none}

.gate[data-screen="create"] .gate-art-info,
.gate[data-screen="create"] .gate-art-legend{display:none}

/* Brumária 0.9.17 - PvP livre, duelos e Guild vs Guild */
.pvp-body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px;color:#dfd7b6;font-size:12px}
.pvp-body h3{font:700 15px Georgia,serif;color:#f0ce8e;margin:12px 0 2px}
.pvp-status{background:#351d23;border:1px solid #9d4651;border-radius:8px;padding:10px;color:#f2bec0;font-weight:700}
.pvp-row,.pvp-war{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid #5e4b39;background:#15231b;border-radius:7px;padding:7px}
.pvp-row span,.pvp-war div{flex:1 1 135px}
.pvp-row button,.pvp-war button,.pvp-body>button{background:#473626;border:1px solid #a37f4b;color:#ffe3ae;padding:6px 9px;border-radius:5px}
.pvp-row button:disabled{opacity:.35;cursor:not-allowed}
.pvp-body input{width:100%;background:#102018;color:#f0debc;border:1px solid #8f7957;padding:9px}

/* Brumária 0.9.18 — Humor de combate automático */
.auto-mood-panel{display:flex;flex-direction:column;gap:8px;margin:12px 13px;padding:12px;border-radius:10px;background:rgba(11,27,20,.8);border:1px solid #6c6545}
.auto-mood-panel label strong{font-size:11px;letter-spacing:1.4px;color:#f2dca9}
.auto-mood-panel select{width:100%;min-height:39px;background:#0f1d17;color:#f5dfaa;border:1px solid #8f7749;border-radius:6px;padding:9px 10px;font-size:12px}
.auto-mood-panel small{line-height:1.55}.auto-mood-panel .auto-mood-warning{color:#eeb5a9;font-size:10px}

/* Brumária 0.9.19 — novos sistemas do mundo vivo */
.expansion-content{padding:12px 13px 18px;display:flex;flex-direction:column;gap:9px;color:#e9dfc8}
.expansion-content h3{font:700 16px Georgia,serif;color:#efd295;margin:15px 0 4px;padding-bottom:6px;border-bottom:1px solid #574d3a}
.expansion-content .hint-line{margin:0 0 8px;color:#c4ccb8;font-size:11px;line-height:1.5}
.expansion-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:linear-gradient(150deg,#14251c,#1e261d);border:1px solid #4d654e;border-radius:9px;min-width:0}
.expansion-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.expansion-row strong{font-size:12px;color:#f3e0a7;overflow-wrap:anywhere}
.expansion-row small{font-size:10px;line-height:1.4;color:#b4c6b1;overflow-wrap:anywhere}
.expansion-row>button{background:#443725;color:#f6e4b8;border:1px solid #aa8752;padding:8px 10px;border-radius:7px;white-space:nowrap;font-size:11px;min-height:36px;cursor:pointer}
.expansion-row>button:hover:not(:disabled){background:#625035;border-color:#e7c17c}
.expansion-row>button:disabled{opacity:.45;cursor:not-allowed}
.expansion-row>input[type=number]{width:82px;max-width:25%;height:36px;background:#101c15;color:#eee1b6;border:1px solid #786843;border-radius:7px;padding:6px;font-size:12px}
.game-window.adventures-panel,.game-window.forge-panel,.game-window.market-panel{max-height:calc(100% - 28px);min-width:min(440px,96%);overflow-y:auto;scrollbar-color:#877351 #1e2b22}
/* Bosses and treasure announce more distinctly without covering characters. */
.game-toast{max-width:min(580px,88%)}
@media (max-width:670px){
  .canvas-wrap{touch-action:manipulation}
  .game-frame>.mobile-controls{position:relative;pointer-events:auto;bottom:auto!important;left:auto!important;right:auto!important;min-height:154px;padding:10px 12px;border-top:1px solid #756b48;background:#101f18}
  .dpad{width:134px;height:134px}
  .dpad button{width:43px;height:43px;border-radius:11px;background:rgba(15,33,25,.88);border:2px solid #b5a675;color:#fff2c0;font-size:19px;box-shadow:0 2px 9px #07150b99}
  .dpad .up{left:45px;top:0}.dpad .left{left:0;top:45px}.dpad .down{left:45px;bottom:0}.dpad .right{right:0;top:45px}
  .dpad .up-left{left:0;top:0}.dpad .up-right{right:0;top:0}
  .dpad .down-left{left:0;bottom:0}.dpad .down-right{right:0;bottom:0}
  .mobile-action{grid-template-columns:repeat(2,48px);gap:8px}
  .mobile-button{height:48px;min-width:48px;border-radius:14px;border-width:2px;background:rgba(18,42,27,.91);box-shadow:0 2px 10px #06120888}
  .mobile-button.attack-button{width:65px;height:62px}
  .expansion-content{padding:8px;gap:7px}.expansion-row{flex-wrap:wrap}.expansion-row>button{flex:0 0 auto}
  .game-window.adventures-panel,.game-window.forge-panel,.game-window.market-panel{min-width:0;width:min(98%,420px);max-height:calc(100% - 12px)}
}

/* Brumária 0.9.19.1 — feedback de recuperação gráfica */
.canvas-wrap>.terrain-error{position:absolute;z-index:13;left:50%;top:35%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 36px));padding:16px 18px;border:1px solid #d4ae65;border-radius:10px;background:rgba(22,38,30,.95);color:#ffebba;box-shadow:0 12px 45px #000a;text-align:center;font:12px/1.5 Trebuchet MS,Arial,sans-serif}
.canvas-wrap>.terrain-error[hidden]{display:none!important}
.terrain-error p{margin:0 0 12px}
.terrain-error button{padding:10px 15px;background:#39563f;color:#ffebba;border:1px solid #cdb477;cursor:pointer}

/* Brumária 0.9.21 — botão de trilha e efeitos, fora da área de movimento. */
.canvas-wrap>.audio-toggle{position:absolute;z-index:9;top:105px;left:16px;padding:8px 11px;border:1px solid #b6a276a8;background:#10271fdb;color:#f9dfaa;font:700 11px Trebuchet MS,Arial,sans-serif;border-radius:5px;box-shadow:0 2px 13px #0007;cursor:pointer;touch-action:manipulation}
.canvas-wrap>.audio-toggle:hover,.canvas-wrap>.audio-toggle:focus-visible{background:#294c35;outline:1px solid #dac188}
.canvas-wrap>.audio-toggle[aria-pressed="true"]{color:#b7e9c9;border-color:#90cc9e}
@media(max-width:670px){.canvas-wrap>.audio-toggle{top:77px;left:7px;padding:6px 8px;font-size:9px;max-width:115px}}

/* Brumária 0.9.21.1 — Barra de magia recolhível [F8].
   Os orbes de vida e mana e o menu inferior não são afetados. */
.hud-center-pack{position:relative}
.hud-center-details{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}
.hud-center-details[hidden]{display:none!important}
.hud-visibility-toggle{position:absolute;right:9px;top:-29px;z-index:2;pointer-events:auto;
  padding:5px 10px;min-height:25px;border:1px solid #92794e;border-radius:8px;
  background:linear-gradient(180deg,rgba(43,36,27,.97),rgba(18,16,13,.97));
  color:#f4d9a5;font:700 10px Trebuchet MS,Arial,sans-serif;letter-spacing:.3px;
  cursor:pointer;touch-action:manipulation;box-shadow:0 3px 12px #0008}
.hud-visibility-toggle:hover,.hud-visibility-toggle:focus-visible{border-color:#e6c47f;background:#473923;outline:2px solid #c9a564;outline-offset:1px}
.canvas-wrap>.battle-hud.hud-minimized .hud-center-pack{flex:0 0 auto!important;width:auto!important;max-width:none!important;align-items:center;justify-content:flex-end}
.canvas-wrap>.battle-hud.hud-minimized .hud-visibility-toggle{position:static;display:block;min-width:116px;transform:none;margin:0 0 4px 0;padding:8px 12px;white-space:nowrap}
@media(max-width:670px){
 .canvas-wrap>.battle-hud.hud-minimized{justify-content:center;align-items:flex-end}
 .canvas-wrap>.battle-hud.hud-minimized .hud-center-pack{width:auto!important}
 .hud-visibility-toggle{top:-27px;right:1px;min-height:25px;padding:5px 7px;font-size:9px}
 .canvas-wrap>.battle-hud.hud-minimized .hud-visibility-toggle{min-width:104px;margin-bottom:2px;font-size:10px}
}


/* ===== BRUMÁRIA 0.9.22 · PAISAGEM FANTASY NA TELA INICIAL ===== */
.auth-gate{background:
  radial-gradient(circle at 20% 25%,rgba(246,218,141,.14),transparent 26%),
  linear-gradient(135deg,rgba(5,13,12,.96),rgba(8,21,18,.88) 45%,rgba(7,15,12,.96));}
.auth-scene{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:0;width:min(1320px,100%);min-height:min(92dvh,860px);border:1px solid rgba(207,181,117,.72);background:rgba(10,23,19,.72);box-shadow:0 30px 120px rgba(0,0,0,.48),0 0 0 1px rgba(244,223,177,.06) inset;overflow:hidden;backdrop-filter:blur(8px)}
.auth-landscape{position:relative;min-height:680px;background:
  linear-gradient(180deg,rgba(6,14,14,.15),rgba(4,9,9,.4) 70%,rgba(5,10,9,.75)),
  url('auth-world-map.jpg') center center/cover no-repeat;border-right:1px solid rgba(207,181,117,.45)}
.auth-landscape::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,245,196,.18),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%,transparent 78%,rgba(0,0,0,.22));pointer-events:none}
.auth-landscape-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,19,17,.15),transparent 35%,transparent 70%,rgba(7,13,12,.5));pointer-events:none}
.auth-landscape-top{position:absolute;left:28px;top:26px;max-width:min(72%,430px);z-index:1}
.auth-landscape-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(228,200,127,.6);background:rgba(12,29,24,.76);color:#f0ddb0;font-size:10px;letter-spacing:2px;font-weight:bold;text-transform:uppercase}
.auth-landscape-copy{margin-top:18px;padding:18px 20px;background:linear-gradient(180deg,rgba(8,18,16,.76),rgba(11,24,20,.56));border:1px solid rgba(224,191,110,.26);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.auth-landscape-copy small{display:block;color:#d4b46d;font-size:10px;letter-spacing:2px;margin-bottom:8px}
.auth-landscape-copy h3{margin:0 0 10px;font:normal clamp(28px,3vw,42px) Georgia,serif;line-height:1.05;color:#f5e7c2;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.auth-landscape-copy p{margin:0;color:#e1e5d7;font-size:13px;line-height:1.7;max-width:350px}
.auth-map-pins{position:absolute;inset:0;z-index:1;font-size:10px;font-weight:bold;letter-spacing:1.2px;text-transform:uppercase;color:#f6e4b7;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.95)}
.auth-pin{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(245,217,154,.66);background:rgba(11,27,22,.72);box-shadow:0 5px 16px rgba(0,0,0,.26)}
.auth-pin::before{content:'◆';color:#f3d489;font-size:11px}
.pin-castle{left:45%;top:45%}.pin-snow{left:10%;top:17%}.pin-forest{right:7%;top:33%}.pin-ruins{right:5%;top:49%}.pin-port{right:7%;bottom:21%}.pin-volcano{right:19%;bottom:14%}
.auth-landscape-bottom{position:absolute;left:24px;right:24px;bottom:22px;z-index:1}
.auth-region-strip{display:flex;flex-wrap:wrap;gap:10px}
.auth-region-strip span{padding:8px 12px;border:1px solid rgba(220,192,124,.5);background:rgba(7,18,15,.68);color:#eed8a6;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}
.auth-card{width:auto;max-width:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:38px 34px 30px;border:none;background:linear-gradient(180deg,rgba(21,35,28,.92),rgba(11,21,17,.94));box-shadow:inset 1px 0 0 rgba(255,255,255,.03);position:relative}
.auth-card::before{content:'';position:absolute;inset:18px;border:1px solid rgba(205,177,104,.18);pointer-events:none}
.auth-card>*{position:relative;z-index:1}
.auth-card p{max-width:unset}
.auth-overline{color:#cfb26f}.auth-foot{margin-top:18px}
.gate::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(180deg,rgba(3,8,8,.46),rgba(4,11,9,.8)),
  url('auth-world-map.jpg') center center/cover no-repeat;opacity:.22}
.gate .gate-premium{box-shadow:0 28px 95px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.03) inset}
.gate-art-panel{background:
  linear-gradient(180deg,rgba(7,13,13,.08),rgba(10,18,16,.58) 60%,rgba(5,10,8,.85)),
  url('auth-world-map.jpg') center center/cover no-repeat}
.gate-art-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,243,191,.13),transparent 23%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%,transparent 74%,rgba(0,0,0,.36));z-index:0;pointer-events:none}
.gate-art-panel canvas,.gate-art-top,.gate-art-info,.gate-art-legend, #appearancePreviewControls{z-index:1}
.gate-content-panel{background:linear-gradient(180deg,rgba(23,36,29,.98),rgba(17,29,23,.98))}
@media(max-width:1100px){.auth-scene{grid-template-columns:minmax(0,1fr) minmax(330px,.86fr)}.auth-landscape-top{max-width:min(78%,400px)}.auth-pin{font-size:9px;padding:5px 8px}}
@media(max-width:860px){.auth-gate{padding:12px}.auth-scene{grid-template-columns:1fr;max-width:640px;min-height:0}.auth-landscape{min-height:320px;border-right:none;border-bottom:1px solid rgba(207,181,117,.45)}.auth-landscape-top{left:16px;top:14px;max-width:82%}.auth-landscape-copy{padding:14px 15px}.auth-landscape-copy h3{font-size:28px}.auth-map-pins{font-size:8px}.auth-pin{padding:4px 7px}.auth-card{padding:24px 20px 22px}.auth-card::before{inset:12px}.auth-region-strip{gap:8px}.auth-region-strip span{padding:6px 8px;font-size:9px}}
@media(max-width:560px){.auth-landscape{min-height:260px;background-position:center 35%}.auth-landscape-top{max-width:calc(100% - 26px)}.auth-landscape-copy p{font-size:11px;line-height:1.55;max-width:none}.auth-map-pins{display:none}.auth-landscape-bottom{left:14px;right:14px;bottom:14px}.auth-region-strip span{font-size:8px;letter-spacing:1.2px}.gate::before{opacity:.17}.gate-art-panel{background-position:center 38%}}

/* Brumária 0.9.25 — distribuição automática de pontos */
.auto-stats-panel{margin:13px 10px;padding:13px 12px 12px;border:1px solid rgba(210,184,113,.60);border-radius:9px;background:linear-gradient(145deg,rgba(35,57,42,.95),rgba(15,34,27,.94));display:flex;flex-direction:column;gap:9px;color:#e8dfbd;font-size:11px}
.auto-stats-panel>strong{color:#f5d88e;letter-spacing:1px;font-size:12px}
.auto-stats-panel select,.auto-stats-panel input[type=number]{box-sizing:border-box;min-height:34px;background:#101f19;border:1px solid #75866c;border-radius:5px;color:#f4e6bf;padding:6px 8px;max-width:100%}
.auto-stats-panel select{width:100%}
.auto-stats-checkbox{display:flex;align-items:center;gap:8px;color:#f5dfaa;font-size:11px;line-height:1.4}
.auto-stats-checkbox input{accent-color:#dfc174;flex:none}
.auto-stats-grid:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.auto-stats-grid label{display:flex;flex-direction:column;gap:5px;color:#e2d3ad;font-size:11px}
.auto-stats-grid input{width:100%}
.auto-stats-panel .helper-copy{margin:0!important;font-size:10px;line-height:1.5;color:#b9ceba}
.auto-stats-warning{font-size:10px;line-height:1.5;color:#dbc69e}
.auto-stats-panel .feature-button{margin-top:3px;min-height:37px;font-size:10px;white-space:normal}
@media(max-width:560px){.auto-stats-panel{margin:10px 6px;padding:11px}.auto-stats-grid:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.9.26 — inteligência dos servos do Necromancer */
.summon-ai-panel{margin:13px 10px;padding:12px 13px;border:1px solid #956a8d;background:linear-gradient(145deg,#322036,#1c1929);border-radius:9px;display:flex;flex-direction:column;gap:9px;color:#eddbed}
.summon-ai-panel[hidden]{display:none!important}
.summon-ai-panel>strong{font-size:12px;color:#f0bedf;letter-spacing:1px}
.summon-ai-panel label{font-weight:bold;font-size:11px;color:#e6c5e5}
.summon-ai-panel select{max-width:100%;width:100%;padding:10px 7px;color:#f6e9ee;background:#231b2a;border:1px solid #956a8d;border-radius:6px;font-size:11px;cursor:pointer}
.summon-ai-panel .helper-copy{margin:0;color:#ccb7cb;font-size:10px;line-height:1.5}

/* Celular: o cenário preenche o viewport; controles e menus são sobreposições. */
body.mobile-play{height:100dvh;overflow:hidden;overscroll-behavior:none}
body.mobile-play .app-shell{position:fixed;inset:0;max-width:none;min-height:0;height:100dvh;margin:0;padding:0}
body.mobile-play .app-content,body.mobile-play .game-area,body.mobile-play .game-frame{display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;box-shadow:none;border-radius:0}
body.mobile-play .canvas-wrap{position:relative;width:100%;height:100%;aspect-ratio:auto!important;padding:0!important;margin:0;overflow:hidden;border:0;border-radius:0;touch-action:auto}
body.mobile-play #gameCanvas{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto!important;touch-action:none}
body.mobile-play .topbar,body.mobile-play .game-toolbar,body.mobile-play .under-game,body.mobile-play .footer,body.mobile-play .sidebar,
body.mobile-play .action-bar,body.mobile-play .spell-deck,body.mobile-play .battle-hud,body.mobile-play .quick-dock,
body.mobile-play .canvas-top-left,body.mobile-play .loot-name-toggle,body.mobile-play .map-orb,body.mobile-play .canvas-top-right,
body.mobile-play .safe-tag,body.mobile-play .controls-hint,body.mobile-play .audio-toggle,body.mobile-play .character-hud-toggle{display:none!important}
body.mobile-play .canvas-wrap>.mobile-controls{display:block;position:absolute;inset:0;min-height:0;padding:0;background:none;border:0;pointer-events:none;z-index:15;user-select:none;-webkit-user-select:none}
body.mobile-play .mobile-controls button{pointer-events:auto;touch-action:manipulation;display:grid;place-items:center;padding:0;min-width:0;border:1px solid #f4edd15c;border-radius:50%;background:#091a192e;color:#fff7df;box-shadow:0 2px 7px #0003;text-shadow:0 1px 3px #000;font-size:24px;font-weight:normal}
body.mobile-play .mobile-controls button:active{background:#e8d8b34d}
body.mobile-play .mobile-nav{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));display:grid;grid-template-columns:repeat(3,44px);gap:8px}
body.mobile-play .mobile-nav button{width:44px;height:44px;font-size:23px}
body.mobile-play .mobile-status{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:min(148px,calc(100vw - 184px));display:grid;gap:5px;color:#fff9e3;text-shadow:0 1px 3px #000;font-size:11px}
body.mobile-play .mobile-status>span{font-size:12px;font-weight:bold}
body.mobile-play .mobile-resource{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;border:1px solid #eee2c454;height:17px;line-height:15px;text-align:center;background:#07130e40;font-size:10px}
body.mobile-play .mobile-resource:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--fill,0%);background:#c43d4fc2}
body.mobile-play .mobile-resource.mana:before{background:#397ed5c2}
body.mobile-play .mobile-joystick{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));width:124px;height:124px;display:grid;place-items:center;border-radius:50%;border:1px solid #f4efd967;background:radial-gradient(circle,#d3dbc00a 35%,#eff5df19);box-shadow:inset 0 0 18px #e4e3cb0a;pointer-events:auto;touch-action:none}
body.mobile-play .joystick-cross{position:absolute;font-size:99px;color:#fffbe21c;line-height:1;pointer-events:none}
body.mobile-play .joystick-knob{width:52px;height:52px;border-radius:50%;border:1px solid #fff9dd8a;background:radial-gradient(circle at 35% 30%,#ecedd753,#a1b4a02e);box-shadow:0 3px 12px #0003;pointer-events:none}
body.mobile-play .mobile-joystick.engaged{border-color:#fff4b6b3;background:#a5caa526}
body.mobile-play .mobile-actions{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:124px}
body.mobile-play .mobile-actions{width:144px}
body.mobile-play .mobile-actions #mobileSkillsToggle{border-radius:15px;font-size:11px;height:30px;width:84px}
body.mobile-play #mobileSpell{width:70px;height:70px;position:relative;margin-right:2px;border-color:#dfbafa8c;background:#31204935}
body.mobile-play #mobileSpell>span{font-size:31px}
body.mobile-play #mobileSpellName{position:absolute;right:0;bottom:-12px;width:150px;max-width:calc(100vw - 160px);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;pointer-events:none}
body.mobile-play .mobile-action-row{display:flex;gap:9px}
body.mobile-play .mobile-action-row button{width:42px;height:44px;align-content:center}
body.mobile-play #mobilePickup{font-size:22px;gap:0}
body.mobile-play #mobilePickup small{font-size:8px;line-height:10px;color:#ece5d0}
body.mobile-play #mobileAttack{font-size:20px;gap:0;align-content:center}
body.mobile-play #mobileAttack small{font-size:8px;line-height:10px;color:#ddd}
body.mobile-play #mobileAttack[aria-pressed=true]{border-color:#d5e9ac9c}
body.mobile-play #mobileAttack[aria-pressed=true] small{color:#dcffc6}
body.mobile-play #mobilePotion{color:#ffd5d6;font-size:26px}
body.mobile-play .mobile-sheet{position:absolute;top:calc(116px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));left:calc(12px + env(safe-area-inset-left));max-width:420px;max-height:calc(100% - 146px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-left:auto;overflow:auto;overscroll-behavior:contain;pointer-events:auto;background:#10231fea;border:1px solid #dfcfac66;border-radius:18px;padding:12px;backdrop-filter:blur(6px);touch-action:pan-y}
body.mobile-play .mobile-sheet[hidden]{display:none!important}
body.mobile-play .mobile-sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:sticky;top:-12px;background:#10231ff5;z-index:1;padding:4px 0}
body.mobile-play .mobile-sheet header button{width:44px;height:44px}
body.mobile-play #mobileMenuItems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.mobile-play #mobileMenuItems button{font-size:11px;border-radius:12px;padding:10px 5px;min-height:44px;background:#e9efd00a;overflow-wrap:anywhere}
body.mobile-play #mobileSpellList{display:flex;flex-direction:column;gap:8px}
body.mobile-play #mobileSpellList button{border-radius:12px;min-height:46px;font-size:12px;padding:8px;background:#e9efd00a}
body.mobile-play #mobileSpellList button.selected{border-color:#edd498;background:#d3ad6e26}
body.mobile-play .game-window-host>.game-window{top:calc(116px + env(safe-area-inset-top))!important;right:12px!important;left:auto!important;bottom:auto!important;width:calc(100% - 24px)!important;min-width:0!important;max-width:440px;max-height:calc(100% - 146px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;transform:none!important;touch-action:pan-y;z-index:1}
body.mobile-play .game-window-host>.game-window .window-close{width:44px;height:44px;margin-bottom:-48px}
body.mobile-play .canvas-wrap>.hud-chat{display:none!important}
body.mobile-play.mobile-chat-open .canvas-wrap>.hud-chat{display:block!important;left:12px!important;right:12px!important;top:116px!important;bottom:auto!important;width:calc(100% - 24px)!important;max-height:50%!important;z-index:16!important;background:#10231fea;touch-action:pan-y}
body.mobile-play.mobile-chat-open .canvas-wrap>.hud-chat .chat-messages{height:120px!important;max-height:24dvh}
body.mobile-play.mobile-chat-open #toggleChat{min-width:44px;min-height:44px}
body.mobile-play .canvas-wrap>.hud-character{display:none!important}
body.mobile-play.mobile-profile-open .canvas-wrap>.hud-character{display:block!important;left:12px!important;right:12px!important;top:116px!important;bottom:auto!important;width:calc(100% - 24px)!important;max-height:calc(100% - 140px)!important;overflow:auto;z-index:16!important;touch-action:pan-y}
body.mobile-play.mobile-ui-open .mobile-joystick,body.mobile-play.mobile-ui-open .mobile-actions,
body.mobile-play.mobile-profile-open .mobile-joystick,body.mobile-play.mobile-profile-open .mobile-actions{visibility:hidden;pointer-events:none}
body.mobile-play .game-toast{top:calc(120px + env(safe-area-inset-top));bottom:auto!important;left:50%;max-width:calc(100% - 40px);font-size:11px;padding:9px 13px;pointer-events:none;z-index:18}
body.mobile-play .atlas-window{max-height:calc(100dvh - 16px);overflow:auto;touch-action:pan-y}
body.mobile-play input,body.mobile-play select,body.mobile-play textarea{font-size:16px!important}
body.mobile-play .mobile-auto-options{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #e2d3ae3d;font-size:12px}
body.mobile-play .mobile-auto-options .auto-skill-check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}
body.mobile-play .mobile-auto-options input{width:20px;height:20px;accent-color:#d4b773}
body.mobile-play #mobileAutoSequence .auto-skill-row{display:flex;gap:8px;margin:6px 0;align-items:center}
body.mobile-play #mobileAutoSequence select{width:100%;min-width:0;min-height:44px;color:#fff0cf;background:#182d26;border:1px solid #c8b58960;border-radius:8px;padding:8px 5px;touch-action:manipulation}
body.mobile-play .mobile-auto-options p{line-height:1.5;color:#bccdbc;font-size:11px}
body.mobile-play .mobile-controls .mobile-full-auto-options{width:100%;border-radius:12px;min-height:44px;font-size:12px}
body.mobile-play .mobile-manual-skill-label{display:block;margin-bottom:10px;font-size:12px;color:#dfd0b2}
.mount-card .mount-art{width:72px;height:68px;flex:none;image-rendering:pixelated}
.actions{flex-wrap:wrap;justify-content:flex-end}
.flight-button[aria-pressed=true]{border-color:#d5e9ac;background:linear-gradient(#42654c,#263e31)}
.canvas-wrap>.flight-button{position:absolute;z-index:9;top:148px;left:16px;min-height:42px;border-radius:8px;background:#142d24b8;touch-action:manipulation}
body.gate-open .canvas-wrap>.flight-button,body.mobile-play #flightBtn{display:none!important}
body.mobile-play .mobile-controls .mobile-flight{position:absolute;left:calc(54px + env(safe-area-inset-left));bottom:calc(164px + env(safe-area-inset-bottom));width:50px;height:50px;font-size:23px;align-content:center;gap:0;border-color:#d5e9ac7d}
body.mobile-play .mobile-flight small{font-size:9px;line-height:11px;text-transform:uppercase}
body.mobile-play .mobile-flight[aria-pressed=true]{background:#425f333d;border-color:#e6ffd7ac}
body.mobile-play .mobile-flight[hidden]{display:none!important}
body.mobile-play.mobile-ui-open .mobile-flight,body.mobile-play.mobile-profile-open .mobile-flight{visibility:hidden;pointer-events:none}
@media(max-height:520px){
 body.mobile-play .mobile-nav{grid-template-columns:repeat(5,44px)}
 body.mobile-play .mobile-sheet,body.mobile-play .game-window-host>.game-window{top:66px!important;max-height:calc(100% - 82px - env(safe-area-inset-bottom))!important}
 body.mobile-play #mobileMenuItems{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.mobile-play .mobile-joystick{width:108px;height:108px;bottom:calc(14px + env(safe-area-inset-bottom));left:calc(18px + env(safe-area-inset-left))}
 body.mobile-play .mobile-actions{bottom:calc(14px + env(safe-area-inset-bottom));gap:8px}
 body.mobile-play .mobile-controls .mobile-flight{left:calc(47px + env(safe-area-inset-left));bottom:calc(140px + env(safe-area-inset-bottom))}
 body.mobile-play #mobileSpell{width:60px;height:60px}
 body.mobile-play.mobile-chat-open .canvas-wrap>.hud-chat,body.mobile-play.mobile-profile-open .canvas-wrap>.hud-character{top:66px!important;max-height:calc(100% - 82px)!important}
}
/* Ranking geral e prévia da aparência salva de cada personagem. */
.royal-crown{width:29px;height:29px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 2px #0008)}
.quick-dock .royal-crown{width:26px;height:26px}
.game-window-host>.ranking-panel{width:min(700px,calc(100% - 26px))}
.ranking-panel .panel-heading>span{display:flex;align-items:center;gap:7px;color:#f1d591}
.ranking-hint{margin:8px 14px 12px;color:#c4cfb9;font-size:11px;line-height:1.5}
.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;padding:0 14px}
.ranking-list-area{min-width:0;max-height:380px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#9a8251 #192b21}
.ranking-status{font-size:11px;color:#d7c79f;padding:4px 0 10px}
.ranking-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;color:#e8e1cb}
.ranking-table th{text-align:left;position:sticky;top:0;background:#172b23;padding:10px 4px;font-size:10px;color:#baa976;z-index:1}
.ranking-table th:first-child{width:26px}.ranking-table th:nth-child(3){width:42px}.ranking-table th:last-child{width:84px}
.ranking-table td{padding:5px 4px;border-bottom:1px solid #b9c39120;overflow-wrap:anywhere}
.ranking-table tr.selected{background:#edcf6c1a}.ranking-table tr.ranking-own{box-shadow:inset 3px 0 #93bf83}
.ranking-table tbody tr:hover{background:#edcf6c26}
.ranking-place{font-weight:bold;color:#d6b86e}
.ranking-table .ranking-medal{color:#fff0a7}
.ranking-name{display:block;text-align:left;width:100%;min-height:36px;color:#f9eacb;background:none;border:0;font:inherit;cursor:pointer;padding:3px 0;overflow-wrap:anywhere}
.ranking-name:focus-visible{outline:2px solid #eccb7d;outline-offset:2px;border-radius:3px}
.ranking-preview{align-self:start;position:sticky;top:0;text-align:center;min-width:0;border:1px solid #cdaa6044;border-radius:10px;background:radial-gradient(ellipse at 50% 66%,#63715335,#10231b);padding:9px 6px}
.ranking-preview canvas{display:block;width:100%;max-width:170px;height:auto;margin:auto;image-rendering:pixelated}
.ranking-preview strong{display:block;color:#f2dca1;font-size:13px;overflow-wrap:anywhere}
.ranking-preview span{display:block;color:#b4c8ae;font-size:11px;line-height:1.5;margin-top:6px}
.ranking-footer{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#d5ccab}
.ranking-footer>div{display:flex;gap:6px;align-items:center}.ranking-footer button{min-height:36px;width:34px;color:#ebd49d;border:1px solid #bca16566;border-radius:6px;background:#cdb57810;font-size:19px;cursor:pointer}
.ranking-footer button:disabled{opacity:.35;cursor:default}
body.mobile-play #mobileChat{grid-column:2}body.mobile-play #mobileMenuToggle{grid-column:3}
body.mobile-play .ranking-layout{grid-template-columns:minmax(0,1fr);gap:8px;padding:0 10px}
body.mobile-play .ranking-preview{grid-row:1;position:static;display:flex;align-items:center;text-align:left;padding:0 8px;min-height:116px}
body.mobile-play .ranking-preview canvas{flex:none;width:106px;height:115px;margin:0 4px 0 0}
body.mobile-play .ranking-list-area{max-height:230px}
body.mobile-play .ranking-table{font-size:11px}body.mobile-play .ranking-table th:last-child{width:77px}body.mobile-play .ranking-table th:nth-child(3){width:34px}
body.mobile-play .ranking-hint{margin:6px 10px 8px}
body.mobile-play .ranking-footer{padding:10px;font-size:10px}body.mobile-play .ranking-footer button{width:32px;min-height:44px}
@media(max-height:520px){body.mobile-play #mobileChat,body.mobile-play #mobileMenuToggle{grid-column:auto}body.mobile-play .ranking-layout{grid-template-columns:minmax(0,1fr) 140px}body.mobile-play .ranking-preview{grid-row:auto;display:block;padding:4px}body.mobile-play .ranking-preview canvas{width:106px;margin:auto}body.mobile-play .ranking-list-area{max-height:140px}}

/* Barra de combate compacta: skill e atalhos na mesma linha. */
.hud-center-details{gap:5px}
.hud-xp-bar{height:12px}.hud-xp-bar span{font-size:9px;letter-spacing:.6px}
.hud-center-frame{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:7px 10px;border-radius:10px;background:linear-gradient(180deg,#0c0b0ad9,#211c16d9)}
.hud-utility-left{gap:5px}
.hud-tool,.hud-tree-tool{width:32px;height:32px;font-size:18px;border-radius:7px}
.hud-skill-stage{flex-direction:row;align-items:center;justify-content:center;gap:10px;min-width:0}
.hud-current-skill{flex:none;width:38px;height:38px;min-height:38px;padding:0;gap:0;border-radius:8px;justify-content:center}
.hud-current-skill .skill-glyph{width:30px;height:30px;font-size:22px;border:0;background:none;box-shadow:none}
.hud-current-skill:focus-visible{outline:2px solid #e6c47f;outline-offset:2px}
.hud-quick-slots{width:auto;gap:5px;min-width:0}
.hud-slot{min-width:90px;min-height:34px;padding:5px 6px;gap:5px;border-radius:7px}
.hud-slot span{font-size:10px}.hud-slot strong{font-size:13px}.hud-slot kbd{font-size:9px;padding:2px 3px}
@media(max-width:1100px){
 .hud-center-frame{gap:6px;padding:6px}.hud-skill-stage{gap:6px}.hud-utility-left{gap:4px}
 .hud-tool,.hud-tree-tool{width:28px;height:28px;font-size:16px}
 .hud-slot{min-width:0;gap:4px;padding:5px}.hud-slot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .hud-slot strong{font-size:12px}.hud-current-skill{width:36px;height:36px;min-height:36px}
}

/* Árvore de cartas: ramos de metal antigo e três estágios por classe. */
.game-window-host>.class-cards-panel{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)!important;width:min(940px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:linear-gradient(130deg,#171619f5,#111012f5);border-color:#9b795b}
.game-window-host>.class-cards-panel .panel-heading:first-of-type{background:linear-gradient(#3e171a,#1b1213);color:#eccb96;border-bottom:1px solid #876a4d}
.class-cards-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;color:#c9b997;font-size:11px}
.class-cards-toolbar label{display:flex;align-items:center;gap:8px;min-width:0}.class-cards-toolbar select{width:240px;max-width:100%;min-height:34px;color:#e8d3ae;background:#19171c;border:1px solid #655343;border-radius:5px;padding:4px;font-size:11px}
.class-cards-status{padding:0 12px 10px;font-size:11px;line-height:1.5;color:#ac9a84}
.class-cards-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:12px;padding:0 12px;align-items:start}
.class-cards-scroll{min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#7d6250 #121114;touch-action:pan-x pan-y;border:1px solid #65514080;border-radius:7px}
.class-cards-tree{position:relative;width:100%;min-width:600px;aspect-ratio:800/660;background:radial-gradient(ellipse at 50% 30%,#73333810,transparent 38%),linear-gradient(90deg,#0b0c0e,#19181b 49%,#0b0c0e);isolation:isolate}
.class-cards-tree::after{content:'';position:absolute;inset:8px;border:1px solid #77634635;box-shadow:0 0 0 3px #08090a70;pointer-events:none;border-radius:5px}
.class-card-branches{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.class-card-branches path{fill:none;stroke:#514632;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 2px 1px #000);opacity:.8}
.class-card-branches path.connected{stroke:var(--branch-color);stroke-width:4;filter:drop-shadow(0 0 5px var(--branch-color));opacity:.72}
.class-card-stage{position:absolute;left:50%;transform:translate(-50%,-50%);color:var(--card-color);font:10px Georgia,serif;letter-spacing:1.5px;white-space:nowrap;z-index:2;text-shadow:0 2px 3px #000}
.class-card-node{position:absolute;transform:translate(-50%,-50%);z-index:3;padding:3px;border:2px solid #806647;border-radius:8px 8px 5px 5px;background:linear-gradient(135deg,#2b242680,#090a0eee);box-shadow:inset 0 0 0 2px #000,0 3px 8px #000b;cursor:pointer;color:#d1c0a2;overflow:visible;transition:border-color .15s,box-shadow .15s}
.class-card-node::before{content:attr(data-role);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font:10px Georgia,serif;color:var(--card-color)}
.class-card-node::after{content:'';position:absolute;inset:-4px}
.class-card-node .class-card-gem{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:23px;height:23px;font:17px/23px Georgia,serif;color:var(--card-color);background:radial-gradient(ellipse,var(--card-color),#16131b 61%);border-radius:50%;text-shadow:0 0 8px var(--card-color);filter:drop-shadow(0 0 4px var(--card-color));z-index:2}
.class-card-portrait{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:0}
.class-card-symbol{position:absolute;left:0;right:0;top:32%;font-size:20px;color:var(--card-color);opacity:.3;text-align:center;pointer-events:none;text-shadow:0 0 8px #000}
.class-card-count{position:absolute;bottom:2px;left:2px;right:2px;background:#070709b8;border-radius:3px;font:bold 9px/16px Trebuchet MS,sans-serif;color:#a6957e;text-align:center}
.class-card-node.skill,.class-card-node.extra{border-color:#ac4e57;box-shadow:inset 0 0 0 2px #000,0 0 10px #ad354337}
.class-card-node.elite{border-width:3px;border-color:#a4874e}
.class-card-node.installed{border-color:var(--card-color);box-shadow:inset 0 0 0 2px #000,0 0 14px color-mix(in srgb,var(--card-color) 40%,transparent)}
.class-card-node.installed .class-card-portrait{opacity:1}.class-card-node.installed .class-card-symbol{top:auto;bottom:17px;font-size:14px;opacity:1}.class-card-node.installed .class-card-count{color:#e4dfba}
.class-card-node.available{border-color:#d6bd70;box-shadow:0 0 10px #d6bd7050}.class-card-node.available .class-card-symbol{opacity:.8}
.class-card-node.selected,.class-card-node:hover,.class-card-node:focus-visible{outline:2px solid #efd1a0;outline-offset:3px}
.class-cards-detail{border:1px solid #705640;border-radius:7px;background:linear-gradient(140deg,#292026,#131217);padding:12px;color:#c4b49b;position:sticky;top:10px;font-size:11px;line-height:1.6}
.class-cards-detail h3{font:17px/1.3 Georgia,serif;color:#f1d5a2;margin:8px 0 12px;overflow-wrap:anywhere}.class-cards-detail>small{color:#b19e88;font-size:10px}
.class-cards-detail strong{display:block;color:#e2c58e;font-size:11px}.class-cards-detail p{margin:9px 0;overflow-wrap:anywhere}
.class-cards-detail button{width:100%;min-height:42px;background:linear-gradient(#633c39,#291c21);color:#f5dfb6;border:1px solid #ac7955;border-radius:6px;cursor:pointer;padding:8px;font-size:12px;font-weight:bold}
.class-cards-detail button:disabled{opacity:.42;cursor:default}.class-cards-detail .class-cards-help{padding-top:9px;border-top:1px solid #65534370;color:#9d8e7a;font-size:10px}
.class-cards-footnote{padding:6px 12px 10px;color:#9f907d;font-size:10px;line-height:1.5;margin:0}
body.mobile-play .class-cards-toolbar{display:block;padding:10px}body.mobile-play .class-cards-toolbar label{display:block}body.mobile-play .class-cards-toolbar select{width:100%;margin:5px 0 8px;min-height:44px}
body.mobile-play .class-cards-layout{grid-template-columns:minmax(0,1fr);padding:0 10px;gap:10px}
body.mobile-play .class-cards-detail{grid-row:1;position:static;padding:10px}.mobile-play .class-cards-detail h3{font-size:15px;margin:4px 0}
body.mobile-play .class-cards-detail{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:4px 8px;align-items:center}
body.mobile-play .class-cards-detail>small,body.mobile-play .class-cards-detail h3,body.mobile-play #classCardDescription,body.mobile-play #classCardHint{grid-column:1/-1;margin:2px 0}
body.mobile-play #classCardCount{grid-column:1;grid-row:4}body.mobile-play #classCardAction{grid-column:2;grid-row:4;min-height:44px}
body.mobile-play .class-cards-help,body.mobile-play #classCardRequirements{display:none}
body.mobile-play .class-cards-scroll{max-height:350px}.class-cards-panel #classCardHint{color:#c5a287}

.atlas-marker-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0;color:#e7d6b5;font-size:12px}
.atlas-marker-controls label{display:flex;align-items:center;gap:7px;min-height:32px;cursor:pointer}.atlas-marker-controls input{width:18px;height:18px;accent-color:#c5ac70}
#atlasRealmLevels{margin-left:auto;color:#bcd6c0;font-weight:bold}
.atlas-location-picker{display:flex;gap:10px;align-items:center;margin:12px 0 6px;font-size:12px;color:#d9c5a0}
.atlas-location-picker select{min-width:0;flex:1;min-height:38px;background:#152b22;color:#f2dfbc;border:1px solid #9b845b;border-radius:6px;padding:7px;font-size:12px}
.atlas-location-info{margin:8px 0;padding:10px 12px;background:#10231c;border-left:3px solid #bc985f;color:#e9d8b5;font-size:12px;line-height:1.5}
.atlas-legend{font-size:11px;line-height:1.7;color:#becbb6}
body.mobile-play .atlas-location-picker{display:block}body.mobile-play .atlas-location-picker select{width:100%;margin-top:7px;min-height:44px}
body.mobile-play #atlasRealmLevels{margin-left:0}body.mobile-play .atlas-marker-controls label{min-height:44px}
.atlas-map-scroll{width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.atlas-map-scroll.zoomed{max-height:min(60dvh,640px)}
.atlas-marker-controls button{min-height:36px;border:1px solid #9b845b;border-radius:6px;background:#213b2e;color:#ead7b1;padding:7px 10px;cursor:pointer}
body.mobile-play .atlas-window,body.mobile-play #atlasCanvas{touch-action:pan-x pan-y}body.mobile-play #atlasZoom{min-height:44px}