/* Idle Poke Astra: shared presentation, independent of combat and map rendering. */
:root {
  color-scheme: dark;
  --astra-ink: #edf1ff;
  --astra-muted: #a2b0d0;
  --astra-panel: #10182d;
  --astra-line: #3a4768;
  --astra-accent: #a8adff;
  --astra-gold: #f3d58b;
}
body { color: var(--astra-ink); font-family: "Segoe UI", sans-serif; }
button, input, select, textarea { font-family: inherit; }
button { transition: border-color .15s, background-color .15s, box-shadow .15s; }
:is(button, a, input, select, textarea):focus-visible { outline: 2px solid #8fe3ff !important; outline-offset: 3px; }
input:not([type="checkbox"]):not([type="range"]):not([type="color"]), select, textarea {
  color: var(--astra-ink); background-color: #0c1428; border-color: #435070; border-radius: 8px;
}
input::placeholder, textarea::placeholder { color: #93a1bd; }
select option { background: #121a31; color: #edf1ff; }
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: #0c1428; }
::-webkit-scrollbar-thumb { background: #485879; border-radius: 10px; }
.dim, .tiny-txt { color: var(--astra-muted); }
.panel, #c2, #mini-hunt, #npc-box, #toast {
  background: linear-gradient(145deg, rgba(23,33,60,.97), rgba(10,17,34,.97)) !important;
  border: 1px solid var(--astra-line) !important; border-radius: 14px;
  box-shadow: 0 8px 24px #03081866, inset 0 1px 0 #bdc8ff0d !important;
}
.panel :is(h2, h3), #modal-title, .ap-title, .cp-title, .mm-title { color: #d4d9ff; }
.astra-brand-mark { display: flex; align-items: center; gap: 7px; padding-bottom: 9px; margin-bottom: 8px; border-bottom: 1px solid #394663; font-size: 9px; letter-spacing: 2px; color: #aebedd; }
.astra-brand-mark img { width: 24px; height: 24px; }
.astra-brand-mark b { color: #f3d58b; font-size: 12px; letter-spacing: 3px; }
#player-panel { border-top: 2px solid #939eff !important; }
#player-panel .pp-name { color: #f5f3ff; }
#topbar { border-radius: 16px; border-top: 2px solid #929df1 !important; }
.tb.ic { border-radius: 10px; }
.tb:hover { background: #41497765 !important; border-color: #818bb8 !important; }
.tb.ic img { filter: none; }
#tb-voto { color: #f3d58b !important; font-size: 10px; letter-spacing: .8px; }
.btn, .btn-ghost, #auto-panel button, #capture-panel button, #npc-actions button {
  border: 1px solid #45577d; border-radius: 8px; background: linear-gradient(180deg, #263451, #19243d); color: #e2e8ff;
}
.btn:hover:not(:disabled), .btn-ghost:hover, #auto-panel button:hover, #capture-panel button:hover {
  border-color: #959ee1; background: #303e61; box-shadow: 0 0 0 1px #949eff20;
}
.btn.gold, .btn.sel, .btn-epic { background: linear-gradient(120deg, #6965c6, #445eac); border: 1px solid #a6adf4; color: #fff; }
.btn.gold:hover, .btn.sel:hover, .btn-epic:hover { background: linear-gradient(120deg, #8078da, #526ec2); color: #fff; }
.btn:disabled, button:disabled { opacity: .45; }
.btn.hunt { background: #542738; border-color: #a7657b; color: #ffe3e8; }
.bar { background-color: #090e20; border-color: #364365; border-radius: 5px; overflow: hidden; }
#pp-exp, #pp-xp { background: linear-gradient(90deg, #7c78e4, #74cfe1); }
#moves-bar { border-radius: 12px; }
#modal-bg { background: #04081bc9; backdrop-filter: blur(4px); }
#modal { border-radius: 18px; border-top: 2px solid #a1a7f1 !important; }
.modal-head { padding-bottom: 14px; border-bottom: 1px solid #3e4b70; color: #e4e8ff; letter-spacing: .3px; }
#modal-close, #npc-close { border-radius: 8px; color: #c7d2ef; }
#modal-body :is(.eq-card, .eq-slot, .or-card, .tb-resumo), .local-row { border-color: #3c4b6b; background-color: #131e36; border-radius: 10px; }
/* A moldura de qualidade prevalece sobre a borda neutra dos painéis Astra. */
#modal-body .eq-slot.rar,
#modal-body .ps-card.rar,
#modal-body .trade-cell.rar,
.ps-card.rar,
#player-panel #pp-sprite.rar {
  border: 2px solid var(--rar-c, #9fb0c4);
}
.wardrobe-v2 { width: min(980px, 88vw); max-width: 100%; color: #d8e4f3; }
.wardrobe-heading { padding: 0 0 18px; border-bottom: 1px solid #33445e; margin-bottom: 18px; }
.wardrobe-heading > span, .wardrobe-kicker { font-size: 10px; color: #f6c762; letter-spacing: 2px; font-weight: 800; }
.wardrobe-heading h2 { font-size: 26px; margin: 6px 0; color: #f7efda; }
.wardrobe-heading p { color: #98acc4; margin: 0; font-size: 12px; }
.wardrobe-v2 .addon-layout { grid-template-columns: 270px minmax(0, 1fr); gap: 18px; }
.wardrobe-v2 .addon-preview { background: radial-gradient(ellipse at 50% 30%, #30465b, #142135 55%, #10192a); padding: 14px; border-color: #52637a; }
.wardrobe-v2 .addon-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wardrobe-v2 .addon-card { position: relative; padding: 12px; background: linear-gradient(145deg, #203048, #142033); border-color: #344b65; }
.wardrobe-v2 .addon-card.selected { border-color: #f1c465; box-shadow: inset 0 0 0 1px #cda35540; }
.wardrobe-v2 .addon-card > canvas { display: block; margin: 0 auto 5px; image-rendering: pixelated; }
.wardrobe-v2 .addon-card h3 { font-size: 14px; margin: 8px 0 4px; }
.wardrobe-v2 .addon-card p { font-size: 11px; line-height: 1.5; min-height: 34px; margin: 4px 0 8px; }
.wardrobe-v2 .addon-card button { margin: 3px 0; width: 100%; }
.wardrobe-tag { color: #8dcde0; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.wardrobe-toolbar { display: flex; gap: 8px; margin-bottom: 12px; }
.wardrobe-toolbar input { min-width: 0; flex: 1; }
.wardrobe-v2 input, .wardrobe-v2 select { color: #e2eaf5; background: #0e1929; border: 1px solid #405470; border-radius: 7px; padding: 9px; }
.wardrobe-outfit { display: grid; gap: 8px; margin: 10px 0; }
.wardrobe-outfit select { width: 100%; min-width: 0; font-size: 11px; }
.wardrobe-v2 .addon-slots { display: grid; gap: 6px; padding: 10px 0; border-top: 1px solid #34465e; }
.wardrobe-v2 .addon-slots button { white-space: normal; font-size: 10px; }
.wardrobe-preview-actions { display: grid; gap: 7px; }
.wardrobe-balance { color: #f1ce7c; font-size: 12px; }
.wardrobe-v2 button[aria-pressed="true"] { background: #886828; color: #fff0c5; border-color: #e7bf65; }
.wardrobe-v2 .addon-notice { position: sticky; bottom: 0; padding: 9px; margin-bottom: 0; background: #101a2c; border-radius: 6px; font-size: 12px; }
.wardrobe-v2 .addon-notice:empty { display: none; }
@media (max-width: 700px) { .wardrobe-v2 { width: 100%; } .wardrobe-v2 .addon-layout { grid-template-columns: 1fr; } .wardrobe-v2 .addon-preview { position: static; } .wardrobe-toolbar { flex-wrap: wrap; } .wardrobe-v2 .addon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#player-panel #pp-sprite.rar {
  box-shadow: 0 0 8px var(--rar-g, transparent);
}
#modal-body h3 { color: #c5caff; }
#c2 { border-top: 2px solid #7689c5 !important; }
#c2 button { border-radius: 6px; }
#c2 input { background-color: #0a1226; }
#minimap { overflow: hidden; }
.login-wrap { background: #080e20; }
.login-bg { background: url('astra/sky.svg') center / cover no-repeat; opacity: 1; filter: none; position: fixed; }
.login-vignette { position: fixed; background: linear-gradient(90deg, #050b1855, transparent, #070b1855); }
.login-card {
  width: 410px; max-width: 94vw; padding: 26px 32px; border: 1px solid #6976a0;
  border-top: 2px solid #abb5ff; border-radius: 22px;
  background: linear-gradient(155deg, #1b2543ed, #0b1329f5);
  box-shadow: 0 28px 90px #020512a6, 0 0 65px #737ae319;
}
.lg-img { width: 280px; max-width: 100%; margin: 0 auto; filter: none; }
.lg-sub { font-size: 9px; line-height: 1.7; letter-spacing: 2.5px; color: #c1cbe4; margin-top: 5px; }
.login-tabs { border-bottom-color: #3d4867; gap: 10px; }
.lt { color: #aebad5; padding: 12px; }
.lt.active { color: #f5f4ff; border-bottom-color: #aaa5ff; background: #8c87ef14; }
.in-wrap { background: #0b1328; border: 1px solid #3e4d72; border-radius: 10px; }
.in-wrap:focus-within { border-color: #a6acfb; box-shadow: 0 0 0 3px #a6acfb14; }
.in-wrap input { background: transparent !important; }
.in-ic { opacity: .75; }
.btn-epic { border-radius: 10px; padding: 13px; letter-spacing: .5px; box-shadow: 0 5px 18px #282c713b; }
.login-note, .login-divider { color: #aebbd8; }
.login-card a { color: #c1c8ff; }
.mh-logo { max-width: 260px; }
@media (max-width: 1000px) { .astra-brand-mark { padding-bottom: 5px; margin-bottom: 5px; } .astra-brand-mark img { width: 18px; height: 18px; } }
@media (max-height: 650px) { .login-wrap { justify-content: flex-start; } .login-card { margin: auto 0; padding: 18px 26px; } .lg-img { width: 205px; } }
@media (prefers-reduced-motion: reduce) { button, .tb.ic img { transition: none !important; } }

/* Electabuzz supplies the primary accent; blue remains the neutral interface surface. */
:root { --astra-accent: #ffda66; --astra-gold: #ffda66; }
.astra-brand-mark b { color: #ffda66; }
.astra-brand-mark img { width: 30px; height: 30px; }
#player-panel, #topbar, #modal { border-top-color: #e9c553 !important; }
.login-card { border-top-color: #ffda66; box-shadow: 0 28px 90px #020512a6, 0 0 65px #efc65e12; }
.btn.gold, .btn.sel, .btn-epic { background: linear-gradient(120deg, #ffdf79, #dfb43d); border-color: #ffe6a0; color: #192039; text-shadow: none; }
.btn.gold:hover, .btn.sel:hover, .btn-epic:hover { background: linear-gradient(120deg, #ffea9b, #f4cc57); color: #111a30; }
.lt.active { border-bottom-color: #ffda66; background: #f5cf5910; }
.in-wrap:focus-within { border-color: #e6ce77; box-shadow: 0 0 0 3px #f3d57114; }
.tb:hover { border-color: #d9c171 !important; background: #caae491c !important; }
.tbm-flyout { background: #101b32 !important; border: 1px solid #54617d !important; border-radius: 14px !important; box-shadow: 0 12px 40px #02061699 !important; }
.tbm-item { color: #e0e7fa !important; border-radius: 8px !important; }
.tbm-item:hover { background: #283952 !important; color: #ffdf7e !important; }
.tbm-sep { border-color: #3d4b68 !important; }
.tbm-perigo { color: #ff9f9f !important; }
#pp-exp, #pp-xp { background: linear-gradient(90deg, #dcb244, #ffe69a); }
.astra-brand-mark { display: none; }
#topbar::before { content: "ASTRA"; flex: 0 0 34px; align-self: center; height: 42px; padding-top: 30px; text-align: center; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; color: #ffda66; background: url('astra/emblem.svg') center top / 30px 30px no-repeat; }
#topbar .tb.ic img { width: clamp(26px, 2.9vw, 39px); height: clamp(26px, 2.9vw, 39px); opacity: 1; filter: drop-shadow(0 2px 2px #03091899); }
#topbar .tb.ic:hover img { transform: translateY(-2px); filter: drop-shadow(0 2px 5px #f1cd5140); }
#mp-root .mpwin { background: #10182d; border-color: #b79b54; }
#mp-root .mp-track { background: linear-gradient(120deg,#192640,#111b31); border-color: #4a5878; }
#mp-root .mp-track-name { color: #ffe099; }
#mp-root .astra-pass-summary { color: #c2d4ee; font-size: 12px; line-height: 1.6; margin: 4px 0 12px; }
#mp-root .astra-pass-prize { font-size: 10px; line-height: 1.35; min-height: 40px; color: #e3eaff; display: flex; align-items: center; justify-content: center; text-align: center; }
#mp-root .mp-tier { min-width: 100px; max-width: 100px; padding: 8px; }
#mp-root .mp-tier.hl { background: #d4af3710; border-color: #bda04e; }
#mp-root .mp-m .nm { white-space: normal; }
#mp-root .mp-warn { background: #16263c; color: #bdcfe5; line-height: 1.5; }

/* Adventure artwork is separate from the real, accessible authentication controls. */
.local-card.codex-card { width: min(850px,94vw); }
.codex-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.codex-card > input,.codex-card > select { width: 100%; padding: 12px; margin-bottom: 10px; }
.codex-task { background: #0e1a30; border: 1px solid #465a7e; padding: 16px; border-radius: 12px; margin-top: 14px; }
.codex-task h3 { color: #ffda77; }
.codex-task .local-item { gap: 10px; }
.codex-task .local-item span { flex: 1; }
.codex-task .local-item img { object-fit: contain; image-rendering: pixelated; }
.codex-bonus { background: #304131; padding: 12px; border-radius: 8px; color: #d0f6b4; }
#login.login-wrap { display: block; padding: 0; background: #091624; overflow-y: auto; }
#login .login-bg { width: 60%; height: 100vh; background: url('astra/login-adventure.png') center center / cover no-repeat; }
#login .login-vignette { width: 60%; height: 100vh; background: linear-gradient(180deg,#07111e99 0%,transparent 32%,transparent 80%,#06122255),linear-gradient(90deg,transparent 85%,#09162488); }
.astra-adventure-title { position: fixed; z-index: 2; top: 5vh; left: 0; width: 60%; text-align: center; color: #f4f1de; pointer-events: none; text-shadow: 0 4px 0 #172230,0 7px 22px #000; }
.astra-adventure-title span { display: block; font: 900 clamp(22px,3vw,46px)/1.1 Georgia,serif; letter-spacing: 5px; }
.astra-adventure-title strong { display: block; font: 900 clamp(64px,8vw,128px)/1 Georgia,serif; letter-spacing: 4px; color: #f3e9c8; }
.astra-adventure-title p { margin-top: 12px; color: #d3ddec; font-size: clamp(13px,1.5vw,22px); letter-spacing: 1px; }
#login .login-card { margin: 0 0 0 60%; width: 40%; max-width: none; min-height: 100vh; padding: 5vh clamp(24px,3vw,60px) 70px; border: 0; border-left: 1px solid #b2a47c; border-radius: 0; background: radial-gradient(ellipse at top,#152b3c55,transparent 60%),#091624; box-shadow: -10px 0 45px #040c1844; }
#login .login-logo .lg-img, #login .login-logo .lg-sub { display: none; }
.astra-login-star { display: block; color: #dfb761; font-size: 37px; margin-bottom: 24px; }
.astra-login-heading h1 { color: #edf2f6; font: 800 clamp(24px,2.5vw,40px)/1.2 Georgia,serif; letter-spacing: -.8px; text-shadow: 0 3px #020811; }
.astra-login-heading p { color: #94abc4; margin: 13px 0 28px; font-size: 14px; line-height: 1.6; }
#login .login-tabs { margin-bottom: 25px; }
#login .in-wrap { min-height: 52px; border-radius: 3px; border-color: #667d91; background: #0b1b29; }
#login .in-wrap input { font-size: 14px; }
#login .btn-epic { background: linear-gradient(135deg,#f7d78d,#c59543); border: 1px solid #f7df9c; border-radius: 3px; min-height: 54px; color: #12202e; font-size: 17px; font-weight: 900; box-shadow: inset 0 0 0 3px #5d441744,0 5px 16px #0005; }
#login .login-discord { margin: 0 0 20px 60%; width: 40%; display: block; text-align: center; }
@media(max-width: 760px) {
  #login .login-bg,#login .login-vignette { width: 100%; }
  #login .login-vignette { background: #071322a6; }
  .astra-adventure-title { position: relative; top: auto; width: 100%; padding: 25px 0 20px; }
  .astra-adventure-title strong { font-size: 64px; }
  #login .login-card { margin: 0 auto 20px; width: min(440px,94%); min-height: auto; padding: 24px; border: 1px solid #b2a47c; border-radius: 8px; background: #091624f2; }
  .astra-login-star { display: none; }
  #login .login-discord { margin: 0 0 20px; width: 100%; position: relative; }
}
@media(min-width: 761px) and (max-height: 650px) {
  #login .login-card { padding-top: 20px; }
  .astra-login-star { margin-bottom: 8px; font-size: 24px; }
  .astra-login-heading p { margin: 8px 0 12px; }
}

.eq-slot.has-pokemon-stars { margin-bottom: 10px; }
.pokemon-stars { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 1px 4px; border: 1px solid #c59935; border-radius: 5px; background: #172238; color: #ffda62; font-size: 10px; line-height: 13px; letter-spacing: 1px; white-space: nowrap; pointer-events: none; }
.pokemon-stars-detail { display: inline-block; margin-top: 6px; padding: 3px 7px; border: 1px solid #c59935; border-radius: 6px; background: #172238; color: #ffda62; font-size: 11px; font-weight: 700; }

.boost-card .eq-head > div { min-width: 0; }
.boost-card .pokemon-stars-detail { max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }
.boost-card .boost-cost { flex-wrap: wrap; }

#astra-global-banner { position:fixed; z-index:2147483000; top:110px; left:50%; transform:translateX(-50%); width:max-content; max-width:min(640px,90vw); box-sizing:border-box; padding:18px 24px; border:2px solid #edc35b; border-radius:14px; background:linear-gradient(135deg,#14203a,#29223c); box-shadow:0 8px 32px #0009; color:#fff2c9; font-size:16px; font-weight:700; text-align:center; overflow-wrap:anywhere; cursor:pointer; }

/* Auto-Helper: categorias e controles com alvos de toque consistentes. */
#modal:has(.astra-auto-helper), #modal:has(.ahp-mod) { width:min(940px,96vw); }
#modal-body .astra-auto-helper { color:#dce7f8; }
#modal-body .ahp-head { padding:20px; border:1px solid #b48b3c66; background:linear-gradient(120deg,#202c44,#111c30); border-radius:16px; align-items:center; gap:16px; }
#modal-body .ahp-head .tt { font-size:23px; color:#ffe6a4; letter-spacing:-.5px; }
#modal-body .ahp-head .sub { font-size:13px; line-height:1.5; color:#aabbd2; margin-top:6px; }
#modal-body .ahp-head .geral { flex-shrink:0; font-size:12px; line-height:1.9; }
.astra-auto-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 20px; }
.astra-auto-tabs button { min-height:42px; padding:9px 16px; border:1px solid #3b4a62; border-radius:10px; color:#c4d2e7; background:#162239; font:600 13px system-ui; cursor:pointer; }
.astra-auto-tabs button[aria-pressed="true"] { color:#ffe29a; border-color:#d2aa50; background:#392f20; }
#modal-body .ahp-cat { font-size:13px; letter-spacing:.7px; margin:20px 0 12px; color:#a9bad2; }
#modal-body .ahp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#modal-body .ahp-card { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) auto; grid-template-rows:auto 1fr auto; column-gap:12px; row-gap:10px; padding:18px; border-radius:14px; background:#142035; border:1px solid #34435b; transition:border-color .15s; min-width:0; }
#modal-body .ahp-card:hover { transform:none; background:#19263e; border-color:#8194af; }
#modal-body .ahp-card:has(.ahp-badge.on) { border-left:3px solid #65cfa8; }
#modal-body .ahp-card .ic { grid-column:1; grid-row:1; width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:#26344b; font-size:23px; }
#modal-body .ahp-card .nm { grid-column:2 / 4; grid-row:1; align-self:center; font-size:15px; color:#f0f5ff; }
#modal-body .ahp-card .ds { grid-column:1 / 4; grid-row:2; min-height:40px; font-size:12px; line-height:1.6; color:#b2c0d5; }
#modal-body .ahp-card .ahp-badge { grid-column:1 / 3; grid-row:3; align-self:center; justify-self:start; padding:10px 12px; border-radius:9px; min-height:38px; box-sizing:border-box; font-size:11px; }
#modal-body .ahp-card .cfg { grid-column:3; grid-row:3; margin:0; min-height:38px; font-size:12px; padding:8px 12px; border-radius:9px; }
#modal-body .ahp-badge.off { color:#bdc8d9; background:#273145; border-color:#44516a; }
#modal-body .ahp-badge.on { color:#9af1c9; background:#173d36; border-color:#376a5b; }
#modal-body .ahp-foot { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px; margin-top:20px; border-radius:12px; font-size:12px; }
#modal-body .ahp-foot span { margin-left:0!important; display:flex; flex-direction:column; gap:5px; }
#modal-body .ahp-mod .row { padding:16px; gap:12px; font-size:14px; flex-wrap:wrap; }
#modal-body .ahp-mod select { min-height:42px; padding:8px 12px; max-width:100%; font-size:13px; }
#modal-body .ahp-mod .ahp-sw { flex-shrink:0; }
.astra-auto-tabs button:focus-visible, .astra-auto-helper [role="button"]:focus-visible { outline:2px solid #ffe3a0; outline-offset:3px; }
@media(max-width:600px) {
 #modal-body .ahp-head { padding:15px; flex-wrap:wrap; }
 #modal-body .ahp-head .tt { font-size:20px; }
 #modal-body .ahp-head .geral { margin-left:0; text-align:left; }
 #modal-body .ahp-grid { grid-template-columns:minmax(0,1fr); }
 #modal-body .ahp-card { padding:14px; }
 #modal-body .ahp-foot { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .astra-auto-tabs { gap:6px; }
 .astra-auto-tabs button { flex:1 1 auto; padding:9px 10px; }
}


/* Identidade visual Electabuzz / Astra v3 */
:root { --astra-ink:#F5F0E5; --astra-muted:#AFB7C3; --astra-panel:#171C23; --astra-line:#363F4D; --astra-accent:#F4C542; --astra-gold:#F4C542; }
:is(button,a,input,select,textarea):focus-visible { outline-color:#F4C542!important; }
#modal, .ahp-mod { background-color:#151C26; }
#modal-title,.ap-title,.cp-title,.mm-title { color:#F3EBD5; }
.btn.gold,#login .btn-epic { background:#F4C542!important; color:#171C23!important; border-color:#FFDD75!important; text-shadow:none!important; box-shadow:none!important; }
.btn.gold:hover,#login .btn-epic:hover { background:#FFD76B!important; }
.btn.gold:disabled { opacity:.45; }
#modal-body .ahp-head { background:#1E2835; border-color:#665731; }
#modal-body .ahp-head .tt { color:#F4C542; }
#modal-body .ahp-card { background:#1A2330; border-color:#394655; }
.astra-auto-tabs button[aria-pressed="true"] { color:#F4C542; background:#373020; border-color:#9D8137; }
.astra-adventure-title img { width:min(390px,70%); max-height:43vh; filter:drop-shadow(0 10px 18px #0009); }
.astra-adventure-title p { color:#F5F0E5; font-family:'Segoe UI',sans-serif; font-size:15px; letter-spacing:2px; }
#login .login-card { background:#141B24F5; border-left-color:#705E30; }
#login .astra-login-star { display:block; width:78px; height:78px; object-fit:contain; margin:0 auto 20px; }
#login .astra-login-heading h1 { font-family:'Segoe UI',sans-serif; font-size:clamp(26px,3vw,40px); font-weight:750; letter-spacing:-1px; color:#F5F0E5; }
#login .in-wrap { border-color:#46515F; background:#111923; }
#login .in-wrap:focus-within { border-color:#F4C542; }
#login .login-tabs .active { color:#F4C542; border-color:#F4C542; }
@media(max-width:760px) { .astra-adventure-title img { width:200px; max-height:220px; } #login .astra-login-star { width:54px; height:54px; margin-bottom:12px; } }

/* Grade única: os ajustes detalhados permanecem nas telas de configuração. */
#modal:has(.astra-auto-helper) { width:min(780px,96vw)!important; max-height:calc(100dvh - 24px); }
#modal-body:has(.astra-auto-helper) { padding:12px; overflow:visible; }
.astra-auto-helper { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.astra-auto-helper > section,.astra-auto-helper .ahp-grid { display:contents!important; }
.astra-auto-helper .ahp-head,.astra-auto-helper .astra-auto-tabs,.astra-auto-helper .ahp-cat { display:none!important; }
#modal-body .astra-auto-helper .ahp-card { padding:9px; gap:5px; grid-template-columns:22px minmax(0,1fr) auto; grid-template-rows:24px auto; border-radius:8px; }
#modal-body .astra-auto-helper .ahp-card .ic { width:22px;height:22px;font-size:16px;border-radius:5px; }
#modal-body .astra-auto-helper .ahp-card .nm { font-size:12px; }
#modal-body .astra-auto-helper .ahp-card .ds { display:none; }
#modal-body .astra-auto-helper .ahp-card .ahp-badge { grid-row:2; padding:6px;min-height:30px;font-size:10px; }
#modal-body .astra-auto-helper .ahp-card .cfg { grid-row:2;padding:6px;min-height:30px;font-size:10px; }
#modal-body .astra-auto-helper .ahp-foot { grid-column:1/-1; margin:0;padding:8px;gap:6px;font-size:10px; }
.astra-auto-helper .astra-utilities-link { grid-column:1/-1;margin:0;padding:9px;font-size:11px; }
@media(max-width:600px) { .astra-auto-helper { grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; } }

#uidlg-bg { backdrop-filter:blur(4px); }
#uidlg-box { background:#171c23!important; color:#f5f0e5!important; border:1px solid #786532!important; border-radius:14px!important; box-shadow:0 18px 65px #0009!important; }
#uidlg-box button { border-radius:8px; }

.hnt-stages { display:flex;flex-wrap:wrap;gap:8px;width:100%; }
.hnt-pages { display:flex;align-items:center;gap:10px;margin:8px 0;font-size:12px; }
.hnt-pages button:disabled { opacity:.4;cursor:default; }