/* ============================================================
   KING OF CHAOS — MMORPG UI OVERHAUL
   Camada visual segura: não altera IDs, contratos JS ou assets.
   Inspirada em MMORPGs clássicos de fantasia oriental.
   ============================================================ */
:root{
  --koc-ink:#070b12;
  --koc-deep:#0b1522;
  --koc-panel:#101d2c;
  --koc-panel-2:#17293a;
  --koc-blue:#4b8fb8;
  --koc-blue-soft:#8cc7df;
  --koc-gold:#d6b060;
  --koc-gold-hi:#ffe1a0;
  --koc-gold-dark:#72501f;
  --koc-line:#7c6a46;
  --koc-text:#edf4f7;
  --koc-muted:#9fb2bd;
  --koc-danger:#a94545;
  --koc-radius:8px;
  --koc-shadow:0 16px 45px rgba(0,0,0,.58);
  --safe-t:env(safe-area-inset-top,0px);
  --safe-r:env(safe-area-inset-right,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px);
}

*{box-sizing:border-box}
html,body{background:#03070d;color:var(--koc-text)}
body{font-family:Georgia,"Times New Roman",serif;letter-spacing:.01em}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
.hidden{display:none!important}

/* ---------- Login / account gateway ---------- */
.online-auth{
  position:fixed!important;inset:0!important;z-index:10000!important;
  display:grid!important;place-items:center!important;
  padding:clamp(14px,3vw,42px)!important;overflow:auto!important;
  background:
    linear-gradient(90deg,rgba(4,10,17,.84) 0%,rgba(4,10,17,.53) 42%,rgba(4,9,16,.26) 68%,rgba(4,8,14,.58) 100%),
    radial-gradient(circle at 32% 48%,rgba(42,110,143,.22),transparent 42%),
    url('../media/realm-background.webp') center/cover no-repeat!important;
}
/* Contrato funcional do online.js: a tela de autenticação só pode existir visualmente enquanto tiver .active. */
.online-auth:not(.active){display:none!important}
.online-auth::before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,5,9,.56),transparent 20%,transparent 78%,rgba(2,5,9,.76)),
    radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.46) 100%);
}
.online-auth::after{
  content:"KING OF CHAOS  •  ELDORIA";position:fixed;left:24px;bottom:18px;
  color:rgba(226,205,155,.72);font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  text-shadow:0 2px 7px #000;pointer-events:none;
}
.online-auth-card{
  position:relative!important;width:min(430px,calc(100vw - 28px))!important;
  max-height:none!important;margin-left:min(22vw,330px)!important;
  padding:34px 34px 26px!important;border-radius:5px!important;
  color:var(--koc-text)!important;text-align:left!important;
  border:1px solid rgba(222,192,119,.72)!important;
  background:
    linear-gradient(180deg,rgba(26,44,60,.95),rgba(8,17,28,.97) 45%,rgba(5,11,19,.98)),
    url('../fundo.png') center/cover no-repeat!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.72),
    inset 0 0 0 1px rgba(255,236,183,.08),
    inset 0 0 38px rgba(89,152,186,.12)!important;
  backdrop-filter:none!important;
}
.online-auth-card::before,.online-auth-card::after{
  content:"";position:absolute;pointer-events:none;
}
.online-auth-card::before{
  inset:8px;border:1px solid rgba(214,176,96,.24);
  border-radius:2px;
}
.online-auth-card::after{
  left:24px;right:24px;top:15px;height:1px;
  background:linear-gradient(90deg,transparent,var(--koc-gold),transparent);
  box-shadow:0 calc(100% + 330px) 0 rgba(214,176,96,.45);
}
.auth-game-logo{
  display:block;width:min(292px,88%);max-height:180px;object-fit:contain;
  margin:-14px auto 2px;filter:drop-shadow(0 8px 16px #000b);
}
.online-logo{display:none!important}
.online-auth-card h1{
  margin:4px 0 6px!important;text-align:center!important;
  color:var(--koc-gold-hi)!important;font-size:clamp(18px,2vw,23px)!important;
  letter-spacing:.12em!important;text-shadow:0 2px 10px #000!important;
}
.online-auth-card>p:not(.auth-message){
  max-width:350px;margin:0 auto 18px!important;text-align:center;color:#b9c8cf!important;
  font-family:Arial,sans-serif;font-size:12px!important;line-height:1.5!important;
}
.auth-tabs{
  position:relative;display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:0!important;margin:0 0 19px!important;padding:0!important;
  border:1px solid #4a5c68!important;border-radius:3px!important;overflow:hidden!important;
  background:#07121d!important;
}
.auth-tabs button{
  min-height:39px!important;padding:8px 10px!important;border:0!important;border-radius:0!important;
  color:#91a9b5!important;background:linear-gradient(#162838,#0b1621)!important;
  font:bold 11px Arial,sans-serif!important;letter-spacing:.11em!important;
}
.auth-tabs button+button{border-left:1px solid #4a5c68!important}
.auth-tabs button.active{
  color:#fff3cb!important;background:linear-gradient(#526f7b,#1a3446)!important;
  box-shadow:inset 0 -2px 0 var(--koc-gold),inset 0 0 18px rgba(101,188,220,.12)!important;
}
.auth-form{gap:13px!important}
.auth-form label{
  display:block!important;color:#d4c49a!important;font:bold 10px Arial,sans-serif!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;
}
.auth-form input{
  width:100%!important;height:43px!important;margin-top:6px!important;padding:0 13px!important;
  border:1px solid #465b68!important;border-radius:2px!important;outline:none!important;
  color:#eef5f8!important;background:linear-gradient(#07131e,#0b1a27)!important;
  box-shadow:inset 0 1px 7px #0008!important;font:14px Arial,sans-serif!important;
  transition:border-color .15s,box-shadow .15s!important;
}
.auth-form input:focus{
  border-color:#8bbcd0!important;box-shadow:0 0 0 2px rgba(93,162,191,.14),inset 0 1px 7px #0008!important;
}
.online-primary,
#beginGame,.start-actions button,.warning-actions button{
  min-height:44px!important;border-radius:3px!important;border:1px solid #a88643!important;
  color:#fff4d2!important;background:linear-gradient(180deg,#6a7f87 0%,#304f60 48%,#183140 51%,#112532 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 3px 10px #0007!important;
  font:bold 11px Arial,sans-serif!important;letter-spacing:.1em!important;text-shadow:0 1px 2px #000!important;
}
.online-primary:hover,#beginGame:hover,.start-actions button:hover,.warning-actions button:hover{
  filter:brightness(1.12);border-color:#e0bd6b!important;
}
.auth-message{min-height:18px!important;margin:11px 0 7px!important;text-align:center!important;font:12px Arial,sans-serif!important}
.online-auth-card>small{display:block;text-align:center;color:#718893!important;font:10px Arial,sans-serif!important;line-height:1.45}

/* ---------- Loading / start / reincarnation ---------- */
.screen,.entry-intro,.cinematic-loading,.rotate-device{
  font-family:Georgia,"Times New Roman",serif;
}
#loading,#start,#creation{
  background:
    linear-gradient(rgba(2,8,13,.48),rgba(2,7,13,.78)),
    url('../media/realm-background.webp') center/cover no-repeat!important;
}
.start-card,.creation-card,.entry-intro-card,.rotate-device-card{
  border-radius:5px!important;border:1px solid rgba(212,177,101,.65)!important;
  background:linear-gradient(165deg,rgba(22,39,53,.96),rgba(8,16,26,.98))!important;
  box-shadow:var(--koc-shadow),inset 0 0 0 1px rgba(255,238,183,.05),inset 0 0 42px rgba(79,143,177,.1)!important;
}
.start-card h1,.creation-card h2,.entry-intro-card h1,.rpg-window h2,.panel h2{
  color:#f3daa0!important;text-shadow:0 2px 8px #000!important;letter-spacing:.09em!important;
}
.start-card h2,.entry-intro-card h2,.creation-card h3{color:#a6c7d5!important;letter-spacing:.08em!important}
.start-card p,.creation-card p,.entry-intro-card p{color:#b7c5cc!important;font-family:Arial,sans-serif!important}
.start-actions{gap:8px!important}
.start-actions button.gold,#randomAppearance.gold{background:linear-gradient(#8f7137,#4e3616)!important;border-color:#d0aa5a!important}
.start-actions button#openAdmin,.start-actions button#openAtlas{opacity:.85}
.loader,.entry-progress{border-color:#405968!important;background:#040b12!important}
.loader span,.entry-progress i{background:linear-gradient(90deg,#4e829b,#d5b266,#8dd1e4)!important}
.sigil,.entry-emblem{color:#e0be72!important;text-shadow:0 0 14px rgba(225,185,91,.45)!important}

/* Creation cards */
.creation-card{width:min(980px,calc(100vw - 28px))!important;padding:26px!important}
.creation-card>label,.appearance-grid label{color:#d9cba9!important;font:11px Arial,sans-serif!important}
.creation-card input:not([type="radio"]),.creation-card select{
  border:1px solid #425766!important;background:#07131d!important;color:white!important;border-radius:3px!important;
}
.gender-selector label,.grid>button,.grid>label,.appearance-customizer,.selected-class-files{
  border-color:#405664!important;background:linear-gradient(160deg,rgba(23,42,56,.95),rgba(7,16,26,.95))!important;border-radius:5px!important;
}
.grid>button:hover,.grid>label:hover,.gender-selector label:hover{border-color:#caa95e!important;box-shadow:inset 0 0 20px rgba(75,143,184,.13)!important}

/* ---------- Canvas world ---------- */
#game{
  background:#02060a!important;image-rendering:auto;
  box-shadow:inset 0 0 0 1px rgba(220,187,113,.12);
}

/* ---------- MMORPG HUD ---------- */
#hud{font-family:Arial,sans-serif!important;pointer-events:none}
#hud button,#hud .menu-buttons,#hud #skillBar,#hud .player-card,#hud .target-card,#hud .minimap-shell,#hud .resources,#hud .quest,#hud .xp-header{pointer-events:auto}
.mmo-frame,.quest,.resource-card{
  border-radius:4px!important;border:1px solid rgba(172,150,101,.65)!important;
  background:linear-gradient(160deg,rgba(18,35,49,.93),rgba(5,14,23,.94))!important;
  box-shadow:0 5px 18px rgba(0,0,0,.42),inset 0 0 0 1px rgba(226,211,161,.05)!important;
  backdrop-filter:none!important;
}
.hud-left-stack{left:max(12px,var(--safe-l))!important;top:max(12px,var(--safe-t))!important;gap:5px!important}
.player-card{
  min-width:278px!important;padding:7px 10px 7px 7px!important;
  border-left:2px solid #c9a85b!important;
}
#portrait{
  width:62px!important;height:62px!important;border-radius:50%!important;padding:3px!important;
  border:1px solid #d1af61!important;background:radial-gradient(circle,#20394b,#060d15)!important;
  box-shadow:0 0 0 3px rgba(23,46,62,.9),0 3px 10px #000!important;
}
#portrait img{border-radius:50%!important;object-fit:cover!important}
.player-card b,#targetName{color:#f1dfae!important;font-family:Georgia,serif!important;font-size:13px!important}
.player-card small,#targetSubtitle{color:#87a8b7!important;font-size:9px!important;letter-spacing:.05em}
.bar{height:12px!important;border-radius:2px!important;border:1px solid #293844!important;background:#02070c!important;box-shadow:inset 0 1px 4px #000!important}
.bar i{border-radius:1px!important}
.bar.hp i{background:linear-gradient(#c65c54,#7e2325)!important}
.bar.mp i{background:linear-gradient(#4f92c8,#23548b)!important}
.bar.stamina i{background:linear-gradient(#d7bd62,#826323)!important}
.bar em{font-size:8px!important;text-shadow:0 1px 2px #000!important}
.target-card{min-width:250px!important;padding:7px!important;border-left:2px solid #8e4545!important}
.quest{padding:8px 10px!important;max-width:278px!important;border-left:2px solid #7097aa!important}
.quest b{color:#e6cb88!important;font-family:Georgia,serif!important;font-size:11px!important}.quest span{color:#afc1c9!important;font-size:9px!important}

.xp-header{
  top:9px!important;left:50%!important;transform:translateX(-50%)!important;width:min(480px,36vw)!important;
  height:29px!important;padding:5px 9px!important;border-color:rgba(192,166,104,.45)!important;
}
.xp-header small{color:#c7b477!important;font-size:8px!important}.xp-header b{color:#dceaf0!important;font-size:9px!important}
.xp-top-bar{height:7px!important;background:#02070b!important;border:1px solid #33434d!important}.xp-top-bar i{background:linear-gradient(90deg,#4f7f9b,#74b8cf,#d2b45f)!important}

.hud-right-stack{right:max(12px,var(--safe-r))!important;top:max(12px,var(--safe-t))!important;gap:6px!important}
.minimap-shell{padding:6px!important;width:190px!important}
.minimap-header{padding:2px 4px 6px!important}.minimap-header b{color:#ead49c!important;font-family:Georgia,serif!important;font-size:10px!important}.minimap-header span{color:#8ba5b1!important;font-size:8px!important}
.minimap-circle{width:150px!important;height:150px!important;margin:auto!important;border:2px solid #9d824c!important;box-shadow:0 0 0 3px #152938,0 5px 15px #000a!important;background-color:#0a1823!important}
.minimap-circle::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(212,177,101,.18);pointer-events:none}
.compass{color:#e0c880!important;font:bold 8px Georgia,serif!important;text-shadow:0 1px 3px #000!important}
#miniPlayerDot{box-shadow:0 0 0 2px #05213a,0 0 9px #fff!important;background:#f7dc7e!important}

.gamer-resources{grid-template-columns:1fr 1fr!important;gap:4px!important;width:190px!important}
.resource-card{min-height:42px!important;padding:5px 7px!important}
.resource-icon{width:28px!important;height:28px!important;border-radius:3px!important;border:1px solid #566a74!important;background:#07121c!important}.resource-icon img{width:22px!important;height:22px!important}
.resource-meta small{font-size:7px!important;color:#829ca8!important}.resource-meta b{font-size:11px!important;color:#f0deae!important}
.resource-card.wide{grid-column:span 2!important}.mini-bar{height:4px!important;background:#02060a!important}.mini-bar i{background:linear-gradient(90deg,#5287a0,#d3b35d)!important}

.gamer-menu{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;width:190px!important}
.gamer-menu button{
  min-width:0!important;min-height:43px!important;padding:5px 3px!important;border-radius:3px!important;
  border:1px solid #49606c!important;background:linear-gradient(#1d3547,#0a1824)!important;color:#bdcbd1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.gamer-menu button:hover{border-color:#c5a45a!important;color:#f3dfac!important;background:linear-gradient(#294b5f,#102635)!important}
.gamer-menu i{font-size:14px!important;color:#d4b767!important}.gamer-menu span{font-size:7px!important;letter-spacing:.02em!important}

#skillBar{
  left:50%!important;bottom:17px!important;transform:translateX(-50%)!important;
  gap:4px!important;padding:6px 8px!important;border-radius:4px!important;
  border:1px solid rgba(188,161,100,.7)!important;background:linear-gradient(rgba(22,39,52,.94),rgba(5,13,21,.96))!important;
  box-shadow:0 10px 28px #000a,inset 0 0 0 1px rgba(255,236,177,.05)!important;
}
#skillBar button,#skillBar .skill{
  border-radius:3px!important;border:1px solid #4f6570!important;background:#06111b!important;box-shadow:inset 0 0 8px #000!important;
}
#interaction{border-radius:3px!important;border:1px solid #c4a458!important;background:linear-gradient(#466d7b,#173646)!important;color:#fff0c6!important;font:bold 10px Arial,sans-serif!important}

.boss-hud{border-radius:3px!important;border:1px solid #9b5a45!important;background:linear-gradient(#241515,#0a090c)!important;box-shadow:0 10px 30px #000a!important}.boss-hud b{color:#f0d29b!important;font-family:Georgia,serif!important;letter-spacing:.1em}.boss-bar{border-radius:2px!important;background:#090405!important}.boss-bar i{background:linear-gradient(#d36b54,#731e23)!important}

/* ---------- Windows and RPG panels ---------- */
.panel,.rpg-window,.asset-picker-card,.area-warning-card,.online-panel,.admin-card,.atlas-card{
  border-radius:5px!important;border:1px solid #9c834d!important;
  background:linear-gradient(155deg,#14283a 0%,#091522 55%,#050d16 100%)!important;
  box-shadow:0 24px 70px #000d,inset 0 0 0 1px rgba(255,236,179,.05),inset 0 0 48px rgba(76,144,178,.08)!important;
  backdrop-filter:none!important;color:var(--koc-text)!important;
}
.panel::before,.rpg-window::before,.online-panel::before,.area-warning-card::before{
  content:"";position:absolute;left:22px;right:22px;top:8px;height:1px;background:linear-gradient(90deg,transparent,#caa85d,transparent);pointer-events:none
}
.panel h2,.rpg-window h2,.online-panel h2,.area-warning-card h2{font-family:Georgia,serif!important;color:#ecd79f!important;letter-spacing:.06em!important}
.panel button,.rpg-window button,.online-panel button,.asset-picker-card button,.atlas-card button{
  border-radius:3px!important;border:1px solid #526976!important;background:linear-gradient(#213d51,#0c1c29)!important;color:#dbe7eb!important;
}
.panel button:hover,.rpg-window button:hover,.online-panel button:hover{border-color:#c8a65a!important;color:#f5e3b3!important}
#closePanel,.modal-close,#closeOnlinePanel,.warning-close,#assetPickerClose,#closeAtlas{
  border-radius:50%!important;background:#111c26!important;border-color:#816e47!important;color:#d9bd78!important;
}
.online-tabs{border-color:#405661!important;background:#07131e!important}.online-tabs button.active{color:#f2dfad!important;border-bottom-color:#d1ae5e!important;background:#173043!important}
.online-content{font-family:Arial,sans-serif!important;color:#c7d5db!important}
.world-chat,.compact-chat{
  border-radius:4px!important;border:1px solid #826e45!important;background:rgba(5,14,22,.96)!important;box-shadow:0 15px 42px #000b!important;backdrop-filter:none!important;
}
.world-chat header{background:#132838!important;border-bottom:1px solid #4f6470!important}.world-chat header b{color:#e5cf95!important;font-family:Georgia,serif!important}
#worldChatInput{background:#06121c!important;border-color:#405761!important;color:#e7f0f3!important}
.world-chat-toggle,.game-save-button,.game-logout-button{
  border-radius:3px!important;border:1px solid #806e47!important;background:linear-gradient(#203d50,#0b1d2a)!important;color:#ead69e!important;box-shadow:0 4px 12px #0009!important;
}
.game-logout-button{border-color:#774c46!important;color:#ecc7bd!important;background:linear-gradient(#4c292c,#231214)!important}

/* Dialogue */
#dialogue{
  border-radius:4px!important;border:1px solid #9d854f!important;background:linear-gradient(100deg,rgba(12,28,40,.97),rgba(5,12,20,.98))!important;
  box-shadow:0 16px 45px #000c!important;backdrop-filter:none!important;
}
#dialogue img{border-radius:3px!important;border:1px solid #ad9152!important;background:#07131e!important}
#dialogue strong{color:#f1dc9f!important;font-family:Georgia,serif!important}#dialogue p{color:#d3dfe3!important;font-family:Arial,sans-serif!important}#dialogue span{color:#7798a8!important;font-size:9px!important}

/* ---------- Mobile controls ---------- */
#mobile{font-family:Arial,sans-serif!important}
#mobile .dpad button,#mobile .actions button,#mobile .mobile-utility button{
  border:1px solid rgba(183,156,94,.82)!important;background:linear-gradient(145deg,rgba(27,55,72,.94),rgba(7,20,30,.96))!important;
  color:#f2dfad!important;box-shadow:0 5px 14px #0008,inset 0 0 0 1px rgba(255,255,255,.04)!important;backdrop-filter:none!important;
}
#mobile .dpad button:active,#mobile .actions button:active,#mobile .mobile-utility button:active{
  transform:scale(.95)!important;filter:brightness(1.22)!important;border-color:#f0d48a!important;
}
#mobile .actions button img,#mobile .mobile-utility img{filter:drop-shadow(0 2px 3px #000)!important}
#mobile .mobile-attack{border-color:#a9664f!important;background:linear-gradient(#6f392f,#2a1515)!important}
#mobile .mobile-power{border-color:#6b6a9d!important;background:linear-gradient(#36365d,#15152e)!important}

/* ---------- Responsive desktop ---------- */
@media (min-width:951px){
  .online-auth-card{transform:translateX(5vw)}
  #panel{width:min(920px,72vw)!important;max-height:78vh!important}
  .rpg-window{width:min(920px,82vw)!important;max-height:82vh!important}
  .online-panel{width:min(680px,72vw)!important;max-height:82vh!important}
}

/* ---------- Responsive mobile / tablet ---------- */
@media (max-width:950px){
  .online-auth{
    place-items:center!important;padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 10px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 10px)!important;
    background:
      linear-gradient(rgba(2,8,14,.54),rgba(2,8,14,.76)),
      url('../media/realm-background.webp') 64% center/cover no-repeat!important;
  }
  .online-auth::after{left:50%;bottom:calc(var(--safe-b) + 5px);transform:translateX(-50%);white-space:nowrap;font-size:7px}
  .online-auth-card{
    margin:0!important;transform:none!important;width:min(410px,100%)!important;padding:20px 16px 16px!important;
    background:linear-gradient(170deg,rgba(17,35,49,.96),rgba(5,14,23,.98))!important;
  }
  .auth-game-logo{width:min(230px,78%);max-height:125px;margin:-6px auto 0}
  .online-auth-card h1{font-size:17px!important}.online-auth-card>p:not(.auth-message){font-size:10px!important;margin-bottom:12px!important}.auth-tabs{margin-bottom:12px!important}.auth-form{gap:9px!important}.auth-form input{height:40px!important}.online-primary{min-height:42px!important}
  .online-auth-card::after{box-shadow:none}

  .creation-card{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;padding:14px!important}
  .xp-header{top:calc(var(--safe-t) + 4px)!important;width:min(310px,45vw)!important;height:23px!important;padding:3px 6px!important}
  .xp-header small{display:none!important}.xp-header b{font-size:7px!important}
  .hud-left-stack{left:calc(var(--safe-l) + 5px)!important;top:calc(var(--safe-t) + 5px)!important;gap:3px!important}
  .player-card{min-width:205px!important;width:205px!important;padding:4px 6px 4px 4px!important}.player-card #portrait{width:45px!important;height:45px!important}.player-card b{font-size:10px!important}.player-card small{font-size:7px!important}.player-card .bar{height:8px!important}.player-card .bar em{font-size:6px!important}
  .target-card{min-width:185px!important;width:185px!important;padding:4px!important}.quest{width:205px!important;padding:5px 7px!important}.quest b{font-size:9px!important}.quest span{font-size:7px!important}
  .hud-right-stack{right:calc(var(--safe-r) + 5px)!important;top:calc(var(--safe-t) + 5px)!important;gap:3px!important}.minimap-shell{width:130px!important;padding:4px!important}.minimap-circle{width:104px!important;height:104px!important}.minimap-header b{font-size:8px!important}.minimap-header span{font-size:6px!important}.gamer-resources{width:130px!important;gap:2px!important}.resource-card{min-height:31px!important;padding:3px 4px!important}.resource-icon{width:21px!important;height:21px!important}.resource-icon img{width:17px!important;height:17px!important}.resource-meta small{font-size:5px!important}.resource-meta b{font-size:8px!important}.gamer-menu{width:130px!important;gap:2px!important}.gamer-menu button{min-height:31px!important;padding:3px 1px!important}.gamer-menu i{font-size:10px!important}.gamer-menu span{font-size:5px!important}
  #skillBar{bottom:calc(var(--safe-b) + 3px)!important;padding:3px 4px!important;gap:2px!important}
  #panel,.rpg-window,.online-panel,.area-warning-card{max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}
  .world-chat{max-height:44dvh!important}
}

@media (max-width:650px) and (orientation:portrait){
  .online-auth-card{width:min(390px,100%)!important}
  .auth-game-logo{width:min(210px,75%)}
  .hud-right-stack .resources,.hud-right-stack .gamer-menu{opacity:.96}
}

@media (max-height:520px) and (orientation:landscape){
  .online-auth{padding:5px!important}
  .online-auth-card{width:390px!important;padding:9px 13px 8px!important;transform:none!important}
  .auth-game-logo{width:165px;max-height:76px;margin:-10px auto -5px}
  .online-auth-card h1{font-size:13px!important;margin:0!important}.online-auth-card>p:not(.auth-message){display:none!important}.auth-tabs{margin:4px 0 6px!important}.auth-tabs button{min-height:29px!important;padding:4px!important}.auth-form{gap:4px!important}.auth-form label{font-size:8px!important}.auth-form input{height:31px!important;margin-top:2px!important}.online-primary{min-height:31px!important;padding:4px!important}.online-auth-card>small{display:none!important}.auth-message{margin:3px 0!important;min-height:12px!important;font-size:9px!important}
  .minimap-circle{width:88px!important;height:88px!important}.minimap-shell{width:112px!important}.gamer-resources,.gamer-menu{width:112px!important}.player-card{width:185px!important;min-width:185px!important}.quest{width:185px!important}.target-card{width:170px!important;min-width:170px!important}
}

/* Performance: efeitos mais baratos em telas móveis e acessibilidade */
@media (max-width:950px), (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .cinematic-fog,.ember-field{display:none!important}
  .online-auth,.panel,.rpg-window,.online-panel,.world-chat{backdrop-filter:none!important}
}

/* FIX LOGIN 2026-08-07 — preserva o contrato showAuth(false) do online.js, inclusive no mobile. */
html body #onlineAuth.online-auth:not(.active){display:none!important}