/* Sem `gap` aqui: o afastamento entre o nick e a classe é dado só pela
   margem/padding de .mu-player-class, que são iguais dos dois lados do
   separador. Com os dois somados, o traço ficava 12px do nick e 7px da
   classe — encostado num lado só. */
.mu-player-name-row { display:flex; align-items:center; min-height:calc(28 * var(--u)); gap:0; min-width:0; }
/* Dentro do jogo a agenda mora na esquerda, à mesma distância da lateral que
   o analisador de caçada guarda da direita (14px). O botão passou a alinhar
   pela esquerda do painel: com `margin-left:auto` ele era empurrado para a
   ponta oposta e ficava a 200px da borda, longe do resto do HUD.
   O z-index sobe acima da placa do personagem (10020) para o painel aberto
   cobrir os dados em vez de sumir atrás deles, e continua abaixo das janelas
   flutuantes (10030). */
#screen-game > #event-schedule { top:14px; right:auto; left:14px; z-index:10025; }
#screen-game > #event-schedule .event-schedule-toggle { margin-left:0; margin-right:auto; }
#screen-game #world-boss-alert { left:50%; right:auto; transform:translateX(-50%); }
#porto-discord-button { position:absolute; z-index:10025; top:14px; right:14px; display:flex; align-items:center; gap:8px; min-height:44px; padding:5px 12px 5px 6px; border:1px solid #7f6a36; background:linear-gradient(135deg,rgba(28,43,75,.97),rgba(7,12,25,.97) 68%); box-shadow:0 5px 16px rgba(0,0,0,.62),inset 0 0 0 1px rgba(165,194,255,.12); color:#f4e6aa; font-family:Georgia,serif; text-decoration:none; cursor:pointer; transition:transform .16s ease,filter .16s ease,border-color .16s ease; }
#porto-discord-button img { width:34px; height:34px; filter:drop-shadow(0 2px 3px #000); }
#porto-discord-button span { display:grid; gap:1px; line-height:1; }
#porto-discord-button small { color:#9bb7e8; font:700 8px Arial,sans-serif; letter-spacing:1.2px; }
#porto-discord-button b { color:#f2d77d; font:700 12px Georgia,serif; letter-spacing:.7px; text-shadow:1px 1px 2px #000; }
#porto-discord-button:hover { border-color:#e4c462; filter:brightness(1.18); transform:translateY(-1px); }
#porto-discord-button:focus-visible { outline:2px solid #fff0a6; outline-offset:3px; }
@media(max-width:600px){ #porto-discord-button { top:8px; right:8px; min-height:39px; padding:4px; } #porto-discord-button img { width:30px; height:30px; } #porto-discord-button span { display:none; } }
.classic-game-menu-panel:has(#classic-game-menu-tutorial:not([hidden])) { width:min(500px,calc(100vw - 28px)); }
.quick-guide-pages { min-height:218px; border:1px solid #445858; background:linear-gradient(145deg,#101a1b,#070c0d); }.quick-guide-page { display:grid; justify-items:center; align-content:center; min-height:218px; padding:18px 34px; text-align:center; animation:quickGuideEnter .18s ease-out; }.quick-guide-page[hidden] { display:none; }.quick-guide-page>i { display:grid; place-items:center; width:45px; height:45px; margin-bottom:8px; border:1px solid #9b8244; border-radius:50%; background:#211d0d; color:#f2da86; font:normal 25px/1 Georgia,serif; }.quick-guide-page small { color:#78cbb2; font:700 11px Arial,sans-serif; letter-spacing:1px; }.quick-guide-page h3 { margin:7px 0 8px; color:#f5df96; font:700 22px Georgia,serif; text-shadow:1px 1px 2px #000; }.quick-guide-page p { max-width:370px; margin:0; color:#e0e8e3; font:16px/1.42 "Segoe UI",Arial,sans-serif; }.quick-guide-page p b { color:#ffe69a; }.quick-guide-navigation { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; margin:10px 0; }.quick-guide-navigation button { min-height:39px!important; padding:0 12px; font-size:13px!important; }.quick-guide-navigation button:last-child { grid-column:3; }.quick-guide-navigation b { color:#9ccfc0; font:700 13px Consolas,monospace; }.quick-guide-navigation button:disabled { opacity:.4; cursor:default; }.quick-guide-navigation button:last-child:not(:disabled) { border-color:#a38b47; color:#fff0b2; }@keyframes quickGuideEnter { from { opacity:0; transform:translateX(14px); } to { opacity:1; transform:translateX(0); } }@media(max-width:620px){.quick-guide-page { min-height:196px; padding:14px 22px; }.quick-guide-page h3 { font-size:19px; }.quick-guide-page p { font-size:14px; }.quick-guide-pages { min-height:196px; }}
.mu-hud-mail { position:absolute; z-index:4; left:0; bottom:calc(44 * var(--u)); display:grid; place-items:center; width:calc(70 * var(--u)); height:calc(60 * var(--u)); padding:0; border:0; background:transparent; box-shadow:none; cursor:pointer; }.mu-mail-art{display:block;width:100%;height:100%;background:url('../assets/img/ui/hud-menu-icons.png') 100% 50%/1200% 100% no-repeat;filter:drop-shadow(0 2px 4px #000)}
.mu-hud-mail:hover { filter:brightness(1.25); border-color:#e4cd77; }.mu-hud-mail b { position:absolute; top:calc(-8 * var(--u)); right:calc(-9 * var(--u)); min-width:calc(17 * var(--u)); height:calc(17 * var(--u)); border:1px solid #f5d87d; border-radius:50%; background:#a72922; color:#fff5d0; font:700 calc(10 * var(--u))/calc(16 * var(--u)) Arial,sans-serif; text-shadow:none; }
.mu-hud-mail b { top:calc(-10 * var(--u)); right:calc(-15 * var(--u)); min-width:calc(23 * var(--u)); height:calc(20 * var(--u)); padding:0 calc(4 * var(--u)); border-color:#ffe69a; border-radius:calc(11 * var(--u)); background:linear-gradient(#d94c3f,#741611); color:#fffbe4; font:800 calc(11 * var(--u))/calc(18 * var(--u)) Arial,sans-serif; text-shadow:0 1px 2px #000; box-shadow:0 2px 5px #000; }
.mu-mail-modal { position:fixed; z-index:20040; inset:0; display:grid; place-items:center; padding:12px; background:rgba(0,0,0,.52); }
.mail-window { width:min(530px,calc(100vw - 24px)); max-height:min(640px,calc(100vh - 24px)); margin:0!important; }
.mail-window-body { padding:13px; color:#b8c8c4; font:12px Arial,sans-serif; }.mail-window-body>p { margin:0 0 11px; color:#8ca8a1; }
.mail-window-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 10px; padding:8px 9px; border:1px solid #526866; background:linear-gradient(90deg,#102021,#090f10); }.mail-window-toolbar strong { color:#d8e6de; font:700 12px Georgia,serif; }.mail-window-toolbar strong b { color:#f3d775; font-size:17px; }.mail-window-toolbar button { min-height:30px; padding:5px 10px; white-space:nowrap; }.mail-window-toolbar button:disabled { opacity:.42; cursor:default; }
.mail-letter-list { display:grid; gap:7px; max-height:460px; overflow:auto; }.mail-letter { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:9px; padding:8px; border:1px solid #455958; background:linear-gradient(100deg,#172122,#090e0f); }.mail-letter-item { display:grid; place-items:center; width:42px; height:42px; border:1px solid #6e704e; background:#11130c; }.mail-item-icon { width:34px; height:34px; background-repeat:no-repeat; background-position:center; }.mail-item-fallback { display:grid; place-items:center; color:#e4c56e; font:700 19px Georgia,serif; }.mail-letter-copy { min-width:0; }.mail-letter-copy strong,.mail-letter-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.mail-letter-copy strong { color:#f0d98c; font:700 13px Georgia,serif; }.mail-letter-copy p { margin:3px 0; color:#a8bbb7; line-height:15px; }.mail-letter-copy small { color:#77d6a8; }#mail-empty-state { padding:18px; border:1px dashed #4b6260; color:#94aaa5; text-align:center; }
#event-schedule { position:absolute; z-index:44; top:14px; right:14px; width:min(306px,calc(100vw - 28px)); color:#d9e7e5; font:11px Arial,sans-serif; filter:drop-shadow(0 8px 16px rgba(0,0,0,.6)); }.event-schedule-toggle { display:flex; align-items:center; gap:7px; margin-left:auto; padding:8px 11px; border:1px solid #789091; background:linear-gradient(135deg,#25383b,#0a1011 70%); color:#e8ddad; font:700 11px Georgia,serif; text-transform:uppercase; cursor:pointer; }.event-schedule-toggle span { color:#7ce5be; font-size:16px; }.event-schedule-content { overflow:hidden; margin-top:5px; border:1px solid #607879; background:linear-gradient(145deg,rgba(20,36,38,.96),rgba(4,9,10,.96)); box-shadow:inset 0 0 22px #000; }.event-schedule.is-collapsed .event-schedule-content { display:none; }.event-schedule-content header { display:flex; justify-content:space-between; align-items:end; padding:10px 11px 8px; border-bottom:1px solid #395254; }.event-schedule-content small { display:block; color:#8cb4af; font:700 9px Arial,sans-serif; letter-spacing:.7px; }.event-schedule-content header strong { display:block; margin-top:2px; color:#f0d98c; font:700 14px Georgia,serif; }.event-schedule-content header>b { color:#80e4c0; font:700 11px Consolas,monospace; }.event-schedule-content ul { display:grid; gap:3px; margin:0; padding:8px; list-style:none; }.event-schedule-content li { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:6px; min-height:34px; padding:4px; border:1px solid #263b3c; background:#0d1718; }.event-schedule-content li i { color:#e5cc72; font:normal 16px Georgia,serif; text-align:center; }.event-schedule-content li strong { display:block; color:#dce7e1; font:700 11px Georgia,serif; }.event-schedule-content li small { margin-top:2px; color:#87a9a5; font-weight:400; letter-spacing:0; }.event-schedule-content li>b { color:#f0d98c; font:700 10px Consolas,monospace; }.event-schedule-content li.is-live { border-color:#47b779; background:#10221a; box-shadow:inset 0 0 12px rgba(58,201,112,.18); }.event-schedule-content li.is-live>b { color:#6ff3a8; }.event-schedule-content footer { padding:7px 10px; border-top:1px solid #354a4b; color:#71918c; font-size:9px; text-align:center; }@media(max-width:600px){#event-schedule{top:8px;right:8px;width:min(280px,calc(100vw - 16px));}#screen-game > #event-schedule{left:8px;}}