@font-face{font-family:Game;src:local('Trebuchet MS');font-display:swap}
.frame>canvas.frame-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;border:0!important;background:none!important;pointer-events:none!important;grid-column:auto!important;object-fit:fill!important}
.topbar>*{min-width:0}.team-card>div{min-width:0}.team-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root{color-scheme:dark;--cream:#fff0c0;--muted:#d4bc8c;--gold:#d99c3b;--ink:#29180d;--line:#af762e;--wood:#58341b;--green:#98dd41;font-family:Game,'Trebuchet MS',sans-serif;background:#1c110c;color:var(--cream)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#593922,#130d08 90%)}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;filter:saturate(.35);opacity:.6}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #83dcff;outline-offset:3px}button{border:0}canvas{display:block}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}h2,p{margin:0}b,strong{font-weight:700}button,small,b,strong,h2{text-shadow:0 2px 2px #170c04}#game{width:min(100vw,calc(100svh * 1.777));aspect-ratio:1672/941;display:flex;flex-direction:column;gap:.7%;padding:.25%;background:repeating-linear-gradient(0deg,#332012 0,#332012 2px,#392617 3px,#392617 6px);box-shadow:0 0 50px #0009;overflow:hidden;container-type:inline-size}#game.original{max-width:1672px}.frame{position:relative;background:linear-gradient(115deg,#51331e,#3c281a);border:2px solid #271709;box-shadow:inset 0 0 0 2px #bd8538,inset 0 0 0 4px #4c2c13,0 1px 2px #000;border-radius:6px}.frame-art{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;z-index:3}.topbar{display:grid;grid-template-columns:1.35fr 1.05fr 1fr 1.3fr 1fr 1fr 1.25fr;gap:.4%;height:9%;min-height:0}.profile{display:flex;align-items:center;gap:4%;padding:0.255cqw 0.51cqw;text-align:left}.profile>canvas{width:4.08cqw;height:4.08cqw;border:2px solid #bb8734;background:#173b4b;border-radius:5px}.profile>span{display:flex;flex:1;gap:0.128cqw;flex-direction:column}.profile b{font-size:1.105cqw}.profile strong{font-size:0.85cqw}.currency{display:flex;align-items:center;gap:0.425cqw;padding:0.34cqw 0.595cqw}.currency>canvas{width:2.805cqw;height:2.805cqw}.currency span{font-size:0.748cqw;display:flex;flex-direction:column;gap:0.17cqw}.currency b{font-size:1.105cqw;letter-spacing:.025em}.logo{background:transparent;padding:0;min-width:0;overflow:hidden}.logo canvas{width:100%;height:100%;object-fit:contain}.top-actions{display:flex;align-items:center;justify-content:space-evenly;gap:0.255cqw}.square{width:3.06cqw;height:3.57cqw;display:grid;place-items:center;background:linear-gradient(#80522a,#432913);font-size:1.7cqw;border:2px solid #ba8331;border-radius:6px}.square canvas{width:2.38cqw;height:2.38cqw}.square svg{width:2.125cqw;height:2.125cqw;fill:#ffe9ae;stroke:#ffe9ae;stroke-width:2;stroke-linecap:round}.square svg .waves{fill:none}.square.muted .waves{opacity:.15}.main-grid{height:79.4%;min-height:0;display:grid;grid-template-columns:17.5% minmax(0,1fr) 17.5%;gap:.65%}.left-column,.right-column,.center-column{display:flex;flex-direction:column;gap:0.553cqw;min-height:0;min-width:0}.panel{padding:0.383cqw 0.51cqw 0.553cqw;min-height:0}.panel h2{height:2.168cqw;font-size:0.867cqw;display:flex;align-items:center;gap:0.425cqw;background:linear-gradient(#ae753e,#784824);border:1px solid #331a0a;outline:1px solid #ab762f;border-radius:4px;padding:0.213cqw 0.34cqw;margin-bottom:0.51cqw;position:relative}.panel h2>canvas{width:1.615cqw;height:1.615cqw}.panel h2 small{margin-left:auto;font-size:0.638cqw;color:#c9e67b}.info-button{margin-left:auto;background:#3c2617;border:1px solid #daaa62;border-radius:3px;color:#eec37a}.objectives{flex:0 0 24%}.objective{padding:0.255cqw 0.383cqw 0.51cqw}.objective b{font-size:0.68cqw;display:flex;justify-content:space-between;margin-bottom:0.34cqw}.objective span{color:#f1dbaa}.meter{position:relative;background:#1c130a;border:1px solid #150b03;border-radius:3px;height:0.553cqw;box-shadow:0 0 0 1px #9b763d;overflow:hidden}.meter i{display:block;height:100%;width:0;background:linear-gradient(#b9f663,#63ba2c 50%,#3b7b19 52%,#75c732);transition:width .2s}.meter.small{height:0.425cqw;max-width:6.375cqw}.meter.red{height:0.765cqw}.meter.red i{background:linear-gradient(#ffaaa0,#ef4d38 45%,#962016 50%,#db5034)}.meter span{position:absolute;inset:0;text-align:center;font-size:0.57cqw;line-height:0.722cqw;text-shadow:1px 1px #000}.missions{flex:1;display:flex;flex-direction:column}.mission-row{padding:0.298cqw 0.383cqw 0.425cqw;border-bottom:1px solid #9e6b352b}.mission-row b{font-size:0.705cqw}.mission-row>div{display:flex;align-items:center;gap:0.425cqw;margin-top:0.34cqw}.mission-row .meter{flex:1;height:0.468cqw}.mission-row small{font-size:0.578cqw}.missions .full{margin-top:auto}.wood-button,.gold-button{border:2px solid #40230c;border-radius:5px;box-shadow:inset 0 0 0 1px #eab870,0 2px 2px #140a04;padding:.6em 1em;font-weight:bold;font-size:0.85cqw;background:linear-gradient(#aa763c,#77471f 50%,#653b1c 51%,#8c572a)}.gold-button{background:linear-gradient(#ffe89a,#f5c548 46%,#d99a1e 54%,#efb432);color:#3a1d05;text-shadow:0 1px 0 #ffefbd;border-color:#5a3410}.wood-button.full{width:100%;font-size:0.722cqw;padding:0.425cqw}.chat{flex:0 0 29%;display:flex;flex-direction:column}.online-dot{width:0.553cqw;height:0.553cqw;display:inline-block;border-radius:50%;background:#b6ff55;box-shadow:0 0 6px #84e243}.chat-lines{flex:1;overflow:auto;scrollbar-width:thin;font-size:0.629cqw;line-height:1.5;padding:0 0.17cqw;min-height:0}.chat-lines p{margin-bottom:0.238cqw}.chat-lines b{color:#c7b4ff}.chat-note{color:#cab58a;font-size:0.553cqw}#chat-form{display:flex;gap:0.255cqw;height:1.615cqw}#chat-input{min-width:0;width:100%;background:#291a0e;border:1px solid #c29856;font-size:0.595cqw;padding:0.255cqw;color:#fff0c0}#chat-form button{background:#df9c35;color:#47260d;border:2px solid #b78033;border-radius:3px;width:1.615cqw}.arena-toolbar{display:flex;align-items:center;gap:0.553cqw;padding:0.34cqw 0.553cqw;flex:0 0 7%;font-size:0.705cqw;white-space:nowrap}.arena-toolbar label{display:flex;align-items:center;gap:0.34cqw}.arena-toolbar input{accent-color:#bda06a;width:0.85cqw;height:0.85cqw;margin:0}.auto-button{display:flex;align-items:center;gap:0.34cqw;background:linear-gradient(#44741f,#234817);border:2px solid #92ba39;box-shadow:inset 0 0 0 1px #244513;border-radius:4px;padding:0.34cqw 0.51cqw;font-weight:bold;font-size:0.705cqw}.auto-button.off{background:#594532;border-color:#a08a61}.auto-button.off .online-dot{background:#a38c68;box-shadow:none}.wave-label{border-left:1px solid #977248;padding-left:0.553cqw}.arena-toolbar>strong{margin-left:auto;font-size:0.85cqw}.arena-wrap{flex:1;min-height:0;overflow:hidden;background:#9a7546;padding:4px}#arena{width:100%;height:100%;cursor:crosshair;touch-action:none}.boss-bar{position:absolute;top:0.51cqw;left:23%;width:56%;display:flex;gap:0.425cqw;align-items:center;padding:0.213cqw 0.595cqw 0.34cqw 0.34cqw;background:linear-gradient(#83501f,#3b220f);border:2px solid #d39b4b;box-shadow:0 2px 0 #241006;border-radius:8px;pointer-events:none}.boss-bar>canvas{width:2.55cqw;height:2.55cqw}.boss-bar>div{flex:1}.boss-bar strong{font-size:0.68cqw;display:block;margin-bottom:0.255cqw}.arena-hint{position:absolute;bottom:0.595cqw;left:0.85cqw;padding:0.298cqw 0.51cqw;background:#24180dc4;border:1px solid #b8893e;border-radius:4px;font-size:0.595cqw;display:flex;align-items:center;gap:0.425cqw}.arena-hint button{background:transparent;border-left:1px solid #b78f56;font-size:0.595cqw;padding-left:0.425cqw;color:#ffe188}.build-badge{position:absolute;top:0.638cqw;left:0.85cqw;font-size:0.493cqw;letter-spacing:.05em;background:#2a1a0d9c;border-radius:3px;padding:0.17cqw 0.255cqw;color:#e8d4a8}.pow{position:absolute;bottom:0.85cqw;right:0.85cqw;width:4.335cqw;height:4.335cqw;border-radius:50%;border:4px solid #f0c564;outline:2px solid #472408;box-shadow:inset 0 0 0 2px #341a06,0 3px 0 #291202;background:conic-gradient(#ffb71a var(--charge,0%),#704017 0);display:flex;flex-direction:column;align-items:center;justify-content:center}.pow strong{font-size:1.36cqw;-webkit-text-stroke:.5px #492501;text-shadow:2px 2px #441b00}.pow span{font-size:0.638cqw}.pow.ready{box-shadow:0 0 22px #ffd32d,inset 0 0 0 2px #341a06}.team{flex:1;display:flex;flex-direction:column}.team-card{display:grid;grid-template-columns:3.23cqw 1fr;gap:0.51cqw;border:2px solid #231507;border-radius:4px;box-shadow:inset 0 0 0 1px #c28a49;padding:0.51cqw;margin-bottom:0.553cqw;background:linear-gradient(100deg,#6f4726,#472c19)}.team-card>canvas{width:3.23cqw;height:3.23cqw;background:#214c65;border:2px solid #e7c28c;border-radius:4px}.team-card b{font-size:0.85cqw}.team-card p{font-size:0.62cqw;margin:0.17cqw 0 0.298cqw}.team-card small{font-size:0.553cqw;color:var(--muted)}.team-card .meter{height:0.34cqw;margin-bottom:0.17cqw}.subtle-button{font-size:0.638cqw;background:none;color:#dec38c;margin-top:auto;padding:0.255cqw}.loot{flex:0 0 42%}.loot-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:0.383cqw;padding:0.213cqw 0.213cqw 0.85cqw;border-bottom:1px solid #b783423d}.loot-slots>div{background:#2d1b0f;box-shadow:inset 0 0 0 1px #af7d3a;border-radius:4px;display:flex;flex-direction:column;align-items:center;padding:0.34cqw}.loot-slots canvas{width:2.975cqw;height:2.975cqw}.loot-slots b{font-size:0.935cqw}.loot-collect{display:flex;gap:0.425cqw;align-items:center;margin-top:0.765cqw}.loot-collect>canvas{width:4.08cqw;height:4.25cqw}.loot-collect>div{flex:1}.loot-collect p{font-size:0.663cqw;margin-bottom:0.51cqw;line-height:1.4}.loot-collect button{width:100%;font-size:1.02cqw;padding:0.51cqw 0.255cqw}.bottom-nav{height:9.8%;display:grid;grid-template-columns:repeat(8,1fr);gap:.45%;min-height:0}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:0.425cqw;padding:0.51cqw;background:linear-gradient(#9a6838,#72451f)}.bottom-nav canvas{width:3.4cqw;height:3.74cqw}.bottom-nav span{font-size:0.85cqw}.run-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#130b0470;z-index:4;backdrop-filter:blur(2px)}.result{max-width:88%;width:28.9cqw;text-align:center;padding:1.7cqw}.result h2{font-size:2.55cqw;color:#ffdc5d;margin:0.425cqw}.result>p{font-size:0.808cqw;line-height:1.6}.result>p:first-child{font-size:0.595cqw;letter-spacing:.15em;color:#e4bd69}.result>div{display:flex;justify-content:center;gap:0.595cqw;margin:1.02cqw 0}.result small{font-size:0.638cqw;color:var(--muted)}.pause-label{position:absolute;top:48%;left:27%;right:27%;text-align:center;background:#2f1b0ee8;border:2px solid #ba8b41;padding:0.85cqw;font-size:1.063cqw;border-radius:6px;pointer-events:none}
dialog{padding:0;border:0;background:transparent;color:var(--cream);width:min(800px,92vw);max-height:88svh;overflow:visible}dialog::backdrop{background:#100904bc;backdrop-filter:blur(3px)}.dialog-inner{padding:22px;max-height:88svh;overflow:auto;background:linear-gradient(125deg,#704424,#352217);scrollbar-color:#a77736 #332112}.dialog-inner>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bb8443;padding-bottom:14px;margin-bottom:18px}.dialog-inner h2{font-size:25px}.dialog-inner .square{width:38px;height:38px;font-size:30px}.dialog-inner p{font-size:15px;line-height:1.6;margin-bottom:10px;color:#eddbb7}.dialog-inner .wood-button,.dialog-inner .gold-button{font-size:15px;padding:10px 16px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.item-card{padding:14px;border:1px solid #ba8848;background:#291a0c7a;border-radius:6px;display:flex;flex-direction:column;gap:8px}.item-card>canvas{width:92px;height:92px;align-self:center}.item-card h3{font-size:17px;color:#ffda84;margin:0}.item-card p{font-size:13px;flex:1}.item-card small{font-size:12px;color:#d3bb91}.item-card .gold-button{margin-top:auto}.badge{display:inline-block;padding:3px 7px;background:#493a19;color:#c8ef84;font-size:12px;border:1px solid #82924d;border-radius:3px}.menu-row{display:flex;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #a5713644}.menu-row>div{flex:1}.menu-row b{display:block;margin-bottom:6px}.menu-row small{color:#d8bd8f}.menu-row>canvas{width:70px;height:70px}.menu-row .meter{height:9px;max-width:300px;margin:7px 0}.menu-row .meter i{transition:none}.character-view{display:flex;gap:24px;align-items:center}.character-view>canvas{width:220px;height:250px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.stat-box{padding:13px;border:1px solid #b5803c;border-radius:5px;background:#2b1c12}.stat-box small{display:block;color:#d4bb8c;font-size:12px}.stat-box b{display:block;font-size:22px;color:#ffda85;margin-top:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;font-size:16px}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:#b78a39}.settings-row select,.settings-row input[type=range]{max-width:45%;background:#291c10;color:#fff0c0;border:1px solid #c19b56;padding:8px}.fine-print{font-size:12px!important;color:#cbb185!important;margin-top:14px!important}.help-list{padding-left:20px;line-height:1.8;font-size:15px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.chest-reveal{display:grid;place-items:center;padding:15px}.chest-reveal>canvas{width:120px;height:130px}.reward-title{font-size:22px!important;color:#ffdf72!important}.loot-flash{animation:flash .4s ease-out}@keyframes flash{50%{filter:brightness(1.7)}}#toast{position:fixed;bottom:12%;left:50%;transform:translate(-50%,20px);max-width:90vw;background:#332211f5;border:2px solid #e0af56;border-radius:6px;padding:12px 22px;color:#ffedbc;box-shadow:0 5px 20px #0007;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:15px}#toast.visible{opacity:1;transform:translate(-50%,0)}#loading{position:fixed;inset:0;z-index:20;background:#26180e;display:grid;place-content:center;text-align:center;gap:12px;color:#ffda8f}#loading h1{font-size:32px}.ready #loading{display:none}.reduced *{animation:none!important;transition:none!important}
@media(max-width:760px){body{display:block}#game{width:100%;height:auto;min-height:100svh;aspect-ratio:auto;padding:5px;gap:7px;overflow:visible}.topbar{height:auto;min-height:64px;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:5px}.profile{min-height:63px}.profile>canvas{width:43px;height:43px}.profile b{font-size:13px}.profile strong{font-size:11px}.profile .meter{height:5px;max-width:54px}.currency{padding:5px;gap:4px}.currency>canvas{width:29px;height:30px}.currency span{font-size:10px}.currency b{font-size:14px}.currency:nth-of-type(3),.currency:nth-of-type(4){display:none}.logo{grid-column:1/-1;grid-row:1;height:57px}.top-actions{grid-column:4;grid-row:2}.square{width:30px;height:38px}.square svg,.square canvas{width:25px;height:25px}.main-grid{height:auto;display:flex;flex-direction:column;gap:7px}.center-column{order:0;height:400px;gap:5px}.left-column{order:2;display:grid;grid-template-columns:1fr 1fr;gap:7px}.right-column{order:1;display:grid;grid-template-columns:1.4fr 1fr;gap:7px}.panel{padding:7px}.panel h2{height:30px;font-size:13px;margin-bottom:8px;gap:7px;padding:4px}.panel h2>canvas{width:22px;height:22px}.panel h2 small{font-size:10px}.objective{padding:5px}.objective b{font-size:11px;margin-bottom:5px}.meter{height:7px}.mission-row{padding:4px}.mission-row b{font-size:11px}.mission-row small{font-size:9px}.mission-row .meter{height:6px}.missions .full{font-size:12px;padding:8px;margin-top:8px}.chat{grid-column:1/-1;height:170px}.chat-lines{font-size:12px}.chat-note{font-size:10px}#chat-form{height:33px;gap:5px}#chat-input{font-size:12px;padding:5px}#chat-form button{width:33px}.online-dot{width:8px;height:8px}.arena-toolbar{flex-wrap:wrap;gap:8px;font-size:11px;padding:7px;min-height:66px}.arena-toolbar input{width:17px;height:17px}.auto-button{font-size:11px;padding:6px;gap:5px}.arena-toolbar>strong{font-size:12px;flex:1;text-align:right}.arena-wrap{min-height:300px}#arena{object-fit:fill}.boss-bar{top:10px;left:28%;width:68%;padding:3px 6px}.boss-bar>canvas{width:30px;height:30px}.boss-bar strong{font-size:9px;margin-bottom:5px}.boss-bar .meter{height:9px}.boss-bar .meter span{font-size:8px;line-height:9px}.arena-hint{bottom:7px;left:7px;font-size:8px;gap:4px;padding:4px;max-width:75%}.arena-hint button{font-size:8px}.build-badge{font-size:6px;padding:3px;top:9px;left:8px}.pow{width:52px;height:52px;bottom:8px;right:8px;border-width:3px}.pow strong{font-size:18px}.pow span{font-size:10px}.team-card{grid-template-columns:36px 1fr;padding:6px;gap:6px;margin-bottom:5px}.team-card>canvas{width:36px;height:36px}.team-card b{font-size:12px}.team-card p{font-size:9px;margin:2px 0 4px}.team-card small{font-size:8px}.team-card .meter{height:4px}.subtle-button{font-size:10px;padding:5px}.loot-slots{gap:4px;padding:5px 0 12px}.loot-slots canvas{width:32px;height:35px}.loot-slots b{font-size:12px}.loot-collect{flex-direction:column;gap:6px;margin-top:10px}.loot-collect>canvas{width:50px;height:55px}.loot-collect p{font-size:10px;text-align:center}.loot-collect button{font-size:15px;padding:10px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:auto;order:3;padding-bottom:8px}.bottom-nav button{padding:8px 2px;gap:3px;min-height:57px;flex-direction:column}.bottom-nav canvas{width:28px;height:29px}.bottom-nav span{font-size:11px}.result{width:88%;padding:15px}.result h2{font-size:36px}.result>p{font-size:13px}.result>p:first-child{font-size:9px}.result>div{gap:7px;margin:14px 0}.result .wood-button,.result .gold-button{font-size:11px}.result small{font-size:11px}.pause-label{font-size:12px;padding:14px;left:15%;right:15%}.dialog-inner{padding:16px}.dialog-inner h2{font-size:21px}.menu-grid{grid-template-columns:1fr}.item-card{display:grid;grid-template-columns:75px 1fr}.item-card>canvas{width:70px;height:75px;grid-row:1/4}.item-card h3{font-size:16px}.item-card .gold-button{grid-column:1/-1}.character-view{flex-direction:column;gap:8px}.character-view>canvas{width:140px;height:160px}.stats-grid{width:100%}.menu-row{gap:9px}.menu-row .gold-button{font-size:12px;padding:9px}.settings-row{font-size:14px}#toast{bottom:20px;font-size:13px}}

/* Arena expandida preserva cabeçalho, menus e a proporção do mundo. */
.expand-button{padding:0.298cqw 0.425cqw;background:#755027;border:1px solid #d6b36a;border-radius:3px;font-size:0.612cqw;white-space:nowrap}
#game.expanded .main-grid{grid-template-columns:minmax(0,1fr)}
#game.expanded .left-column,#game.expanded .right-column{display:none}
#game.expanded .arena-toolbar{flex-basis:7%}
#game.expanded #arena{object-fit:contain;background:#312310}
#game.expanded .arena-wrap{background:#312310}
#game.expanded .boss-bar{left:36%;width:28%}
@media(max-width:760px){.expand-button{font-size:10px;padding:5px}#game.expanded .center-column{height:68svh;min-height:400px}#game.expanded .boss-bar{left:28%;width:68%}#game.expanded .arena-wrap{min-height:330px}}

.reward-effects{position:fixed;inset:0;width:100vw;height:100vh;z-index:100;pointer-events:none}
.expanded-loot{display:none;position:absolute;right:0.85cqw;top:0.85cqw;align-items:center;gap:0.51cqw;padding:0.51cqw;background:#3d2512dd;border:1px solid #d4a64f;border-radius:5px;font-size:0.68cqw}
#game.expanded .expanded-loot{display:flex}
#game.expanded{width:100vw;height:100svh;aspect-ratio:auto;max-width:none}
#game.expanded .topbar{height:9%;flex-shrink:0}
#game.expanded .main-grid{height:auto;flex:1}
#game.expanded .bottom-nav{height:9%;flex-shrink:0}
@media(max-width:760px){#game.expanded{height:auto;min-height:100svh}#game.expanded .topbar{height:auto}#game.expanded .bottom-nav{height:auto}.expanded-loot{top:auto;bottom:12px;right:74px;font-size:10px;padding:5px;gap:6px}.expanded-loot .gold-button{font-size:11px;padding:6px}.arena-hint{bottom:62px}}

.arena-toolbar{flex-wrap:wrap}.arena-toolbar>strong{overflow:hidden;text-overflow:ellipsis}.arena-toolbar{min-height:36px}

.bottom-nav{grid-template-columns:repeat(9,1fr)}.bottom-nav small{display:block;font-size:0.51cqw;color:#dbbf80}.bottom-nav canvas{width:2.975cqw}.bottom-nav span{font-size:0.782cqw}
.wide-dialog{width:min(1120px,94vw)}.shop-tabs,.market-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.shop-tabs a,.shop-tabs button{padding:9px 16px;border:1px solid #ba8848;border-radius:4px;background:#4a2d16;color:#f3d9a1;text-decoration:none;font-size:14px}.vip-banner{display:flex;align-items:center;gap:22px;padding:20px;border:2px solid #b8843e;background:linear-gradient(110deg,#4d2b17,#39200d);margin-bottom:16px}.vip-banner h3{margin:5px 0;font-size:26px}.vip-banner small{font-size:10px;color:#f6c24d;letter-spacing:.12em}.vip-banner p{font-size:12px;margin:0}.vip-medal{font-size:58px;color:#ffcc37;text-shadow:0 2px #5b2a00;display:flex;flex-direction:column;align-items:center;line-height:1}.vip-medal b{font-size:25px;background:#a42717;border:2px solid #ebc259;padding:3px 10px;transform:rotate(-6deg)}.vip-banner>div:nth-child(2){flex:1}.vip-benefit{display:flex;flex-direction:column;gap:7px;max-width:150px;border-left:1px solid #956834;padding-left:20px}.vip-benefit b{font-size:14px}.vip-benefit span{font-size:12px;color:#d6b987}.coupon-banner{display:flex;align-items:center;gap:22px;padding:18px;background:linear-gradient(105deg,#f5d799,#dbae62);border:3px double #794819;outline:1px solid #e8bb65;border-radius:3px;color:#492c12;margin-bottom:16px}.coupon-banner>canvas{width:95px;height:95px}.coupon-banner>div{flex:1}.coupon-banner h3{font-size:29px;margin:4px 0 8px;text-shadow:none}.coupon-banner p{color:#553213;font-size:14px;margin-bottom:7px}.coupon-banner small{font-size:10px;letter-spacing:.15em}.coupon-banner span{font-size:12px}.coupon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.coupon-card{padding:12px;border:2px solid #b78239;background:#3b2413;text-align:center;display:flex;flex-direction:column;gap:9px}.coupon-card h3{font-size:17px;margin:0}.coupon-art{position:relative;background:radial-gradient(ellipse at center,#ffeaaa,#e69a24 60%,#884309);border:3px solid #e6ae42;box-shadow:inset 0 0 0 2px #63320a;border-radius:7px}.coupon-art>canvas{width:100%;height:140px;padding:12px}.coupon-art b{position:absolute;top:5px;right:5px;color:#fff2b1;font-size:21px;text-shadow:2px 2px #5c2903}.coupon-card>small{font-size:9px;color:#e2bc78}.coupon-card>strong{font-size:12px}.coupon-card>p{color:#c5ec77;font-size:19px;margin:0;font-weight:bold}.coupon-card>button{font-size:12px!important;padding:8px!important}.section-heading{font-size:22px;margin:24px 0 15px;padding-bottom:12px;border-bottom:1px solid #b7813c}.section-heading small{font-size:12px;float:right;color:#d1b582}.talent-wallet{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.talent-wallet>div{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#7c512d;border:2px solid #30200e;box-shadow:inset 0 0 0 1px #cb995a}.talent-wallet canvas{width:32px;height:32px}.talent-wallet b{margin-left:auto}.talent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.talent-card{background:linear-gradient(#6d472c,#382719);border:2px solid #8b6846;box-shadow:inset 0 0 0 2px #2f1b0d;padding:15px}.talent-card.available{border-color:#ffcc50;box-shadow:inset 0 0 0 2px #a07833,0 0 10px #ffba2426}.talent-card header{display:flex;align-items:center;justify-content:space-between}.talent-card h3{margin:0;font-size:19px}.talent-card small{font-size:10px;color:#d5b183}.talent-ticks{display:flex;gap:3px;margin:12px 0}.talent-ticks i{height:7px;flex:1;border:1px solid #ad8148;background:#24190f}.talent-ticks .filled{background:#f3c354}.bonus-compare{display:flex;gap:8px;margin-bottom:12px}.bonus-compare>div{flex:1;background:#332012;border:1px solid #bd8a45;padding:10px}.bonus-compare b{display:block;margin-top:6px;color:#ffdc84}.requirements{padding:12px;border:1px solid #b08043;background:#342113}.requirements p{font-size:13px;margin:10px 0 0;color:#ffad91}.requirements b{float:right}.requirements .met{color:#c3ec8e}.talent-message{font-size:12px!important;min-height:38px;margin:12px 0!important}.talent-card>.gold-button{width:100%}.market-soon{text-align:center;max-width:660px;margin:auto;padding:18px}.market-soon>canvas{width:125px;height:125px;margin:0 auto 15px}.market-soon>.badge{display:block;width:max-content;margin:auto}.market-soon h3{font-size:32px;color:#ffdb81;margin:16px 0}.market-categories{display:flex;justify-content:center;gap:10px;margin:20px}.market-categories span{border:1px solid #b58037;border-radius:3px;padding:8px 14px;color:#d6b986}.market-soon>button{min-width:220px}
@media(max-width:760px){.bottom-nav{grid-template-columns:repeat(3,1fr)}.bottom-nav canvas{width:30px}.bottom-nav span{font-size:12px}.bottom-nav small{font-size:8px}.vip-banner{gap:12px;padding:14px;flex-wrap:wrap}.vip-banner h3{font-size:20px}.vip-benefit{display:none}.vip-medal{font-size:36px}.vip-medal b{font-size:16px}.coupon-banner{gap:8px;padding:10px}.coupon-banner>canvas{width:55px;height:60px}.coupon-banner>canvas:last-child{display:none}.coupon-banner h3{font-size:23px}.coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coupon-card{padding:8px}.coupon-art>canvas{height:115px}.coupon-card h3{font-size:15px}.section-heading small{float:none;display:block;margin-top:6px}.talent-grid{grid-template-columns:1fr}.talent-wallet>div{padding:6px;gap:4px;flex-wrap:wrap;font-size:12px}.talent-wallet canvas{width:24px;height:24px}.talent-wallet b{margin-left:0}.market-categories{margin:15px 0;gap:5px}.market-categories span{font-size:12px;padding:6px}.market-soon{padding:5px}.market-soon h3{font-size:25px}}

.online-button{display:flex;align-items:center;gap:0.34cqw;padding:0.298cqw 0.425cqw;border:1px solid #74854b;background:#304421;color:#d4eeae;font-size:0.595cqw;border-radius:3px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-section{padding:17px;background:#38231488;border:2px solid #a77237}.settings-section h3{margin:0 0 14px;font-size:13px;letter-spacing:.08em;color:#ebbd75;padding-bottom:10px;border-bottom:1px dashed #a77a43}.full-span{grid-column:1/-1}.community-buttons{display:flex;gap:10px}.community-buttons button{padding:13px;flex:1;background:#574595;border:1px solid #b5a0e4;color:#dfd1ff}.community-buttons button+button{background:#24201c;border-color:#8f8170}.settings-section #name-form{display:flex;gap:8px}.settings-section input[type=text],#player-name{width:100%;min-width:0;padding:9px;background:#25160e;color:#ffe9ae;border:1px solid #b4884f}.settings-section .wood-button{font-size:12px;padding:9px;white-space:nowrap}.audio-settings{grid-row:span 2}.settings-section .settings-row{font-size:14px}.hero-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.hero-toolbar h3{font-size:22px;margin:0 0 8px}.hero-toolbar p{font-size:13px}.hero-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#352313;border:2px solid #8c673a;padding:15px;min-height:145px}.hero-slot.selected{border-color:#e3b867;background:#724926}.hero-slot canvas{width:64px;height:64px}.hero-slot small{color:#d4b67e;font-size:12px}.hero-slot.locked{border-style:dashed;color:#b3956a;text-align:center}.hero-card>canvas{height:135px;width:135px}.hero-card .wood-button{margin-top:auto}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.settings-section{padding:12px}.community-buttons{flex-direction:column}.hero-slots{grid-template-columns:repeat(2,1fr)}.hero-slot{min-height:120px;padding:10px}.hero-toolbar h3{font-size:18px}.online-button{font-size:10px;padding:5px;gap:5px}.arena-toolbar{flex-basis:auto!important;min-height:95px}.hero-card>canvas{width:75px;height:90px}}

.job-badge{--job:#e0b060;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 10px 3px 8px;border-radius:999px;font-size:10.5px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#3d2714,#221409);border:1px solid var(--job);color:var(--job);box-shadow:inset 0 0 0 1px #00000066,0 1px 0 #00000055;white-space:nowrap}.job-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--job);box-shadow:0 0 6px var(--job)}.job-tank{--job:#8fb4ff}.job-healer{--job:#93f0a0}.job-melee{--job:#ff9e6e}.job-ranged{--job:#ffd66b}.job-support{--job:#d9a8ff}.job-harvest{--job:#bdea6f}.job-control{--job:#8fe4ff}.hero-slot .job-badge{align-self:center}.hero-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 2px}.hero-tags b{font-size:13px}.hero-tags small{font-size:11px;color:#c9ae7c}.squad-summary{margin:12px 0 16px;font-size:13px;color:#e3c58f}.class-guide{display:grid;gap:8px;margin:10px 0}.class-row{display:grid;grid-template-columns:64px 1fr 56px;gap:12px;align-items:center;padding:8px;background:#35221388;border:1px solid #8c673a}.class-row canvas{width:64px;height:64px}.class-row canvas[data-class-weapon]{width:56px;height:56px}.class-row p{margin:4px 0 0;font-size:12px}
@media(max-width:760px){.class-row{grid-template-columns:48px 1fr 40px}.class-row canvas{width:48px;height:48px}}
.vip::after{content:' °5 VIP';color:#ffd45c;font-size:.75em;letter-spacing:.05em}.order-panel{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:start;padding:16px;border:2px solid #b8843e;background:#2c1a0d;margin-bottom:16px}.order-panel img{width:200px;height:200px;background:#fff;border:4px solid #f3d9a1;border-radius:4px}.order-panel h3{margin:0 0 8px;font-size:22px;color:#ffda84}.order-panel .copy-box{display:flex;gap:6px;margin:8px 0}.order-panel .copy-box input{flex:1;min-width:0;padding:8px;background:#1d120a;color:#ffe9ae;border:1px solid #b4884f;font-size:12px}.order-panel .status{display:inline-block;padding:4px 10px;border-radius:3px;border:1px solid #b78a4a;background:#3a2412;font-size:12px}.order-panel .status.paid{border-color:#8fe79a;color:#d8ffd9}.order-panel .status.expired,.order-panel .status.failed{border-color:#ff9c6b;color:#ffd9c6}.order-list{margin-top:14px;font-size:13px}.order-list div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #a5713644}.pay-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pay-buttons button{font-size:12px!important;padding:8px 10px!important;flex:1}.method-note{font-size:12px;color:#d6b987;margin:6px 0 14px}
@media(max-width:760px){.order-panel{grid-template-columns:1fr}.order-panel img{margin:auto}}
.hero-slots.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){.hero-slots.five{grid-template-columns:repeat(2,1fr)}}
.order-panel a.wood-button{display:inline-block;text-decoration:none;color:#fff1c5}
.shop-tabs button[aria-pressed=true]{background:linear-gradient(#a3692c,#6d4118);border-color:#ffd27a;color:#fff3c9;box-shadow:inset 0 0 0 1px #3a220c}.class-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.class-card{display:grid;grid-template-columns:84px 1fr 60px;gap:12px;align-items:center;padding:10px;background:#35221388;border:1px solid #8c673a;border-radius:6px}.class-card>canvas{width:84px;height:84px}.class-card>canvas[data-class-weapon]{width:60px;height:60px}.class-card h3{margin:0 0 4px;font-size:17px;color:#ffda84}.class-card h3 small{font-size:12px;color:#d4b67e;font-weight:normal}.class-card p{margin:6px 0 4px;font-size:12px;line-height:1.4}.class-card>div>small{font-size:11px;color:#c9ae7c}.class-card.reserved{opacity:.7;border-style:dashed}.class-card.reserved>canvas[data-hero]{filter:grayscale(.6)}
@media(max-width:760px){.class-guide{grid-template-columns:1fr}.class-card{grid-template-columns:60px 1fr 44px}.class-card>canvas{width:60px;height:60px}.class-card>canvas[data-class-weapon]{width:44px;height:44px}}
.hero-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-row{display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:#35221388;border:1px solid #8c673a;border-radius:6px}.hero-row.active{background:#4a2f1799}.hero-row>canvas{width:84px;height:84px}.hero-row h3{margin:0;font-size:17px;color:#ffda84}.hero-row h3 small{font-size:12px;color:#d4b67e;font-weight:normal}.hero-row p{margin:4px 0 0;font-size:12px;line-height:1.4}.hero-row>button{font-size:12px!important;padding:8px 12px!important;min-width:84px}.hero-slots.five .hero-slot{min-height:128px;padding:10px 8px;gap:4px}.dialog-inner{scrollbar-width:thin}
@media(max-width:760px){.hero-list{grid-template-columns:1fr}.hero-row{grid-template-columns:60px 1fr}.hero-row>canvas{width:60px;height:60px}.hero-row>button{grid-column:1/-1}}
.talent-wallet.two{grid-template-columns:repeat(2,1fr)}.chest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:6px}.chest-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 16px 14px;border:2px solid #b8843e;border-radius:8px;background:linear-gradient(#4a2e17,#33200f);box-shadow:inset 0 0 0 1px #2a170a}.chest-card>canvas{width:110px;height:110px}.chest-card h3{margin:0;font-size:22px;color:#ffda84}.chest-card>p{margin:0;font-size:13px;color:#e3c99c;min-height:38px}.pity{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 4px;padding:10px;background:#24160b99;border:1px solid #6e4a25;border-radius:6px;text-align:left}.pity span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#f6c24d;margin-bottom:5px}.pity .meter{height:8px;background:#1a1008;border:1px solid #6e4a25;box-shadow:none;border-radius:4px}.pity .meter i{background:linear-gradient(#ffd75e,#c98a1e)}.pity .meter i.mythic{background:linear-gradient(#ff9fae,#c2364f)}.pity small{display:block;margin-top:4px;font-size:11px;color:#d4b67e}.chest-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:4px}.chest-actions button{font-size:13px!important;padding:10px 8px!important}.chest-card>small{font-size:11px;color:#c9ae7c}.reward-title:empty{display:none}.chest-info{margin-top:8px}.chest-info .section-heading{margin-top:12px}.rarity-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rarity-chip{text-align:center;padding:10px 6px;border:1px solid var(--c);border-radius:6px;background:linear-gradient(#2e1c0e,#20130a);box-shadow:inset 0 0 0 1px #00000055}.rarity-chip b{display:block;color:var(--c);font-size:14px}.rarity-chip span{font-size:13px;color:#f0dcb2}
@media(max-width:760px){.chest-grid{grid-template-columns:1fr}.rarity-chips{grid-template-columns:repeat(3,1fr)}.pity{grid-template-columns:1fr}}
dialog{width:min(1120px,94vw);height:min(880px,88svh)}.dialog-inner{height:100%;max-height:none;box-sizing:border-box}.pending-drops{display:block;margin:-4px 0 6px;font-size:11px;color:#ffd75e;text-shadow:0 1px #3a1d05}.gold-button.has-drops{animation:glow 1.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 14px #ffcf4d}}.rarity-chip span{display:block}
@media(max-width:760px){dialog{width:96vw;height:92svh}}
.talent-wallet.four{grid-template-columns:repeat(4,1fr)}.talent-grid{align-items:stretch}.talent-card{display:flex;flex-direction:column;gap:8px;border-radius:6px;min-height:0}.talent-card header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.talent-card header h3{font-size:18px;color:#ffda84}.talent-card header small{font-size:11px;color:#d5b183;white-space:nowrap}.talent-card>p{font-size:13px;line-height:1.4;margin:0;flex:1;color:#eddbb7}.talent-cost{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#ffe9ae}.talent-cost span{display:inline-flex;align-items:center;gap:5px}.talent-cost canvas{width:20px;height:20px}.talent-cost.short{color:#ffad91}.talent-lock{font-size:11px;color:#d5b183;min-height:14px}.talent-lock.ok{color:#c3ec8e}.talent-card.maxed{opacity:.75}.talent-card.locked{border-style:dashed}.talent-card .gold-button{margin-top:2px}
@media(max-width:760px){.talent-wallet.four{grid-template-columns:repeat(2,1fr)}}
.loot-collect>canvas.bounce{animation:chest-bounce .7s cubic-bezier(.3,1.6,.5,1)}@keyframes chest-bounce{0%{transform:scale(1)}30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(.95) rotate(6deg)}100%{transform:scale(1)}}.currency.gain{animation:currency-gain .9s ease-out}@keyframes currency-gain{0%{box-shadow:0 0 0 0 #ffd75e00}25%{box-shadow:0 0 18px 4px #ffd75ecc;transform:scale(1.06)}100%{box-shadow:0 0 0 0 #ffd75e00}}.loot-slots b.drain{animation:drain .5s ease-in}@keyframes drain{to{transform:translateY(-14px);opacity:0}}
.coupon-card .pay-buttons,.vip-banner .pay-buttons{flex-direction:column}.pay-buttons button{white-space:nowrap;width:100%}.method-note{margin-top:18px}.loot-chest{background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center}.loot-chest canvas{width:4.08cqw;height:4.25cqw;transition:transform .15s}.loot-chest:hover canvas{transform:scale(1.08)}.trophy{width:60%;height:60%;fill:#ffd45c;filter:drop-shadow(0 1px 0 #5b2a00)}.loot-empty{display:grid;place-items:center;text-align:center;gap:6px;padding:28px 12px;margin:10px 0}.loot-empty canvas{width:130px;height:130px;filter:saturate(.6) brightness(.85)}.loot-empty h3{font-size:22px;color:#ffda84;margin:6px 0 0}.loot-empty p{max-width:520px;font-size:14px}.loot-currencies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.loot-currencies>div{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#7c512d;border:2px solid #30200e;box-shadow:inset 0 0 0 1px #cb995a}.loot-currencies canvas{width:30px;height:30px}.loot-currencies b{margin-left:auto}.loot-drops,.rank-heroes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.loot-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 8px;border:2px solid var(--c,#8c673a);border-radius:8px;background:#2a190d;box-shadow:inset 0 0 18px #00000066,0 0 10px color-mix(in srgb,var(--c,#8c673a) 35%,transparent)}.loot-card canvas{width:84px;height:84px}.loot-card b{font-size:14px;color:#ffe9ae}.loot-card small{font-size:11px;color:#c9ae7c}.loot-card span{font-size:12px;font-weight:bold}.loot-actions{justify-content:flex-end}.podium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.podium{position:relative;padding:14px 14px 12px;border:2px solid #b8843e;border-radius:8px;background:linear-gradient(#4a2e17,#2f1c0d);display:flex;flex-direction:column;gap:4px}.podium.gold{border-color:#ffd45c;background:linear-gradient(#6a4718,#3b250d)}.podium.silver{border-color:#d9dde6;background:linear-gradient(#4d4a52,#2c2a30)}.podium.bronze{border-color:#d08a4a;background:linear-gradient(#5a3a1f,#31200f)}.podium-crown{position:absolute;top:8px;right:12px;font-size:22px;color:#ffd45c}.podium b{font-size:22px;color:#fff1c5}.podium h3{margin:0;font-size:18px;color:#ffda84}.podium small{font-size:11px;color:#d4b67e}.podium .wood-button{margin-top:6px;font-size:12px!important;padding:8px!important}.rank-table{border:1px solid #8c673a;border-radius:6px;overflow:hidden}.rank-head,.rank-row{display:grid;grid-template-columns:56px 1fr 180px 120px 120px;gap:10px;align-items:center;padding:8px 12px}.rank-head{background:#24160b;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d5b183}.rank-row{border-top:1px solid #a5713633;background:#35221366}.rank-row:nth-child(even){background:#2c1a0d66}.rank-row.me{background:#5a3b1a99;outline:1px solid #ffd45c}.rank-pos{color:#ffda84}.rank-name{font-weight:bold}.rank-vip{font-style:normal;font-size:10px;color:#ffd45c;border:1px solid #ffd45c;border-radius:3px;padding:0 4px;margin-left:4px}.rank-stage,.rank-power{font-size:12px;color:#e3c99c}.rank-row .wood-button{font-size:12px!important;padding:6px 10px!important}.ranking-team{margin-top:16px;padding:14px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d}.rank-me{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 14px;border:2px solid #7f9a4a;border-radius:6px;background:#2d3a1f}.rank-me b{display:block;color:#d8f0a8}.rank-me small{color:#c9dba3;font-size:12px}
@media(max-width:760px){.loot-currencies{grid-template-columns:repeat(2,1fr)}.loot-drops,.rank-heroes{grid-template-columns:repeat(2,1fr)}.podium-grid{grid-template-columns:1fr}.rank-head{display:none}.rank-row{grid-template-columns:40px 1fr;gap:4px}.rank-row .wood-button{grid-column:1/-1}.loot-chest canvas{width:50px;height:55px}.rank-me{flex-direction:column;align-items:stretch}}
.hero-strip{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.strip-label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f6c24d;margin-bottom:4px}.chips{display:flex;gap:8px;flex-wrap:wrap}.hero-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:#35221388;border:2px solid #8c673a;border-radius:6px;color:#f3d9a1;cursor:pointer;text-align:left}.hero-chip canvas{width:40px;height:40px;border-radius:4px;border:1px solid var(--c)}.hero-chip b{display:block;font-size:13px;color:#ffda84}.hero-chip small{font-size:10px;color:#d4b67e}.hero-chip.selected{border-color:#ffd45c;background:#6a4718}.hero-sheet{display:grid;grid-template-columns:minmax(260px,1.1fr) 2fr;gap:14px;margin-bottom:16px}.sheet-hero{padding:14px;border:2px solid var(--c);border-radius:8px;background:linear-gradient(#3d2614,#2a190d);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.sheet-hero canvas{width:150px;height:150px}.sheet-hero h3{margin:0;font-size:22px;color:#ffda84}.sheet-hero h3 small{font-size:13px;color:#d4b67e;font-weight:normal}.sheet-hero>p{font-size:12px;margin:0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-top:4px}.stat-row>div{background:#1f130a;border:1px solid #8c673a;border-radius:4px;padding:6px 4px}.stat-row small{display:block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#d5b183}.stat-row b{font-size:15px;color:#ffe9ae}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:132px;padding:10px;border:2px solid var(--c,#8c673a);border-radius:8px;background:#2a190d;text-align:center}.slot>small{position:absolute;top:6px;left:8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#d5b183}.slot canvas{width:64px;height:64px}.slot b{font-size:12px;color:#ffe9ae}.slot span{font-size:11px}.slot .wood-button{font-size:11px!important;padding:5px 9px!important}.slot.soon{opacity:.55;border-style:dashed}.slot-empty{width:48px;height:48px;display:grid;place-items:center;border:1px dashed #8c673a;border-radius:6px;color:#8c673a;font-size:20px}.inventory-bar h3{margin:0;font-size:18px}.inventory-bar small{font-size:12px;color:#d4b67e;margin-left:6px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select{background:#25160e;color:#ffe9ae;border:1px solid #b4884f;padding:7px 9px;font-size:12px}.gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gear-card{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--c);border-radius:6px;background:#2a190d;box-shadow:inset 0 0 0 1px #00000055}.gear-card>canvas{width:72px;height:72px}.gear-card b{display:block;font-size:14px;color:#ffe9ae}.gear-card small{display:block;font-size:11px;color:#c9ae7c}.gear-card span{font-size:12px;font-weight:bold}.gear-card .compare.up{color:#c3ec8e}.gear-card .compare.down{color:#ffad91}.gear-card .owner{color:#ffd75e}.gear-card .cost.short{color:#ffad91}.gear-card>button{font-size:12px!important;padding:7px 10px!important}.gear-card.selectable{cursor:pointer}.gear-card.selectable input{width:20px;height:20px;accent-color:#ffd45c;grid-column:3}.gear-card.checked{background:#4a2f17;outline:1px solid #ffd45c}.gear-card.locked{opacity:.6}.salvage-layout{display:grid;grid-template-columns:1fr 240px;gap:14px}.salvage-grid{grid-template-columns:1fr}.salvage-summary{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 14px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d}.salvage-summary canvas{width:64px;height:64px}.salvage-summary>small{font-size:10px;letter-spacing:.1em;color:#d5b183}.salvage-summary>b{font-size:34px;color:#ff9fae}.salvage-summary>span{color:#d9a8ff;font-size:13px}.salvage-summary ul{text-align:left;font-size:11px;color:#d4b67e;padding-left:16px;margin:8px 0;line-height:1.5}.salvage-summary .gold-button{width:100%}.craft-box{margin-top:16px}.craft-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.craft-grid button{font-size:11px!important;padding:8px 4px!important}
@media(max-width:760px){.hero-sheet{grid-template-columns:1fr}.slots{grid-template-columns:repeat(2,1fr)}.stat-row{grid-template-columns:repeat(2,1fr)}.gear-grid{grid-template-columns:1fr}.salvage-layout{grid-template-columns:1fr}.salvage-summary{position:static}.craft-grid{grid-template-columns:repeat(2,1fr)}}
.dialog-inner{display:flex;flex-direction:column;overflow:hidden!important}.dialog-inner>header{flex:none}#dialog-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#a77736 #332112;padding-right:6px;position:relative}
.reveal{position:relative;margin:4px 0 18px;padding:18px 20px 16px;border:2px solid var(--c);border-radius:10px;background:linear-gradient(#3a2412,#241408);box-shadow:0 0 24px color-mix(in srgb,var(--c) 45%,transparent),inset 0 0 0 1px #00000066;animation:reveal-in .55s cubic-bezier(.2,1.4,.4,1)}.reveal-title{text-align:center;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--c);text-shadow:0 1px 0 #000;margin-bottom:14px}.reveal-body{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}.reveal-frame{position:relative;width:220px;height:220px;border:4px solid var(--c);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--c) 50%,#000) 0%,#150c05 72%);box-shadow:0 0 30px color-mix(in srgb,var(--c) 60%,transparent)}.reveal-rays{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c) 40%,transparent) 0 9deg,transparent 9deg 22deg);animation:reveal-spin 14s linear infinite;opacity:.55}.reveal-frame canvas{position:relative;width:100%;height:100%;animation:reveal-pop .7s cubic-bezier(.2,1.6,.4,1)}.reveal-frame .shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translateX(-120%);animation:reveal-shine 1.4s .3s ease-out forwards}.reveal-info h3{margin:0 0 6px;font-size:28px;color:#ffe9ae}.reveal-info h3 small{font-size:14px;color:#d4b67e;font-weight:normal}.rarity-badge{display:inline-block;padding:4px 14px;border-radius:4px;background:color-mix(in srgb,var(--c) 30%,#1a0f06);border:1px solid var(--c);color:var(--c);font-weight:bold;letter-spacing:.06em;margin-bottom:10px}.reveal-info p{font-size:13px;margin:0 0 10px;color:#eddbb7}.reveal-info .stat-row{max-width:480px;margin-bottom:10px}.reveal-ok{display:block;font-size:12px;color:#c3ec8e}.reveal-pity{margin-top:12px;display:flex;gap:16px;flex-wrap:wrap;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#d5b183}.reveal-pity b{color:#ffe9ae;margin-left:4px}.reveal .dialog-actions{margin-top:12px;justify-content:center}.reveal.rarity-legendary .reveal-frame,.reveal.rarity-mythic .reveal-frame{box-shadow:0 0 40px color-mix(in srgb,var(--c) 75%,transparent),0 0 90px color-mix(in srgb,var(--c) 40%,transparent)}.reveal.rarity-mythic{animation:reveal-in .55s cubic-bezier(.2,1.4,.4,1),reveal-glow 1.6s ease-in-out infinite alternate}@keyframes reveal-in{0%{transform:scale(.85);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes reveal-pop{0%{transform:scale(.2) rotate(-8deg);opacity:0}55%{transform:scale(1.15) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0)}}@keyframes reveal-spin{to{transform:rotate(360deg)}}@keyframes reveal-shine{to{transform:translateX(120%)}}@keyframes reveal-glow{to{box-shadow:0 0 44px color-mix(in srgb,var(--c) 80%,transparent),inset 0 0 0 1px #00000066}}
@media(max-width:760px){.reveal-body{grid-template-columns:1fr;justify-items:center;text-align:center}.reveal-frame{width:180px;height:180px}}
.craft-classes{margin-bottom:14px}.craft-preview{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;padding:14px;border:2px solid var(--c);border-radius:8px;background:#2a190d}.craft-models{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.craft-models>div{text-align:center;padding:6px 2px;background:#1f130a;border:1px solid #6e4a25;border-radius:6px}.craft-models canvas{width:100%;height:auto;aspect-ratio:1}.craft-models small{display:block;font-size:10px;color:#d4b67e;line-height:1.2;min-height:24px}.craft-info h3{margin:0 0 6px;font-size:20px;color:#ffda84}.craft-info h3 small{font-size:12px;color:#d4b67e;font-weight:normal}.craft-info p{font-size:13px}.craft-info .talent-cost{margin:8px 0 12px}.craft-info .gold-button{width:100%}.craft-result{margin-top:16px}
@media(max-width:760px){.craft-preview{grid-template-columns:1fr}.craft-models{grid-template-columns:repeat(3,1fr)}}

/* Tela cheia: o palco ocupa toda a janela; em janelas mais largas que 16:9 as colunas laterais absorvem a largura extra e a arena mantém a proporção. */
@media(min-width:761px){#game{width:100vw;height:min(100svh,calc(100vw / 1.777));aspect-ratio:auto}.main-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.center-column{width:min(62.6vw,114svh)}.expanded .center-column{width:100%}.expanded .arena-wrap{background:radial-gradient(ellipse at center,#4a3116,#1b1108 80%)}}
.chest-layout{display:grid;grid-template-columns:150px minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-bottom:12px}.chest-side{display:flex;flex-direction:column;gap:8px}.chest-pick{display:flex;align-items:center;gap:8px;padding:10px 8px;background:#3a2513;border:2px solid #8c673a;border-radius:6px;color:#f3d9a1;font-size:13px;font-weight:bold;text-align:left;cursor:pointer;line-height:1.2}.chest-pick canvas{width:40px;height:40px;flex:none}.chest-pick.selected{background:linear-gradient(#f0cf7a,#c9953a);color:#3a2110;border-color:#ffe2a0}.chest-wallet{margin-top:auto;display:flex;flex-direction:column;gap:6px}.chest-wallet>div{display:grid;grid-template-columns:26px 1fr;column-gap:8px;align-items:center;padding:6px 8px;background:#2a190d;border:1px solid #6e4a25;border-radius:6px}.chest-wallet canvas{width:26px;height:26px;grid-row:span 2}.chest-wallet b{font-size:14px;color:#ffe9ae}.chest-wallet small{font-size:10px;color:#c9ae7c}.chest-center,.chest-possible{padding:14px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d;min-height:380px}.chest-center .reveal{margin:0;border:0;box-shadow:none;padding:0;background:none}.chest-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;height:100%}.chest-kicker{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f6c24d;text-align:center}.chest-main h3{margin:0;font-size:28px;color:#ffe9ae}.chest-main>p{margin:0;font-size:13px;color:#e3c99c;max-width:420px}.chest-big{width:190px;height:190px;margin:8px 0;filter:drop-shadow(0 0 18px #ffb03a88)}.chest-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.chest-actions button{flex:1;min-width:150px;font-size:13px!important;padding:11px 8px!important}.chest-main>small{font-size:11px;color:#c9ae7c;margin-top:auto}.chest-possible p{font-size:12px;text-align:center;margin:6px 0 10px}.possible-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.possible-grid>div{text-align:center;padding:6px 2px;background:#1f130a;border:1px solid #6e4a25;border-radius:6px}.possible-grid canvas{width:100%;height:auto;aspect-ratio:1}.possible-grid small{display:block;font-size:10px;color:#d4b67e;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chest-odds{padding:12px 14px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d}.chest-odds .rarity-chips{margin:8px 0 12px}.rarity-chip.filled{background:color-mix(in srgb,var(--c) 55%,#1a0f06)}.rarity-chip.filled b,.rarity-chip.filled span{color:#fff6dc;text-shadow:0 1px 0 #00000088}.pity-bars{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pity-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#f6c24d;margin-bottom:5px}.pity-bars .meter{height:8px;background:#1a1008;border:1px solid #6e4a25;box-shadow:none;border-radius:4px}.pity-bars .meter i{background:linear-gradient(#ffd75e,#c98a1e)}.pity-bars .meter i.mythic{background:linear-gradient(#ff9fae,#c2364f)}.pity-bars small{display:block;margin-top:4px;font-size:11px;color:#d4b67e}.reveal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.reveal-mini{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:2px solid var(--c);border-radius:8px;background:#1f130a;box-shadow:0 0 12px color-mix(in srgb,var(--c) 40%,transparent);animation:reveal-pop .6s cubic-bezier(.2,1.6,.4,1) both}.reveal-mini canvas{width:100%;height:auto;aspect-ratio:1}.reveal-mini b{font-size:11px;color:#ffe9ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reveal-mini span{font-size:10px;color:var(--c);font-weight:bold}.reveal.multi .reveal-title{margin-bottom:10px}
@media(max-width:760px){.chest-layout{grid-template-columns:1fr}.chest-side{flex-direction:row;flex-wrap:wrap}.chest-wallet{flex-direction:row;width:100%}.chest-center,.chest-possible{min-height:0}.possible-grid{grid-template-columns:repeat(5,1fr)}.pity-bars{grid-template-columns:1fr}.reveal-grid{grid-template-columns:repeat(2,1fr)}}
.chat-tabs{display:flex;gap:4px;margin-bottom:5px}.chat-tabs button{flex:1;padding:0.298cqw 0.34cqw;font-size:0.612cqw;background:#3a2513;border:1px solid #8c673a;border-radius:4px;color:#e3c99c;cursor:pointer}.chat-tabs button.active{background:linear-gradient(#f0cf7a,#c9953a);color:#3a2110;border-color:#ffe2a0;font-weight:bold}.chat-lines p.system{color:#ffd75e}.chat-lines p.system b{color:#ffe9ae}.chat-lines time{float:right;font-size:0.527cqw;color:#a98d66;margin-left:6px}
@media(max-width:760px){.chat-tabs button{font-size:11px;padding:5px}.chat-lines time{font-size:9px}}
.news-button{position:relative}.envelope{width:62%;height:62%;filter:drop-shadow(0 1px 0 #5b2a00)}.news-dot{position:absolute;top:14%;right:16%;width:0.468cqw;height:0.468cqw;border-radius:50%;background:#7cf27c;box-shadow:0 0 6px #7cf27c,0 0 0 2px #2a170a}.news-layout{display:grid;grid-template-columns:230px 1fr;gap:12px}.news-list{display:flex;flex-direction:column;gap:8px}.news-card{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 12px;background:#35221388;border:2px solid #8c673a;border-radius:6px;color:#f3d9a1;cursor:pointer}.news-card b{font-size:13px;color:#ffe9ae}.news-card small{font-size:11px;color:#d4b67e}.news-card span{font-size:10px;letter-spacing:.06em;text-transform:uppercase}.news-card span.new{color:#8fe79a}.news-card span.read{color:#b9a07a}.news-card.selected{background:linear-gradient(#6a4718,#3b250d);border-color:#ffd45c}.news-body{padding:16px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d;min-height:360px}.news-body header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #a5713655;padding-bottom:10px;margin-bottom:12px}.news-body h3{margin:0;font-size:22px;color:#ffda84}.news-body header small{font-size:11px;color:#d4b67e;white-space:nowrap}.news-body p{padding:10px 12px;margin:0 0 8px;background:#1f130a;border-left:3px solid #b8843e;border-radius:4px;font-size:13px;line-height:1.5}
@media(max-width:760px){.news-layout{grid-template-columns:1fr}.news-dot{width:8px;height:8px}}
.community-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.community-link{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;text-decoration:none;color:#fff;border:1px solid #ffffff33}.community-link.discord{background:linear-gradient(#5a63d8,#4048b8)}.community-link.x{background:linear-gradient(#2a2a2a,#111)}.community-link.soon{opacity:.6;filter:grayscale(.4)}.community-link .glyph{width:40px;height:40px;display:grid;place-items:center;background:#ffffff22;border-radius:8px;font-size:20px}.community-link b{display:block;font-size:14px}.community-link small{font-size:11px;opacity:.85}.community-link .arrow{font-size:14px;opacity:.8}.settings-row.column{flex-direction:column;align-items:stretch;gap:6px}.settings-row.column span{display:flex;justify-content:space-between}.settings-row.column span small{color:#b9a07a;font-size:11px}.settings-row.column input[type=range]{max-width:none;accent-color:#e0a63c}.settings-row input[type=checkbox]+*{margin-left:6px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legal-grid .wood-button{font-size:12px!important;padding:9px!important}.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.account-row b{display:block;font-size:14px;color:#ffe9ae}.account-row small{font-size:11px;color:#c9ae7c}.account-section input[readonly]{width:100%;padding:8px;background:#1d120a;color:#ffe9ae;border:1px solid #b4884f;font-size:12px}.logout-button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;margin:14px 0 0 auto;padding:10px 14px;background:linear-gradient(#7a2e22,#4b1a12);border:2px solid #e07b5e;border-radius:6px;color:#ffe6d6;text-align:left;cursor:pointer;max-width:360px}.logout-button:disabled{opacity:.5;cursor:not-allowed}.logout-button .glyph{width:40px;height:40px;display:grid;place-items:center;background:#ffffff22;border-radius:8px;font-size:20px}.logout-button b{display:block;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.logout-button small{font-size:11px;opacity:.85}.possible-grid>div{position:relative;transition:transform .15s,box-shadow .15s;border-color:var(--c,#6e4a25)}.possible-grid>div.previewing{transform:scale(1.08);box-shadow:0 0 14px var(--c);z-index:1}.preview-tag{position:absolute;top:3px;left:0;right:0;font-size:9px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 #000}
@media(max-width:760px){.community-buttons,.legal-grid{grid-template-columns:1fr}.account-row{flex-direction:column;align-items:stretch}}

.top-actions .square{width:2.7cqw;height:3.4cqw}.top-actions{gap:.25cqw}.loot-collect{margin-top:.4cqw}.loot-collect p{font-size:.62cqw;line-height:1.3}.loot-collect .gold-button{font-size:.75cqw;padding:.35cqw .7cqw}.pending-drops{font-size:.55cqw;margin:0 0 .2cqw}

@media(min-width:761px){.main-grid{grid-template-columns:14.5% minmax(0,1fr) 14.5%}.center-column{width:min(70vw,114svh)}}
.panel-toggle{flex:none;width:1.35cqw;height:1.35cqw;display:grid;place-items:center;background:#3c2617;border:1px solid #daaa62;border-radius:3px;color:#eec37a;font-size:.9cqw;line-height:1;cursor:pointer;padding:0}.panel h2>.panel-toggle{margin-left:auto}.panel h2 small+.panel-toggle,.panel h2 .info-button+.panel-toggle{margin-left:.3cqw}.panel.collapsed{flex:0 0 auto!important;padding-bottom:.35cqw}.panel.collapsed>*:not(h2):not(.frame-art){display:none!important}.panel.collapsed h2{margin-bottom:0}.left-column:has(.missions.collapsed) .chat{flex:1}.left-column:has(.missions.collapsed):has(.chat.collapsed) .objectives{flex:1}.right-column:has(.team.collapsed) .loot{flex:1}.loot-collect{flex-direction:column;justify-content:center;gap:.35cqw;text-align:center}.loot-collect>div{display:flex;flex-direction:column;align-items:center;gap:.25cqw}.loot-chest canvas{width:3.8cqw;height:4cqw}.loot-collect p{margin:0}.panel h2{gap:.35cqw}
@media(max-width:760px){.panel-toggle{width:20px;height:20px;font-size:14px}.loot-chest canvas{width:50px;height:55px}}

@media(min-width:761px){#game{padding:.3% .4% .9%;gap:.6%}.bottom-nav{height:9.4%}}

.loot{display:flex;flex-direction:column}.loot .loot-slots{flex:none}.loot-collect{flex:1;min-height:0;flex-direction:row;justify-content:center;align-items:center;gap:.7cqw;text-align:left;margin-top:.3cqw}.loot-collect>div{align-items:flex-start;gap:.3cqw}.loot-chest canvas{width:3.4cqw;height:3.6cqw}.loot-collect p{font-size:.6cqw;line-height:1.25;max-width:7cqw}.loot-collect .gold-button{font-size:.72cqw;padding:.3cqw .7cqw}
@media(max-width:760px){.loot-collect{flex-direction:column;text-align:center}.loot-collect>div{align-items:center}}

@media(min-width:761px){#game{gap:1%}.main-grid{height:78.4%}.topbar{height:8.8%}}

@media(min-width:761px){#game{gap:1.3%}.main-grid{height:78%}}

@media(min-width:761px){.main-grid{grid-template-columns:minmax(14.5%,1fr) auto minmax(14.5%,1fr)}.center-column{justify-self:center}}

.loot-collect{justify-content:center;gap:.45cqw}.loot-collect>div{flex:0 0 auto;align-items:center;text-align:center;gap:.25cqw}.loot-collect p{max-width:6.2cqw}.loot-chest{position:relative}.loot-chest.has-loot canvas{animation:chest-wiggle 1.6s ease-in-out infinite;filter:drop-shadow(0 0 7px #ffd75e)}.loot-chest.has-loot::after{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,#ffd75e55,transparent 70%);animation:chest-glow 1.6s ease-in-out infinite;pointer-events:none;z-index:-1}.loot-chest.has-drops canvas{filter:drop-shadow(0 0 10px #ff9fae) drop-shadow(0 0 4px #ffd75e)}@keyframes chest-wiggle{0%,60%,100%{transform:rotate(0) scale(1)}65%{transform:rotate(-6deg) scale(1.06)}72%{transform:rotate(6deg) scale(1.06)}79%{transform:rotate(-4deg) scale(1.04)}86%{transform:rotate(3deg) scale(1.02)}}@keyframes chest-glow{0%,100%{opacity:.35}50%{opacity:.9}}.reduced .loot-chest canvas{animation:none!important}
.help-intro{font-size:14px!important;margin-bottom:14px!important}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-card{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #8c673a;border-radius:8px;background:#2c1a0d}.help-card canvas{width:56px;height:56px}.help-card b{display:block;font-size:14px;color:#ffda84;margin-bottom:4px}.help-card p{font-size:12px!important;margin:0!important;line-height:1.45!important}.help-keys{display:flex;gap:8px;flex-wrap:wrap}.key{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#1f130a;border:1px solid #b8843e;border-radius:6px;font-size:12px;color:#e3c99c}.key b{color:#ffe9ae}.key canvas{width:22px;height:22px}
@media(max-width:760px){.help-grid{grid-template-columns:1fr}}

@media(min-width:761px){.expanded .center-column{width:100%!important;justify-self:stretch;display:flex;flex-direction:column;align-items:center}.expanded .arena-toolbar{align-self:stretch}.expanded .arena-wrap{flex:1;min-height:0;width:auto;max-width:100%;aspect-ratio:1000/620;background:#9a7546}.expanded #arena{width:100%;height:100%;object-fit:fill}}

.bottom-nav{grid-template-columns:repeat(8,1fr)}
.square canvas{width:70%;height:70%}.toolbar-stat{display:inline-flex;align-items:center;gap:.3cqw;padding:.3cqw .45cqw;border:1px solid #a8843c;background:#4a3015;color:#f3d9a1;font-size:.6cqw;border-radius:3px;white-space:nowrap}.toolbar-stat b{color:#ffd45c}.vip-dot{width:.5cqw;height:.5cqw;border-radius:50%;background:#ffd45c;box-shadow:0 0 6px #ffd45c}.toolbar-social{display:inline-flex;gap:.3cqw;margin-left:auto}.toolbar-social .social{display:grid;place-items:center;width:1.9cqw;height:1.9cqw}.toolbar-social canvas{width:100%;height:100%}.alpha-badge{display:inline-flex;align-items:center;gap:.3cqw;padding:.25cqw .5cqw .25cqw .3cqw;border:1px solid #7fa6ff;background:#1f2b4a;color:#dbe8ff;font-size:.6cqw;font-weight:bold;letter-spacing:.08em;border-radius:4px;cursor:pointer}.alpha-badge canvas{width:1.2cqw;height:1.2cqw}#map-title{margin-left:0}.alpha-head{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;margin-bottom:14px}.alpha-head canvas{width:56px;height:56px}.alpha-head h3{margin:0 0 4px;font-size:22px;color:#ffda84}.alpha-head p{margin:0}.alpha-block{padding:12px 14px;margin-bottom:10px;border:1px solid #8c673a;border-left:3px solid #b8843e;border-radius:6px;background:#2c1a0d}.alpha-block b{display:block;color:#ffda84;margin-bottom:4px;font-size:14px}.alpha-block p{font-size:13px;margin:0}.alpha-slot{display:inline-block;margin-top:8px;padding:5px 10px;border:1px solid #b8843e;border-radius:4px;background:#1f130a;font-size:12px}.alpha-slot b{display:inline;color:#ffe9ae;margin-left:4px}.loot-collect{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.3cqw;text-align:center}.loot-title{margin:0;font-size:.62cqw;color:#e3c99c}.loot-chest{align-self:center}.loot-chest canvas{width:3.6cqw;height:3.8cqw}#collect{width:100%;font-size:.75cqw;padding:.35cqw}
@media(max-width:760px){.toolbar-stat,.alpha-badge{font-size:10px;padding:4px 6px}.toolbar-social .social{width:24px;height:24px}.alpha-badge canvas{width:16px;height:16px}.alpha-head{grid-template-columns:44px 1fr}.loot-title{font-size:11px}#collect{font-size:14px}}
.loot-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;margin-bottom:12px}.loot-panel{padding:16px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d}.loot-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.loot-big canvas{width:170px;height:170px;filter:saturate(.55) brightness(.8)}.loot-big.has-loot canvas{filter:drop-shadow(0 0 16px #ffd75e);animation:chest-wiggle 1.6s ease-in-out infinite}.loot-main h3{margin:4px 0 0;font-size:22px;color:#ffda84}.loot-main>p{margin:0;font-size:13px;max-width:380px;color:#e3c99c}.loot-main .gold-button{width:100%;max-width:320px;margin-top:6px}.loot-main>small{font-size:11px;color:#c9ae7c;margin-top:auto}.loot-summary .loot-currencies{grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 14px}.loot-currencies>div.zero{opacity:.45}.loot-currencies>div span{font-size:11px}.loot-odds{grid-template-columns:repeat(3,1fr);margin:8px 0 6px}
@media(max-width:760px){.loot-layout{grid-template-columns:1fr}.loot-summary .loot-currencies{grid-template-columns:repeat(2,1fr)}}

.square canvas{width:86%;height:86%}.loot-slots{padding-bottom:.4cqw}.loot-collect{gap:.2cqw;padding-top:.2cqw}.loot-title{font-size:.55cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-chest canvas{width:2.9cqw;height:3.05cqw}#collect{font-size:.7cqw;padding:.3cqw}.pending-drops{font-size:.5cqw;margin:0}

.loot-title{text-align:center;font-size:.52cqw;color:#e3c99c}.loot-collect{text-align:center}.top-actions .square{background:linear-gradient(#6b4423,#3a2312)}

.toolbar-button{display:inline-flex;align-items:center;gap:.3cqw;padding:.28cqw .55cqw;border:1px solid #ba8848;border-radius:4px;background:linear-gradient(#5a3a1c,#3d2411);color:#f3d9a1;font-size:.6cqw;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px #2a170a;cursor:pointer;line-height:1}.toolbar-button canvas{width:1.15cqw;height:1.15cqw}.toolbar-button:hover{filter:brightness(1.12)}.toolbar-social{gap:.35cqw}.toolbar-social .social{width:auto;height:auto}.alpha-badge{border-color:#7fa6ff;color:#dbe8ff;background:linear-gradient(#2b3d6b,#1c274a);letter-spacing:.08em;font-weight:bold}.alpha-badge canvas{width:1.15cqw;height:1.15cqw}
@media(max-width:760px){.toolbar-button{font-size:10px;padding:4px 7px}.toolbar-button canvas,.alpha-badge canvas{width:14px;height:14px}}

.toolbar-social .social{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:.22cqw .3cqw}.toolbar-social .social canvas{width:1.35cqw;height:1.35cqw}
@media(max-width:760px){.toolbar-social .social canvas{width:18px;height:18px}}

.switch-label{display:inline-flex;align-items:center;gap:.4cqw;cursor:pointer}.switch{appearance:none;-webkit-appearance:none;width:2.3cqw;height:1.2cqw;border-radius:1cqw;background:#3a2513;border:1px solid #ba8848;position:relative;cursor:pointer;margin:0;box-shadow:inset 0 1px 3px #000a;transition:background .15s}.switch::before{content:"";position:absolute;top:.1cqw;left:.12cqw;width:.86cqw;height:.86cqw;border-radius:50%;background:linear-gradient(#e9d3a3,#b28b55);box-shadow:0 1px 2px #000a;transition:left .15s}.switch:checked{background:#2f6b2a;border-color:#8fe79a}.switch:checked::before{left:calc(100% - 1cqw);background:linear-gradient(#e6ffc9,#8fd66a)}
@media(max-width:760px){.switch{width:36px;height:19px}.switch::before{width:13px;height:13px;top:2px;left:2px}.switch:checked::before{left:19px}}

.arena-toolbar input.switch{width:2.3cqw;height:1.2cqw;margin:0}
@media(max-width:760px){.arena-toolbar input.switch{width:36px;height:19px}}

.arena-toolbar{display:flex;align-items:center;gap:.6cqw;padding:.34cqw .6cqw}.tb-group{display:inline-flex;align-items:center;gap:.4cqw}.tb-stats{flex:1;justify-content:center}.tb-right{margin-left:auto}.arena-toolbar .toolbar-button{height:2cqw;box-sizing:border-box;font-size:.62cqw;padding:0 .6cqw}.arena-toolbar .switch-label{gap:.45cqw}.arena-toolbar .auto-button{background:linear-gradient(#3c7a2a,#23501a);border-color:#8fd66a;color:#e6ffc9;font-weight:bold;letter-spacing:.04em}.arena-toolbar .auto-button.off{background:linear-gradient(#6b2a2a,#4a1c1c);border-color:#e07b5e;color:#ffd9c6}.arena-toolbar .online-button{background:linear-gradient(#2e4a22,#1e3216);border-color:#74a04b;color:#d4eeae}.arena-toolbar .toolbar-stat.vips{background:linear-gradient(#5a4316,#3a2a0c);border-color:#d4a93e;color:#ffe9ae}.arena-toolbar .toolbar-social .social{height:2cqw;width:2.2cqw;padding:0}.arena-title{position:absolute;top:.6cqw;left:.7cqw;z-index:2;display:flex;align-items:center;gap:.5cqw;padding:.3cqw .7cqw;background:#1d1007cc;border:1px solid #b8843e;border-radius:4px;color:#ffe9ae;font-size:.68cqw;pointer-events:none}.arena-title strong{font-size:.8cqw}.arena-title .wave-label{color:#d4b67e;border-left:1px solid #977248;padding-left:.5cqw}.build-badge{left:auto;right:.7cqw;top:.6cqw}
@media(max-width:760px){.arena-toolbar{flex-wrap:wrap;gap:6px}.tb-stats{flex-basis:100%;justify-content:flex-start}.tb-right{margin-left:auto}.arena-toolbar .toolbar-button{height:28px;font-size:10px;padding:0 8px}.arena-toolbar .toolbar-social .social{height:28px;width:30px}.arena-title{font-size:10px;padding:4px 8px;top:6px;left:6px}.arena-title strong{font-size:11px}.build-badge{display:none}}

.arena-toolbar{flex:0 0 auto!important;min-height:0;padding:.8cqw .9cqw;gap:.5cqw;box-sizing:border-box}.arena-toolbar .toolbar-button{height:1.75cqw;font-size:.6cqw;padding:0 .55cqw}.arena-toolbar .toolbar-social .social{height:1.75cqw;width:2cqw}.arena-toolbar .toolbar-social .social canvas{width:1.2cqw;height:1.2cqw}.arena-toolbar input.switch{width:2cqw;height:1.05cqw}.switch::before{width:.75cqw;height:.75cqw;top:.09cqw;left:.11cqw}.switch:checked::before{left:calc(100% - .88cqw)}

/* MOBILE OVERRIDES (manter por último: regras sem escopo acima usam cqw e precisam ser vencidas aqui) */
@media(max-width:760px){.topbar{grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:auto}.top-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-end;gap:6px}.top-actions .square{width:42px;height:44px}.square canvas{width:82%;height:82%}.news-dot{width:8px;height:8px;top:4px;right:6px}.arena-toolbar{flex-wrap:wrap;gap:6px;padding:10px 10px;min-height:0}.tb-group{gap:6px}.tb-stats{flex-basis:auto;justify-content:flex-start}.tb-right{margin-left:auto}.arena-toolbar .toolbar-button{height:28px;font-size:11px;padding:0 9px}.arena-toolbar .toolbar-social .social{height:28px;width:30px}.arena-toolbar .toolbar-social .social canvas{width:16px;height:16px}.arena-toolbar input.switch{width:36px;height:19px}.switch::before{width:13px;height:13px;top:2px;left:2px}.switch:checked::before{left:19px}.arena-title{font-size:10px;padding:4px 8px;top:6px;left:6px;gap:6px}.arena-title strong{font-size:11px}.arena-title .wave-label{padding-left:6px}.panel-toggle{width:20px;height:20px;font-size:14px}.panel h2{gap:6px}.right-column{grid-template-columns:1fr 1fr}.loot{min-height:250px}.loot-slots{padding-bottom:6px}.loot-collect{gap:4px;padding-top:4px}.loot-title{font-size:11px}.loot-chest canvas{width:44px;height:46px}#collect{font-size:14px;padding:8px}.pending-drops{font-size:10px}.chat-tabs button{font-size:11px;padding:5px}.chat-lines time{font-size:9px}.bottom-nav{grid-template-columns:repeat(4,1fr);gap:5px}.toolbar-stat{font-size:11px}.vip-dot{width:8px;height:8px}}

@media(max-width:760px){.loot-collect p.loot-title{font-size:11px;max-width:none}}

.market-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.market-head>small{font-size:11px;color:#c9ae7c}.market-head a{color:#ffd45c}.wallet-chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #8c673a;border-radius:6px;background:#2c1a0d}.wallet-chip.linked{border-color:#8fe79a}.wallet-chip .dot{width:9px;height:9px;border-radius:50%;background:#7cf27c;box-shadow:0 0 6px #7cf27c}.wallet-chip b{font-family:Consolas,monospace;color:#ffe9ae}.wallet-chip small{font-size:12px;color:#d4b67e}.wallet-chip .gold-button,.wallet-chip .wood-button{font-size:12px!important;padding:8px 12px!important}.wallet-chip form{flex:1;min-width:260px;margin:0}.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.listing{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--c);border-radius:6px;background:#2a190d}.listing>canvas{width:72px;height:72px}.listing b{display:block;font-size:14px;color:#ffe9ae}.listing small{display:block;font-size:11px;color:#c9ae7c}.listing span{font-size:12px;font-weight:bold}.listing .hint{color:#ffd75e}.listing-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.listing-price b{font-size:15px;color:#c3ec8e}.listing-price small{font-size:10px;color:#c9ae7c}.listing-price button{font-size:12px!important;padding:7px 12px!important}.buy-panel{padding:14px;border:2px solid var(--c);border-radius:8px;background:#2c1a0d}.buy-head{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;margin-bottom:10px}.buy-head canvas{width:96px;height:96px}.buy-head h3{margin:0 0 4px;font-size:22px;color:#ffe9ae}.buy-head h3 small{font-size:12px;color:#d4b67e;font-weight:normal}.buy-head p{margin:4px 0 0;font-size:12px}.buy-total{text-align:right}.buy-total b{display:block;font-size:22px;color:#c3ec8e}.buy-total small{font-size:11px;color:#c9ae7c}.buy-log{white-space:pre-wrap;font-size:12px;color:#d4b67e;background:#1f130a;border:1px solid #6e4a25;border-radius:6px;padding:10px;margin-top:10px;max-height:160px;overflow:auto}.sell-card{grid-template-columns:72px 1fr auto}.price-field{display:block;font-size:11px;color:#d4b67e;margin-top:6px}.price-field input{width:110px;margin-left:6px;padding:6px;background:#1d120a;color:#ffe9ae;border:1px solid #b4884f}.market-list div{flex-wrap:wrap}.market-list a{color:#ffd45c}
@media(max-width:760px){.listing-grid{grid-template-columns:1fr}.listing{grid-template-columns:56px 1fr}.listing-price{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.buy-head{grid-template-columns:64px 1fr}.buy-total{grid-column:1/-1;text-align:left}}

.wallet-panel{padding:12px 14px;border:1px solid #8c673a;border-radius:8px;background:#2c1a0d}.wallet-panel>p{font-size:13px;margin:6px 0 10px;text-align:center}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wallet-card{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--c);border-radius:8px;background:#1f130a}.wallet-card.found{box-shadow:0 0 10px color-mix(in srgb,var(--c) 45%,transparent)}.wallet-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:bold;font-size:20px;color:#fff;background:var(--c);text-shadow:0 1px 0 #0008}.wallet-card b{display:block;font-size:14px;color:#ffe9ae}.wallet-card small{font-size:11px;color:#c9ae7c}.wallet-card .gold-button,.wallet-card .wood-button{font-size:12px!important;padding:7px 10px!important;text-decoration:none;display:inline-block;margin-left:4px}.wallet-panel details{margin-top:10px}.wallet-panel summary{font-size:12px;color:#d4b67e;cursor:pointer}.wallet-panel form{margin-top:6px}
@media(max-width:760px){.wallet-grid{grid-template-columns:1fr}.wallet-card{grid-template-columns:40px 1fr}.wallet-card>.gold-button,.wallet-card>.wood-button,.wallet-card>button{grid-column:1/-1;margin:0}}

.wallet-logo svg{width:30px;height:30px}.btn-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#ffffff22;vertical-align:middle;margin-right:6px}.btn-icon svg{width:14px;height:14px}

.market-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:stretch;margin-bottom:12px}.market-bar .wallet-chip{margin:0}.wallet-chip{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px}.wallet-chip .dot.off{background:#a08a61;box-shadow:none}.wallet-chip b{display:block}.market-meta{display:flex;flex-direction:column;justify-content:center;padding:8px 14px;border:1px solid #8c673a;border-radius:6px;background:#2c1a0d;min-width:130px}.market-meta small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d5b183}.market-meta b{font-size:15px;color:#ffe9ae}.market-meta a{color:#ffd45c;text-decoration:none}.wallet-overlay{position:absolute;inset:0;z-index:6;background:#1d1007ee;display:grid;place-items:start center;padding:24px 16px;overflow:auto}.wallet-overlay .wallet-panel{width:min(760px,100%);animation:reveal-in .3s ease-out}.close-x{width:36px;height:36px;padding:0!important;font-size:20px!important;line-height:1}.market-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:26px 12px 10px}.market-empty canvas{width:110px;height:110px;filter:saturate(.6) brightness(.85)}.market-empty h3{margin:6px 0 0;font-size:22px;color:#ffda84}.market-empty p{max-width:520px;font-size:13px;margin:0 0 6px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.how-grid article{display:grid;justify-items:center;text-align:center;gap:4px;padding:14px 12px;border:1px solid #8c673a;border-radius:8px;background:#2c1a0d}.how-grid canvas{width:52px;height:52px}.how-grid b{font-size:14px;color:#ffda84}.how-grid p{font-size:12px;margin:0;line-height:1.45}
@media(max-width:760px){.market-bar{grid-template-columns:1fr}.wallet-chip{grid-template-columns:auto 1fr;row-gap:6px}.wallet-chip>button{grid-column:span 1}.how-grid{grid-template-columns:1fr}}

.brl{font-size:.8em;color:#c3ec8e;font-weight:normal;white-space:nowrap}.listing-price b .brl{display:block;font-size:11px}.buy-total b .brl{display:block;font-size:12px}.brl-hint{color:#c3ec8e;font-size:11px;margin-left:6px}.pay-buttons .brl{display:block;font-size:10px}

.wood-button.danger{border-color:#e07b5e;color:#ffd9c6}

.stat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.stat-tile{padding:10px 12px;border:1px solid #8c673a;border-radius:8px;background:#2c1a0d}.stat-tile small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d5b183}.stat-tile b{display:block;font-size:18px;color:#ffe9ae;margin:3px 0}.stat-tile b .brl{display:block;font-size:11px}.stat-tile span{font-size:11px;color:#c9ae7c}.statement{border:1px solid #8c673a;border-radius:6px;overflow:hidden;font-size:12px}.statement-head,.statement-row{display:grid;grid-template-columns:1.1fr .7fr 1.6fr 1.1fr .9fr 1.1fr 1fr .9fr 1fr;gap:8px;align-items:center;padding:7px 10px}.statement-head{background:#24160b;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d5b183}.statement-row{border-top:1px solid #a5713633;background:#35221366}.statement-row:nth-child(even){background:#2c1a0d66}.statement-row .role{font-weight:bold}.statement-row.sale .role{color:#c3ec8e}.statement-row.purchase .role{color:#ffd66b}.statement-row .net{font-weight:bold;color:#ffe9ae}.statement-row .brl{display:block;font-size:10px}.statement-row .st{font-size:11px}.st-sold{color:#c3ec8e}.st-cancelled,.st-orphan{color:#ffad91}.st-reserved{color:#ffd75e}.statement-row .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.statement-row .acts a{color:#ffd45c;font-size:11px}.statement-row .acts button{font-size:11px!important;padding:5px 8px!important}.event-log{font-size:12px;border:1px solid #8c673a;border-radius:6px;background:#2c1a0d}.event-log>div{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:6px 10px;border-top:1px solid #a5713633}.event-log>div:first-child{border-top:0}.event-log time{color:#a98d66}.event-log a{color:#ffd45c}
@media(max-width:760px){.stat-tiles{grid-template-columns:repeat(2,1fr)}.statement-head{display:none}.statement-row{grid-template-columns:1fr 1fr;row-gap:4px}.statement-row .acts{grid-column:1/-1;justify-content:flex-start}.event-log>div{grid-template-columns:1fr}}

.sell-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:14px}.sell-layout>section{padding:12px;border:1px solid #8c673a;border-radius:8px;background:#2c1a0d}.pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.pick-card{display:grid;justify-items:center;gap:3px;padding:10px 6px;border:2px solid var(--c);border-radius:8px;background:#1f130a;color:#ffe9ae;cursor:pointer;text-align:center}.pick-card canvas{width:70px;height:70px}.pick-card b{font-size:12px}.pick-card small{font-size:10px;color:#c9ae7c}.pick-card.selected{background:#4a2f17;box-shadow:0 0 0 2px #ffd45c,0 0 12px color-mix(in srgb,var(--c) 50%,transparent)}.market-empty.small{padding:16px 8px 6px}.market-empty.small canvas{width:80px;height:80px}.market-empty.small h3{font-size:18px}.sell-summary{padding:14px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d;display:flex;flex-direction:column;gap:10px}.sell-preview{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid var(--c);border-radius:6px;background:#1f130a}.sell-preview canvas{width:64px;height:64px}.sell-preview b{display:block;font-size:14px;color:#ffe9ae}.sell-preview small{display:block;font-size:11px;color:#c9ae7c}.sell-preview span{font-size:12px;font-weight:bold}.sell-hint{font-size:13px;color:#d4b67e;text-align:center;padding:16px 6px;border:1px dashed #8c673a;border-radius:6px;margin:0}.sell-label{display:block;font-size:12px;color:#d4b67e}.sell-label input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:10px;font-size:18px;background:#1d120a;color:#ffe9ae;border:1px solid #b4884f;border-radius:6px}.sell-math{display:grid;gap:6px;padding:10px;border:1px solid #6e4a25;border-radius:6px;background:#1f130a;font-size:13px}.sell-math div{display:flex;justify-content:space-between;gap:8px}.sell-math span{color:#d4b67e}.sell-math b{color:#ffe9ae;text-align:right}.sell-math .net{border-top:1px solid #6e4a25;padding-top:6px}.sell-math .net b{color:#c3ec8e;font-size:15px}.sell-math .brl{display:block;font-size:10px}.sell-where{font-size:12px;margin:0;color:#e3c99c}.sell-submit{width:100%;font-size:15px!important;padding:12px!important}
@media(max-width:760px){.sell-layout{grid-template-columns:1fr}.pick-grid{grid-template-columns:repeat(2,1fr)}}

.order-panel{display:block;padding:0;border-radius:8px;overflow:hidden}.order-head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#3a2412;border-bottom:1px solid #8c673a;flex-wrap:wrap}.order-head canvas{width:52px;height:52px;flex:none}.order-head>div{min-width:0}.order-panel .order-head h3{margin:0;font-size:20px;color:#ffda84}.order-head small{display:block;font-size:10px;color:#c9ae7c;text-transform:uppercase;letter-spacing:.08em}.order-total{margin-left:auto;text-align:right}.order-total b{font-size:18px;color:#ffe9ae}.order-total .brl{display:block;font-size:11px}.order-panel .order-head .status{margin-left:8px}.order-steps{list-style:none;margin:0;padding:12px 16px;display:grid;gap:10px}.order-step{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #6e4a25;border-radius:8px;background:#221409}.step-body{flex:1;min-width:0}.order-step::before{content:attr(data-n);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#6e4a25;color:#ffe9ae;font-weight:bold;font-size:13px;border:2px solid #b8843e;flex:none}.order-step.primary{border-color:#d9a45c;background:#33200f}.order-step.primary::before{background:#f0bd3c;color:#3b2008;border-color:#ffe08a}.order-step.alt{opacity:.92}.order-step.alt::before{font-size:11px}.order-step b{font-size:15px;color:#ffe9ae}.step-body>b{display:block}.order-step p{margin:4px 0 8px;font-size:13px;color:#e3c99c;line-height:1.4}.step-body>small{display:block;font-size:11px;color:#c9ae7c;margin-top:6px}.order-cta{display:flex;gap:8px;flex-wrap:wrap}.order-cta .gold-button{flex:1;min-width:190px}.order-panel .copy-box{display:block;margin:8px 0}.order-panel .copy-box>span:first-child{display:block;font-size:11px;color:#d4b67e;margin-bottom:3px}.order-panel .copy-line{display:flex;gap:6px}.order-panel .copy-line input{flex:1;min-width:0;padding:8px;background:#1d120a;color:#ffe9ae;border:1px solid #b4884f;border-radius:4px;font-size:12px}.hash-row{display:flex;gap:6px}.hash-row input{flex:1;min-width:0;padding:8px;background:#1d120a;color:#ffe9ae;border:1px solid #b4884f;border-radius:4px;font-size:12px}.pix-row{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}.order-panel .pix-row img{width:150px;height:150px;background:#fff;border:4px solid #f3d9a1;border-radius:4px}.order-done{padding:18px 16px;text-align:center;font-size:15px;color:#c3ec8e}.order-done.off{color:#ffd9c6}
@media(max-width:760px){.order-head canvas{display:none}.order-total{margin-left:0;text-align:left;width:100%}.order-step{padding:10px}.order-step::before{width:24px;height:24px;font-size:11px}.pix-row{grid-template-columns:1fr;justify-items:center}}

.how-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}.how-grid.three>div{padding:10px 12px;border:1px solid #6e4a25;border-radius:8px;background:#221409}.how-grid.three b{display:block;font-size:13px;color:#ffe9ae;margin-bottom:3px}.how-grid.three span{font-size:12px;color:#d4b67e;line-height:1.35}
@media(max-width:760px){.how-grid.three{grid-template-columns:1fr}}

/* Arena sem deformar: no desktop a coluna central recebe (por código, fitArena em app.js) a largura em que o canvas 1000×620 cabe na altura disponível; as colunas laterais absorvem o resto. */
@media(min-width:761px){.arena-wrap{flex:none;width:100%;aspect-ratio:1000/620;margin:auto 0}#arena{object-fit:contain}}

/* Respiro no desktop: mais espaço entre a moldura, as colunas e os painéis; a linha principal ocupa o que sobra entre a barra superior e o rodapé. */
@media(min-width:761px){#game{padding:.55% .85% .75%;gap:1.5%}.topbar{gap:.6%}.main-grid{height:auto;flex:1;min-height:0;column-gap:1.05%}.left-column,.right-column{gap:.85cqw}.panel{padding:.6cqw .8cqw .85cqw}.panel h2{margin-bottom:.7cqw}.center-column{gap:.75cqw}.bottom-nav{gap:.7%}.loot-currencies{gap:.6cqw}}

/* Tábua central: no desktop o conteúdo fica com a proporção da tela aprovada (1,777) centralizado na moldura de madeira; cqw passa a medir a tábua, então a escala é a da referência. */
.board{display:contents}
@media(min-width:761px){#game{align-items:center}.board{display:flex;flex-direction:column;gap:1.5%;height:100%;width:100%;max-width:calc(100svh * 1.777);min-height:0;container-type:inline-size}}

/* Rodapé compacto: ícone em cima, nome embaixo, botões centralizados. */
@media(min-width:761px){.bottom-nav{display:flex;justify-content:center;gap:.6cqw}.bottom-nav button{flex-direction:column;justify-content:center;gap:.12cqw;padding:.3cqw .6cqw;width:9.6cqw;min-width:0}.bottom-nav canvas{width:2.7cqw;height:2.9cqw}.bottom-nav span{font-size:.72cqw}}

/* Extrato do mercado: molduras, tabela com cabeçalho destacado, selos e linha do tempo. */
.ledger{padding:12px 14px 14px;border:2px solid #b8843e;border-radius:8px;background:#2c1a0d;margin-top:14px}.ledger .chest-kicker{margin-bottom:10px}.ledger .statement{border-color:#6e4a25;background:#1f130a}.ledger .statement-head{background:#3a2412;color:#ffda84;font-size:10px;padding:9px 12px;border-bottom:1px solid #8c673a}.ledger .statement-row{padding:9px 12px;background:transparent;border-top:1px solid #6e4a2544}.ledger .statement-row:nth-child(odd){background:#2a190c88}.ledger .statement-row:hover{background:#3a2412}.pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:10.5px;font-style:normal;font-weight:bold;letter-spacing:.03em;border:1px solid currentColor;line-height:1.2;white-space:nowrap}.pill.role-sale{color:#c3ec8e;background:#1f3a12}.pill.role-purchase{color:#ffd66b;background:#3a2a08}.pill.st-pending{color:#ffd66b;background:#3a2a08}.pill.st-reserved{color:#8fd7ff;background:#0f2a3a}.pill.st-sold{color:#c3ec8e;background:#1f3a12}.pill.st-cancelled{color:#d9b7a3;background:#3a1a12}.pill.st-orphan{color:#ffad91;background:#3a1a12}.statement-row .who small{color:#a98d66;font-style:italic;font-weight:normal}.statement-row .acts .mini{font-size:11px!important;padding:4px 8px!important;text-decoration:none}.ledger .event-log{border-color:#6e4a25;background:#1f130a}.ledger .event-log>div{grid-template-columns:118px 1fr;padding:8px 12px 8px 30px;position:relative}.ledger .event-log>div::before{content:'';position:absolute;left:12px;top:12px;width:9px;height:9px;border-radius:50%;background:#d5b183;box-shadow:0 0 0 2px #2c1a0d}.ledger .ev-list::before{background:#ffd66b}.ledger .ev-cancel::before{background:#d9b7a3}.ledger .ev-reserve::before{background:#8fd7ff}.ledger .ev-sold::before,.ledger .ev-bought::before{background:#c3ec8e}.ledger .ev-orphan::before{background:#ffad91}.ledger .event-log time{font-variant-numeric:tabular-nums}.ledger .event-log b{color:#ffe9ae}
@media(max-width:760px){.ledger{padding:10px}.ledger .event-log>div{grid-template-columns:1fr}}

/* Espólios com quatro fichas: ouro, pedras raras, fragmentos e relíquias. */
@media(min-width:761px){.loot-slots{grid-template-columns:repeat(4,1fr)}.loot-slots canvas{width:2.3cqw;height:2.3cqw}.loot-slots b{font-size:.82cqw}}
@media(max-width:760px){.loot-slots{grid-template-columns:repeat(4,1fr)}}

/* Tabela de chances por monstro no diálogo de Espólios. */
.drop-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.drop-table>div{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:6px 9px;border:1px solid #6e4a25;border-radius:6px;background:#221409;font-size:12px}.drop-table canvas{width:26px;height:26px}.drop-table b{color:#ffe9ae;font-weight:bold}.drop-table span{color:#c3ec8e;font-weight:bold}

/* Sem a ficha de cotação (idiomas que não o português) a barra do mercado tem três colunas. */
.market-bar:has(> [hidden]){grid-template-columns:minmax(0,1fr) auto auto}

/* Logo em texto do HeroesFarm (substitui a arte antiga). */
.logo{display:grid;place-items:center;cursor:pointer;border:0}.wordmark{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:900;font-size:2.35cqw;letter-spacing:.02em;line-height:1;white-space:nowrap;filter:drop-shadow(0 .12cqw 0 #2a1406) drop-shadow(0 .2cqw .25cqw #000a)}.wordmark i{font-style:normal;background:linear-gradient(#fff3c4,#f5c34a 55%,#c07a12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.06cqw #3a1d05}.wordmark b{background:linear-gradient(#e7ffb0,#8fd84a 55%,#3f8a1c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.06cqw #173808}
@media(max-width:760px){.wordmark{font-size:26px}.wordmark i,.wordmark b{-webkit-text-stroke:1px #3a1d05}}