/* Shared game identity and accessible interactions. */
html{scroll-behavior:smooth;scroll-padding-top:24px}
.nav{padding-top:12px;padding-bottom:12px;gap:24px}
.game-brand{flex-shrink:0;gap:15px;text-decoration:none}
.game-brand img{width:160px;height:auto;display:block;filter:drop-shadow(0 5px 12px #0008)}
.brand-region{font-size:12px;letter-spacing:3px;color:#eac476;border-left:1px solid #ffffff26;padding-left:15px}
.brand-region small{display:block;font-size:10px;letter-spacing:.3px;color:#aebbc9;margin-top:7px;font-weight:400}
.nav nav{flex-wrap:wrap;gap:18px;align-items:center}.nav nav>a{min-height:44px;display:inline-flex;align-items:center}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f5d48b;outline-offset:4px}
.skip-link{position:absolute;left:16px;top:-100px;background:#eac476;color:#101722;padding:12px 18px;z-index:100}.skip-link:focus{top:12px}
.hero-trust,.collection-note,.ranking-rule,.hint{font-size:12px;line-height:1.7}
.tiny,.unit-code,.rarity,.realm-label,.eyebrow,.account-form-kicker{font-size:11px}
.ranking-board th{font-size:11px}.ranking-board td small{font-size:12px}
.home-faq{max-width:1180px;margin:0 auto 80px;padding:36px;background:linear-gradient(135deg,#152130,#0d1521);border:1px solid #ffffff12;border-radius:18px}
.home-faq h2{font-size:32px;margin:8px 0 24px}.faq summary{min-height:48px;padding:16px 0;font-size:16px;cursor:pointer}.faq details p{line-height:1.8;color:#bac7d5;max-width:850px}.faq a{color:#f0d28c;text-decoration:underline}
.password-field{position:relative}.password-field input{padding-right:52px}.password-field .password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:0;margin:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#8fa3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}.password-field .password-toggle:hover,.password-field .password-toggle:focus-visible{color:#f5d48b;background:rgba(255,255,255,.06)}.password-field .password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-field .password-toggle .olho-fechado,.password-field .password-toggle[aria-pressed="true"] .olho-aberto{display:none}.password-field .password-toggle[aria-pressed="true"] .olho-fechado{display:block}.password-field .password-toggle[hidden]{display:none}
.account-form input{font-size:16px}.account-form p{line-height:1.7}.account-form .hint{font-size:12px}.account-form form>.button{min-height:48px}.account-footer{justify-content:center;gap:24px;font-size:12px;padding:24px}.account-footer p{margin:0}
@media(max-width:1100px){.nav{padding-left:24px;padding-right:24px}.nav nav{gap:12px}.brand-region small{display:none}.game-brand img{width:140px}}
@media(max-width:800px){.nav{gap:12px;padding:12px 22px}.nav nav{justify-content:center;width:100%;gap:14px}.game-brand{margin:auto}.game-brand img{width:150px}.brand-region small{display:block}.home-faq{margin:0 22px 48px;padding:22px}.home-faq h2{font-size:27px}.account-footer{flex-wrap:wrap;gap:12px}.hero-trust{line-height:1.8}.account-form{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.player-session{max-width:1240px;margin:auto;padding:10px 44px;display:flex;align-items:center;justify-content:flex-end;gap:18px;color:#b9c6d5;font-size:13px;border-bottom:1px solid #ffffff12}.player-session strong{color:#f5d48b;overflow-wrap:anywhere}.player-session form{margin:0}.player-session button{font:inherit;color:#eac476;background:transparent;border:1px solid #eac47650;border-radius:6px;padding:7px 12px;cursor:pointer;min-height:36px}.session-notice{padding:14px;border:1px solid #eac47655;border-radius:8px;background:#22303c;color:#f3dca5!important}@media(max-width:800px){.player-session{padding:10px 22px;justify-content:space-between}}

.notification-badge{background:#eac476;color:#142130;border-radius:20px;padding:2px 7px;margin-left:5px;font-size:12px}.session-refresh-banner{margin:14px 0;padding:14px 22px;border:1px solid #eac47666;border-radius:8px;background:#22303c;color:#f3dca5}.session-refresh-banner a{text-decoration:underline}