/* Default midnight palette shared by the landing page, lobby and account screens. */
:root{color-scheme:dark;--ink:#e3ecf7;--muted:#a4b5c9;--blue:#91c5ff;--ice:#b8dded;--gold:#e1c58b;--line:#2b3b50;background:#0b121e;color:#e3ecf7}
html,body{background:#0b121e;color:var(--ink)}
::selection{background:#315780;color:#fff}
input,select,textarea{color-scheme:dark}input::placeholder,textarea::placeholder{color:#8b9fb8;opacity:1}
:focus-visible{outline-color:#a5d3ff}
/* Landing page */
.site-header{background:#0b121e}.wordmark svg{stroke:#c4d8f1}.wordmark b{color:#9ab4d2}
.site-header nav a:hover,.site-footer a:hover,.text-link:hover{color:#b9ddff}
.hero{background:radial-gradient(ellipse at 78% 48%,#1b365050,transparent 64%)}
.hero-water{background:radial-gradient(ellipse at 73% 88%,#507d9d25,transparent 55%)}
.hero-sora{mix-blend-mode:normal;filter:drop-shadow(0 18px 32px #0006)}
.hero .eyebrow,.hero-description,.hero-note,.hero-bottom,.hero-bottom a span{color:#a5b9cf}
.hero-description{background:none;text-shadow:none}
.menu-link.primary{background:linear-gradient(100deg,#254867,#1c334d);border-color:#5b82a9;color:#eff7ff;box-shadow:inset 0 1px #aecff222,inset 0 -1px #050b1444}
.menu-link.primary:hover{background:#2c5275;color:#fff}.menu-cursor{text-shadow:0 2px #070e18;color:#efcf90}
.menu-link.secondary{background:linear-gradient(100deg,#172639,#101b2b);border-color:#30475f;color:#c2d2e5}.menu-link.secondary:hover{background:#20364e;color:#edf6ff}
.chapter-strip{background:#101b2b;border-color:var(--line);color:#b0c0d3}.chapter-strip i{color:#7193b7}
.ways-intro .eyebrow,.fighters-section .eyebrow,.ways-section .eyebrow,.rankings-showcase .eyebrow{color:#9cb6d2}
.way,.fighter,.fighter+article,.fighters-section,.footer-note{border-color:var(--line)}
.way h3,.way-title,.way-number,.fighter-copy h3,.faq-list summary{color:#e3ecf7}
.way p,.way-copy p,.ways-intro>p:not(.eyebrow),.fighter-copy>p:not(.eyebrow),.faq-list details>p,.site-footer nav,.site-footer>div>p,.footer-note{color:#a4b5c9}
.fighter-orbit{background:radial-gradient(#34507166,transparent 70%);border-color:#466481}.riku .fighter-orbit{background:radial-gradient(#59507955,transparent 70%)}
.lab-card-art:before{background:radial-gradient(#29496b80,transparent 70%)}.lab-section .text-link,.faq-list details a{color:#a4d1ff}
.closing{border-color:var(--line);background:radial-gradient(ellipse at 50% 110%,#24456280,transparent 65%),#101b2b}.closing .eyebrow,.closing-join{color:#afc3da}
.rankings-showcase p:not(.eyebrow){color:#a4b5c9}.rankings-preview li{border-color:var(--line)}.rankings-preview li:first-child{background:#182b40;border-top-color:#bfa36b}.preview-rank{color:#a6bfd8}.rankings-preview b{color:#b5d8ff}.rankings-preview small{color:#a3b6ca}
/* Lobby, ladder, profiles, chat and moderation */
.lobby-panel,.lobby-panel::backdrop{background:#0b121e;color:var(--ink)}
.lobby-panel-heading{background:linear-gradient(105deg,#101e30,#1d3854);border-bottom-color:#405c79;box-shadow:0 1px #0008}
.lobby-sidebar,.lobby-main{background:#0e1929}.lobby-sidebar{background:#101d2e}.lobby-nav{background:#101d2e;border-color:var(--line);box-shadow:none}
.lobby-nav button{color:#b0c4db}.lobby-nav button::before{background:#213a53;border-color:#7290ae}.lobby-nav button:hover{background-color:#20354d}.lobby-nav button[aria-pressed=true]{background:linear-gradient(90deg,#294c72,#203a57);box-shadow:none;border-color:#537397;color:#fff}
.online-section{background:#101d2e;border-color:var(--line)}.online-player{border-color:transparent;border-bottom-color:#26394e}.online-player:hover,.online-player.is-you{background:#1a2e44;border-color:#3c5873}
.roster-heading h2,.roster-heading>span,.online-player-info em,.online-player-info small,.online-player-info small span,.roster-note,.section-label,.lobby-footer,.table-player small,.room-byline,.mode-tag,.empty-state,.tier,.rating span,.placements p,.player-stats span,.rating-note,.history-info small,.delta,.fine-print,.section-heading p{color:#a5b8cd}
.lobby-page-heading h2,.section-heading h2,.queue-card h2,.room-name,.table-player,.rating strong,.player-stats b,.room-empty h3{color:#e0ebf8}
.queue-card,.player-card,.room-empty{background:linear-gradient(120deg,#182a40,#122033);border-color:#344d68;color:#e3ecf7}
.queue-card p,.queue-actions>span,.room-empty p,.solo-practice p,.match-card>p,.versus-line span{color:#a9bdd3}
.duel-emblem{background:#213b57;border-color:#55789d;color:#c5ddf7}.is-searching .duel-emblem{background:#314a64}
.primary-button,.quiet-button{color:#dcecff;background:linear-gradient(#284362,#1c3048);border-color:#4c6b8c;box-shadow:inset 0 1px #ffffff0d,0 2px #060d17}
.primary-button{color:#f4dfad;background:linear-gradient(#51442b,#392f21);border-color:#9e8657;box-shadow:inset 0 1px #f2db9e14,0 2px #080d15}.primary-button:hover{background:linear-gradient(#655337,#473923)}.quiet-button:hover{background:linear-gradient(#345675,#263f5c)}
.text-button{color:#a8cff5}.section-heading h2>span{color:#bdd1e6;background:#1d324a;border-color:#3e5874}
.room-list,.room-row,.lobby-footer,.player-stats,.history-row,.solo-practice{border-color:var(--line)}
.room-empty-icon::before,.room-empty-icon::after{background:#192b40;border-color:#47617c;color:#92abc5}
th{color:#acc2da;border-color:#45617e}td{color:#bfcee0;border-color:var(--line)}.mine{background:#1a304a}
#placement-dots i{background:#34475e}#placement-dots i.complete{background:#c4aa72}
.result-mark{color:#adbed0}.result-mark.win,.delta.positive{color:#97d1b9}.result-mark.loss{color:#e0a598}
.match-card{background:linear-gradient(120deg,#302d24,#182434);border-color:#786543;border-left-color:#c6a76e}
.notice,.form-error{color:#ffc8bb;background:#38262b;border-color:#b98074}
dialog:not(.lobby-panel){background:linear-gradient(120deg,#17283d,#111e30);color:#e0eaf6;border-color:#527291;box-shadow:0 20px 70px #0009}dialog:not(.lobby-panel)::backdrop{background:#030a13bb}
dialog label{color:#b3c7dc}dialog input,dialog select,#access-dialog textarea,.community-compose textarea{background:#0d1929;color:#e4effb;border-color:#46617c}
#access-dialog p,.dialog-close{color:#b0c5db}.toast{background:#20334a;color:#e4effb;border-color:#5b7590}
.community-shield{color:#9bdbc9;border-color:#3f766b}.community-messages{background:#0b1626;border-color:#324960}.community-message{border-color:#253a51}.community-message.mine{background:#172d46}
.community-message header button{color:#a8d3ff}.community-message time,.message-actions button,.community-rules,.conversation small{color:#a4b7cb}.community-status,.thread-heading{color:#b0cfee}
.conversation,.message-player-list button{background:#132238;color:#dce9f8;border-color:#354e69}.conversation[aria-pressed=true]{background:#213c5a;border-left-color:#a2cafa}.community-settings{border-color:#344b64}
.table-player .player-title,.online-player .player-title,.history-info .player-title{color:#adc5df!important}
.arena-avatar{box-shadow:0 0 0 2px #32475e,0 3px 8px #0003}
/* Sign-in uses its own layout but shares the same surfaces. */
body:has(.card #email) .card{background:#132238;border-color:#354e69;box-shadow:0 20px 70px #0005}
body:has(.card #email) p,body:has(.card #email) .back{color:#b0c2d7}
body:has(.card #email) input{background:#0b1626;color:#e5effb;border-color:#4b6885}
body:has(.card #email) .provider,body:has(.card #email) .quiet{background:#213850;color:#e3edfa;border-color:#4d6e90}
.ways-list p,.way-label,.fighter-weapon,.riku .fighter-weapon,.fighter-note,.lab-section .eyebrow,.faq-section .eyebrow{color:#a6bcd3}.ways-list>a:hover h3,.ways-list>a:hover .way-arrow{color:#b5dbff}
body:has(.card #email) .eyebrow{color:#acc6e1}
/* Host and guest title menus use the same dark surfaces. */
#arena-gate,#guest-gate,.kh-title-gate,.gba-title-wrap{background:#0b121e;color:#e4edf8;color-scheme:dark}
.gba-title-option{background:linear-gradient(90deg,#14243af5 0 49%,#14243adb 70%,#14243a44);border-top-color:#3b516c;border-bottom-color:#0a1321;color:#b2c4d8;text-shadow:none}
.gba-title-option::before{background:#3c526b;border-color:#7891ab}.gba-title-option::after{background:linear-gradient(90deg,#243e5c 0 47%,#2b5076ed 70%,#3e78a5de)}
.gba-title-option.title-selected,.gba-title-option:focus-visible{color:#f2f8ff;background:#1d344c;border-color:#6f96b9;text-shadow:none}
.title-utility,.title-utility b,.gba-title-status,#guest-gate #guest-message{color:#a7bbd2}.title-utility a:hover{color:#e5f1ff}
#lobby-title .gba-title-option{border-right-color:#3b516c}
#guest-gate #guest-join,#guest-gate .gba-title-options>a{color:#b2c4d8}
#guest-gate #guest-join.title-selected,#guest-gate .gba-title-options>a.title-selected,#guest-gate #guest-join:focus-visible,#guest-gate .gba-title-options>a:focus-visible{color:#f2f8ff}
#guest-invite-entry{background:#132238f7;border-color:#527391;box-shadow:0 8px 24px #0006}#guest-gate #guest-invite-entry label{color:#adc3db}#guest-gate #guest-invite{background:#0c1829;color:#e4edf8;border-color:#4d6b87}
.gba-title-art .kh-title-sora{width:57%;height:auto;max-height:76%;top:5%;right:0;object-fit:contain}
@media(max-width:700px) and (orientation:portrait){.gba-title-art .kh-title-sora{width:61%;max-height:94%;top:8%;right:-3%}}
@media(max-height:500px) and (orientation:landscape){.gba-title-art .kh-title-sora{width:44%;height:100%;max-height:none;right:0;top:0}}