/* Generated by tools/build_gwweb_ready.py. Do not edit directly. */

/* base.css */
:root {
    color-scheme: light;
    --blue: #0967d5;
    --blue-dark: #064899;
    --navy: #081b35;
    --navy-2: #102846;
    --orange: #f25822;
    --yellow: #ffc400;
    --text: #172132;
    --muted: #647184;
    --line: #d9e0e8;
    --soft: #f3f6f9;
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #fff; }
body { min-width: 0; min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--text); background: #fff; font-size: 14px; line-height: 1.6; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { color: inherit; font: inherit; }
button { cursor: pointer; }
:where(a[href],button,input,select,textarea,[contenteditable="true"]):focus-visible { outline: 3px solid #1683df; outline-offset: 2px; }
:where(button,.button) { transition: filter .16s,transform .16s,box-shadow .16s,border-color .16s,background-color .16s; }
:where(button,.button):not(:disabled):hover { filter: brightness(.96); transform: translateY(-1px); box-shadow: 0 4px 12px #0d5a9f24; }
h1, h2, h3, p, dl, dd { margin-top: 0; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.sr-only, .skip-link:not(:focus) { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); white-space: nowrap; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid transparent; border-radius: 2px; font-weight: 700; }
.button-primary { color: #fff; background: var(--orange); }
.button-primary:hover,.button-primary:focus-visible { background: #d94613; }
.button-outline { color: #fff; border-color: #ffffff80; background: #07192da8; }
.button-secondary { color: #fff; background: var(--blue); }
.button-large { min-height: 54px; }
.skip-link { position: fixed; z-index: 100; top: 5px; left: 5px; padding: 10px 14px; color: #fff; background: #111; }
.flash { position: fixed; z-index: 40; top: 113px; left: 50%; width: min(540px, calc(100% - 30px)); padding: 13px 17px; color: #fff; border-radius: 2px; background: #253d5f; box-shadow: 0 8px 24px #0003; cursor: pointer; transform: translateX(-50%); transition: opacity .22s ease,transform .22s ease; animation: flash-in .2s ease-out; }
.flash.is-hiding { opacity: 0; pointer-events: none; transform: translate(-50%,-8px); }
.flash-success { background: #258352; }
.flash-error { background: #bb3f3f; }
@keyframes flash-in { from { opacity: 0; transform: translate(-50%,-8px); } to { opacity: 1; transform: translateX(-50%); } }
.fatal { width: min(760px, calc(100% - 40px)); margin: 8vh auto; padding: 40px; border: 1px solid var(--line); text-align: center; }
.fatal p { color: var(--blue); font-weight: 800; }
.fatal span, .fatal code { display: block; margin-top: 14px; color: var(--muted); }
.fatal-diagnostic { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); text-align: left; }
.fatal-diagnostic h2 { margin-bottom: 14px; font-size: 18px; }
.fatal-diagnostic dl { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 8px 16px; margin: 0; word-break: break-word; }
.fatal-diagnostic dt { font-weight: 800; color: var(--navy); }
.fatal-diagnostic dd { margin: 0; color: var(--muted); }

@media (max-width: 720px) {
    .shell { width: min(100% - 28px, 1180px); }
    .fatal { padding: 28px 22px; }
    .fatal-diagnostic dl { grid-template-columns: 1fr; gap: 3px; }
    .fatal-diagnostic dd { margin-bottom: 8px; }
}

/* header.css */
.utility-bar { height: 32px; color: #a7b2c0; background: #07172c; font-size: 11px; }
.utility-inner { display: flex; height: 32px; align-items: center; justify-content: space-between; }
.utility-inner nav { display: flex; height: 100%; }
.utility-inner nav a { display: flex; align-items: center; padding: 0 13px; border-left: 1px solid #ffffff17; }
.utility-inner nav a:last-child { border-right: 1px solid #ffffff17; }
.site-header { position: relative; z-index: 20; height: 78px; border-bottom: 1px solid #dce2e9; background: #fff; }
.header-inner { display: flex; height: 78px; align-items: center; }
.brand { display: flex; width: 230px; align-items: center; gap: 8px; }
.brand img { width: 54px; height: 54px; }
.brand strong { color: #102642; font: 900 20px Arial, sans-serif; letter-spacing: .04em; }
.primary-nav { display: flex; height: 100%; align-items: stretch; justify-content: center; margin-left: auto; }
.primary-nav a { position: relative; display: flex; min-width: 96px; align-items: center; justify-content: center; padding: 0 13px; color: #273447; font-size: 15px; font-weight: 700; }
.primary-nav a::after { position: absolute; right: 18px; bottom: -1px; left: 18px; height: 3px; background: var(--orange); content: ""; transform: scaleX(0); }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: #075bbc; }
.primary-nav a:hover::after, .primary-nav a[aria-current="page"]::after { transform: scaleX(1); }
.mobile-account { display: none !important; }
.game-start { display: flex; width: 126px; height: 52px; align-items: center; justify-content: center; flex-direction: column; margin-left: 14px; color: #fff; border-bottom: 3px solid #073875; border-radius: 2px; background: #0967d5; }
.game-start small { font: 9px Arial, sans-serif; letter-spacing: .1em; }
.game-start strong { margin-top: 2px; font-size: 16px; }
.nav-toggle { display: none; width: 43px; height: 41px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; margin-left: auto; border: 1px solid #d9dee4; background: #fff; }
.nav-toggle span { width: 19px; height: 2px; background: #263b56; }
.nav-toggle b { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); }

@media (max-width: 980px) {
    .utility-bar { display: none; }
    .site-header, .header-inner { height: 66px; }
    .brand { width: auto; }
    .brand img { width: 46px; height: 46px; }
    .brand strong { font-size: 17px; }
    .nav-toggle { display: flex; }
    .primary-nav { position: absolute; top: 66px; right: 0; left: 0; display: none; height: auto; align-items: stretch; flex-direction: column; padding: 8px 14px 14px; border-top: 1px solid var(--line); background: #fff; box-shadow: 0 14px 24px #0002; }
    .primary-nav.is-open { display: flex; }
    .primary-nav a { min-height: 48px; justify-content: flex-start; border-bottom: 1px solid #edf0f3; }
    .primary-nav a::after { display: none; }
    .mobile-account { display: flex !important; }
    .game-start { width: 92px; height: 42px; margin-left: 8px; }
    .game-start small { display: none; }
    .game-start strong { margin: 0; font-size: 13px; }
}

/* GoldWing home focus and signed-in account summary. */
.site-header .brand{position:relative;isolation:isolate;border-radius:7px;outline:0;transition:filter .18s,transform .18s,box-shadow .18s}
.site-header .brand::after{position:absolute;z-index:2;top:-35%;bottom:-35%;left:-48%;width:34%;background:linear-gradient(105deg,transparent 0,#fff7b000 15%,#fff9c9e8 48%,#ffd13390 62%,transparent 100%);content:"";pointer-events:none;transform:skewX(-20deg)}
.site-header .brand:hover,.site-header .brand:focus-visible{filter:brightness(1.16) saturate(1.2);transform:translateY(-1px);box-shadow:0 0 0 2px #ffe66b,0 0 13px 4px #ffc400a8,0 0 30px 8px #fff3a04d}
.site-header .brand:hover::after,.site-header .brand:focus-visible::after{animation:goldwing-logo-flash .72s ease-out}
@keyframes goldwing-logo-flash{0%{left:-48%;opacity:0}18%{opacity:1}100%{left:118%;opacity:0}}
.header-inner>.primary-nav{flex:1}
.header-user-menu{position:relative;display:flex;height:100%;align-items:center;margin-left:auto;padding-left:8px}
.primary-nav .header-account-summary{display:grid;min-width:190px;height:52px;align-self:center;grid-template-columns:38px minmax(0,1fr) 28px 10px;gap:7px;align-content:center;align-items:center;justify-content:stretch;padding:5px 9px;color:#fff;border:1px solid #ffffff18;border-radius:5px;background:linear-gradient(180deg,#ffffff0d,#061b2d4d);box-shadow:inset 0 1px #ffffff12;text-align:left;text-shadow:0 1px 4px #00101d;cursor:pointer}
.primary-nav .header-account-summary::after{display:none}
.header-account-summary img{width:38px;height:32px;align-self:center;object-fit:contain;filter:drop-shadow(0 2px 4px #0008)}
.header-account-summary>span:not(.header-account-alert){display:grid;min-width:0;align-content:center;line-height:1.25}
.header-account-summary strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.header-account-summary small{margin-top:3px;color:#b9cee0;font-size:9px;font-weight:700}
.header-account-summary small b{margin-left:4px;color:#ffd84b;font:900 11px Arial,sans-serif}
.header-account-alert{position:relative;display:grid!important;width:28px;height:28px;place-items:center;color:#d6e3ed;border:1px solid #ffffff18;border-radius:50%;background:#071d2f6b}
.header-account-alert svg,.header-account-dropdown svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-account-alert>b{position:absolute;top:-6px;right:-6px;display:grid;min-width:17px;height:17px;place-items:center;padding:0 3px;color:#fff;border:2px solid #12324d;border-radius:10px;background:#ff4b25;font:900 9px Arial,sans-serif}
.header-account-summary>i{color:#91a8ba;font-style:normal;font-size:12px;transition:transform .18s}.header-account-summary[aria-expanded="true"]>i{transform:rotate(180deg)}
.primary-nav .header-account-summary:hover,.primary-nav .header-account-summary:focus-visible{color:#fff;border-color:#ffffff38;background:linear-gradient(180deg,#1645658c,#0a2d4775);outline:2px solid #ffd84b;outline-offset:2px;box-shadow:inset 0 1px #ffffff24,0 0 14px #ffc40030}
.header-account-dropdown{position:absolute;z-index:30;top:68px;right:0;width:286px;overflow:hidden;color:#17324f;border:1px solid #c7d4e1;border-top:3px solid #f1b400;border-radius:3px;background:#fff;box-shadow:0 14px 34px #00142640;text-shadow:none}
.header-account-dropdown[hidden]{display:none}.header-account-dropdown>header{display:grid;gap:3px;padding:14px 16px;background:#f3f7fb}.header-account-dropdown>header strong{color:#102e50;font-size:14px}.header-account-dropdown>header span{color:#71859a;font-size:10px}
.primary-nav .header-account-dropdown>a{display:grid!important;min-width:0;min-height:62px;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;justify-content:stretch;padding:9px 15px;color:#29445f;border-bottom:1px solid #e1e8ef;background:#fff;font-size:12px}
.primary-nav .header-account-dropdown>a::after{display:none}.header-account-dropdown>a>svg{color:#1478c8}.header-account-dropdown>a>span{display:grid;gap:3px}.header-account-dropdown>a strong{color:#17324f;font-size:13px}.header-account-dropdown>a small{color:#7c8ea1;font-size:10px}.header-account-dropdown>a>b{display:grid;min-width:22px;height:22px;place-items:center;padding:0 5px;color:#fff;border-radius:11px;background:#f04e2b;font:900 10px Arial,sans-serif}
.primary-nav .header-account-dropdown>a:hover,.primary-nav .header-account-dropdown>a:focus-visible{color:#17324f;background:#edf6fe;outline:2px solid #82c9ff;outline-offset:-2px}
.header-account-dropdown>footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 12px;background:#f7f9fb}.primary-nav .header-account-dropdown>footer>a,.header-account-dropdown>footer button{display:flex;min-width:0;min-height:34px;align-items:center;justify-content:center;padding:0;border:1px solid #cbd8e4;border-radius:3px;background:#fff;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.primary-nav .header-account-dropdown>footer>a{color:#155e9e}.primary-nav .header-account-dropdown>footer>a::after{display:none}.header-account-dropdown>footer form{margin:0}.header-account-dropdown>footer button{width:100%;color:#a83838}.primary-nav .header-account-dropdown>footer>a:hover,.primary-nav .header-account-dropdown>footer>a:focus-visible,.header-account-dropdown>footer button:hover,.header-account-dropdown>footer button:focus-visible{border-color:#79bdf1;background:#edf6fe;outline:2px solid #82c9ff;outline-offset:-2px}
@media(max-width:980px){.header-inner>.primary-nav{flex:none}.header-user-menu{display:block;height:auto;margin:8px 0 0;padding:0}.primary-nav .header-account-summary{width:100%;min-height:58px;padding:8px 13px;border:1px solid #ffffff1f;background:#ffffff0a}.header-account-dropdown{position:static;width:100%;margin-top:5px}.primary-nav .header-account-dropdown>a{min-height:58px}}
@media(prefers-reduced-motion:reduce){.site-header .brand:hover::after,.site-header .brand:focus-visible::after{animation:none}.site-header .brand:hover,.site-header .brand:focus-visible{filter:brightness(1.12)}}

/* Readable live alert states: muted when empty, highlighted only for unread items. */
.header-account-summary:not(.has-alerts) .header-account-alert{color:#8298aa;border-color:#ffffff0d;background:#071d2f35;box-shadow:none;opacity:.72}
.header-account-summary.has-alerts .header-account-alert{color:#fff4ad;border-color:#ffd95d80;background:#75550078;box-shadow:0 0 0 2px #ffc92821,0 0 12px #ffc40045;animation:header-alert-pulse 1.8s ease-in-out infinite}
.header-account-summary.has-alerts .header-account-alert>b{background:#f0442d}
.header-account-dropdown [hidden]{display:none!important}
.primary-nav .header-account-dropdown>a.header-alert-link{grid-template-columns:34px minmax(0,1fr) auto;min-height:62px;padding:10px 15px}
.header-account-dropdown>a.header-alert-link>svg{width:19px;height:19px;justify-self:center;color:#8b9daf}
.header-account-dropdown>a.header-alert-link>span{gap:4px}
.header-account-dropdown>a.header-alert-link strong{font-size:13px;line-height:1.2}
.header-account-dropdown>a.header-alert-link small{color:#8797a7;font-size:10px;line-height:1.35}
.primary-nav .header-account-dropdown>a.header-alert-link.has-unread{background:#f4f9fe}
.header-account-dropdown>a.header-alert-link.has-unread>svg{color:#0e76ca}
.header-account-dropdown>a.header-alert-link.has-unread small{color:#426b8e;font-weight:700}
.header-account-dropdown>a.header-alert-link>b{min-width:22px;height:22px;border:2px solid #fff;background:#f0442d;box-shadow:0 1px 5px #b6242438}
@keyframes header-alert-pulse{0%,100%{box-shadow:0 0 0 2px #ffc9281b,0 0 9px #ffc40035}50%{box-shadow:0 0 0 3px #ffc92831,0 0 16px #ffc40060}}

.live-alert-stack{position:fixed;z-index:70;top:76px;right:22px;display:grid;width:min(380px,calc(100vw - 30px));gap:10px;pointer-events:none}
.live-alert-toast{display:grid;min-height:82px;grid-template-columns:42px minmax(0,1fr) auto 28px;gap:11px;align-items:center;padding:13px 12px;color:#17324f;border:1px solid #c7d5e2;border-left:4px solid #1478c8;border-radius:4px;background:#fff;box-shadow:0 13px 32px #001a3240;pointer-events:auto;transition:opacity .2s ease,transform .2s ease;animation:live-alert-in .24s ease-out}
.live-alert-toast.is-message{border-left-color:#e3a800}
.live-alert-toast.is-hiding{opacity:0;transform:translateX(12px)}
.live-alert-toast-icon{display:grid;width:38px;height:38px;place-items:center;color:#fff;border-radius:50%;background:#1478c8;font:900 19px Arial,sans-serif}
.live-alert-toast.is-message .live-alert-toast-icon{background:#d99c00;font-size:17px}
.live-alert-toast>div{display:grid;min-width:0;gap:5px}
.live-alert-toast strong{color:#102e50;font-size:13px}
.live-alert-toast p{overflow:hidden;margin:0;color:#60768b;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.live-alert-toast>a{display:grid;min-width:48px;height:32px;place-items:center;color:#0d68b5;border:1px solid #b8cde0;border-radius:2px;background:#f4f9fd;font-size:11px;font-weight:900}
.live-alert-toast>a:hover,.live-alert-toast>a:focus-visible{color:#fff;border-color:#1478c8;background:#1478c8;outline:2px solid #8acbff;outline-offset:1px}
.live-alert-toast>button{display:grid;width:28px;height:28px;place-items:center;padding:0;color:#8394a5;border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer}
.live-alert-toast>button:hover,.live-alert-toast>button:focus-visible{color:#d43d2a;background:#fff0ed;outline:2px solid #ffb4a9;outline-offset:1px}
@keyframes live-alert-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.live-alert-stack{top:68px;right:15px}.live-alert-toast{grid-template-columns:36px minmax(0,1fr) auto 26px;gap:8px;padding:11px 9px}.live-alert-toast-icon{width:34px;height:34px}.live-alert-toast p{white-space:normal}}
@media(prefers-reduced-motion:reduce){.header-account-summary.has-alerts .header-account-alert,.live-alert-toast{animation:none}}

/* layout.css */
.site-footer { padding: 38px 0 45px; color: #8994a2; border-top: 1px solid #dfe4e9; background: #f5f6f8; font-size: 12px; }
.footer-grid { display: flex; align-items: center; gap: 35px; }
.footer-brand { display: flex; align-items: center; gap: 8px; color: #637082; }
.footer-brand img { width: 48px; height: 48px; filter: grayscale(1); opacity: .65; }
.footer-brand strong { font: 900 16px Arial, sans-serif; }
.footer-info nav { display: flex; gap: 18px; color: #4e5b6a; font-weight: 700; }
.footer-info p { margin: 10px 0 0; }
.member-card { min-height: 260px; padding: 26px 28px; border: 1px solid #dce2e8; background: #fff; }
.member-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 2px solid #293e5b; }
.member-title h2 { margin: 0; font-size: 20px; }
.member-title a, .member-title span { color: #8a939f; font-size: 11px; }
.member-form { display: grid; grid-template-columns: 1fr 86px; gap: 8px; margin-top: 18px; }
.member-form > div { display: grid; gap: 6px; }
.member-form label span { position: absolute; overflow: hidden; width: 1px; height: 1px; }
.member-form input { width: 100%; height: 39px; padding: 0 11px; border: 1px solid #ccd3db; outline: 0; background: #fafbfc; }
.member-form input:focus { border-color: var(--blue); background: #fff; }
.member-form button { color: #fff; border: 0; background: var(--blue); font-weight: 700; }
.member-card > p { margin: 14px 0 0; color: #8c959f; font-size: 11px; }
.member-profile { display: flex; align-items: center; justify-content: space-between; padding: 27px 0; }
.member-profile div { display: flex; flex-direction: column; }
.member-profile strong { font-size: 22px; }
.member-profile small { margin-top: 5px; color: #8b949f; }
.member-profile a, .logout-form button { padding: 8px 13px; border: 1px solid #ccd4dc; background: #fff; font-size: 12px; }
.logout-form button { width: 100%; }
.account-wrap { max-width: 520px; }

@media (max-width: 720px) {
    .footer-grid { align-items: flex-start; flex-direction: column; gap: 18px; }
    .member-card { min-height: 0; padding: 22px; }
}

/* home.css */
.hero { position: relative; overflow: hidden; height: 400px; color: #fff; background: #1979ce; }
.hero-art { position: absolute; inset: -2%; background: url("../game/hero/main-sky.webp") center/cover no-repeat; animation: heroSky 24s ease-in-out infinite alternate; will-change: transform; }
.hero::after { position: absolute; inset: 0; background: linear-gradient(90deg, #061a3590 0, #0b244352 31%, transparent 59%), linear-gradient(0deg, #08192a45, transparent 34%); content: ""; }
.hero-inner { position: relative; z-index: 2; display: flex; height: 100%; align-items: center; }
.hero-copy { max-width: 500px; padding-top: 8px; text-shadow: 0 2px 8px #00142a85; }
.hero-kicker { margin-bottom: 13px; color: #b9e7ff; font: 700 11px Arial, sans-serif; letter-spacing: .18em; }
.hero-copy h1 { margin-bottom: 16px; font-size: clamp(40px, 4.2vw, 57px); line-height: 1.1; letter-spacing: -.055em; }
.hero-copy > p:not(.hero-kicker) { margin-bottom: 26px; font-size: 16px; }
.hero-actions { display: flex; gap: 8px; }
@keyframes heroSky { from { transform: scale(1.03) translate3d(-.6%,0,0); } to { transform: scale(1.08) translate3d(.7%,-.7%,0); } }
.portal-strip { position: relative; z-index: 3; margin-top: -46px; }
.portal-strip-inner { display: grid; grid-template-columns: 310px 1fr; min-height: 108px; border: 1px solid #c7d0dc; background: #fff; box-shadow: 0 8px 22px #0b274526; }
.portal-start { display: flex; justify-content: center; flex-direction: column; padding: 20px 28px; color: #fff; border-bottom: 4px solid #c13b0c; background: var(--orange); }
.portal-start span { font: 700 9px Arial, sans-serif; letter-spacing: .16em; }
.portal-start strong { margin: 2px 0; font-size: 23px; }
.portal-start small { color: #ffe4db; font-size: 11px; }
.portal-links { display: grid; grid-template-columns: repeat(3, 1fr); }
.portal-links a { display: flex; align-items: center; justify-content: center; gap: 15px; border-right: 1px solid #e2e6eb; }
.portal-links a:last-child { border: 0; }
.portal-links b { color: #0967d5; font: 900 31px Arial, sans-serif; }
.portal-links span { display: flex; flex-direction: column; }
.portal-links strong { font-size: 15px; }
.portal-links small { color: #8b96a5; font: 9px Arial, sans-serif; letter-spacing: .1em; }
.home-dashboard { padding: 58px 0 65px; background: #f3f5f8; }
.home-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(300px, .8fr); gap: 20px; }
.notice-board { min-height: 276px; padding: 25px 29px; border: 1px solid #dbe1e8; background: #fff; }
.notice-board header { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 15px; border-bottom: 2px solid #152a45; }
.notice-board header span { color: #0a68ce; font: 700 9px Arial, sans-serif; letter-spacing: .15em; }
.notice-board h2 { margin: 1px 0 0; font-size: 21px; }
.notice-board header a { padding:5px 7px;color: #788493; font-size: 11px; transition:color .16s,background .16s; }
.notice-board ul { margin: 12px 0 0; padding: 0; list-style: none; }
.notice-board li a { display: grid; grid-template-columns: 68px minmax(0,1fr) 150px 54px 48px 42px; align-items: center; min-height: 50px; border-bottom: 1px solid #edf0f3; transition:background-color .16s,box-shadow .16s; }
.notice-board li b { color: #0b68cc; font-size: 11px; }
.notice-board li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-board time { color: #939ca8; text-align: right; font-size: 11px; }
.notice-board li em,.home-feed-list li em { overflow: hidden; color: #738195; font-size: 10px; font-style: normal; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.notice-board li>a:hover,.notice-board li>a:focus-visible,.home-feed-list li>a:hover,.home-feed-list li>a:focus-visible{background:#edf6ff;outline:0;box-shadow:inset 0 -2px #1683df}.notice-board header>a:hover,.notice-board header>a:focus-visible,.home-community-latest>header>a:hover,.home-community-latest>header>a:focus-visible,.home-screenshot-latest>header>a:hover,.home-screenshot-latest>header>a:focus-visible{color:#0867c2;background:#edf6ff;outline:0}.home-feed-author{display:flex;min-width:0;align-items:center;justify-content:flex-start!important;gap:5px;text-align:left!important}.home-feed-author .home-feed-rank{width:24px;height:15px;object-fit:contain;flex:0 0 auto}.home-feed-author .home-feed-avatar{width:27px;height:38px;object-fit:cover;object-position:center top;flex:0 0 auto;border:1px solid #b9c9da;background:#eaf1f8}.home-feed-author span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-feed-author.is-admin span,.home-screenshot-meta .is-admin{color:#e35b13!important;font-weight:900;letter-spacing:.02em}.notice-board li>a>strong,.home-feed-list li>a>strong{color:#49708f;font-size:9px;text-align:right}.post-new{display:inline-flex;margin-left:5px;padding:1px 4px;color:#fff!important;background:#ff4f23;font:900 8px Arial,sans-serif;font-style:normal;vertical-align:1px}
.home-catalog { padding: 76px 0 84px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 28px; }
.section-heading span { color: var(--orange); font: 700 10px Arial, sans-serif; letter-spacing: .16em; }
.section-heading h2 { margin: 2px 0 3px; font-size: 30px; letter-spacing: -.04em; }
.section-heading p { margin: 0; color: var(--muted); }
.section-heading > a { padding-bottom: 4px; color: #405066; border-bottom: 1px solid #405066; font-weight: 700; }
.featured-plane-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid #172a43; border-left: 1px solid #dbe1e8; }
.featured-plane { position: relative; min-width: 0; border-right: 1px solid #dbe1e8; border-bottom: 1px solid #dbe1e8; background: #fff; }
.featured-plane-index { position: absolute; z-index: 1; top: 12px; left: 13px; color: #8e99a7; font: 700 11px Arial, sans-serif; }
.featured-plane img { width: 100%; aspect-ratio: 1.45; object-fit: cover; border-bottom: 1px solid #e2e7ec; background: #e8edf4; }
.featured-plane div { padding: 18px 19px 20px; }
.featured-plane small { color: #0870d9; font-size: 10px; }
.featured-plane h3 { margin: 1px 0 7px; font-size: 21px; }
.featured-plane p { margin: 0; color: #697587; font-size: 11px; }
.stage-section { color: #fff; background: #0b1c31; }
.section-heading-light h2 { color: #fff; }
.section-heading-light p { color: #9bacbf; }
.section-heading-light > a { color: #fff; border-color: #fff; }
.stage-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.stage-card { overflow: hidden; color: #fff; border: 1px solid #ffffff24; background: #112844; }
.stage-card .stage-image { width: 100%; aspect-ratio: 1.35; object-fit: cover; }
.stage-card div { padding: 17px 17px 20px; }
.stage-card span { color: #63b1ff; font: 700 9px Arial, sans-serif; letter-spacing: .12em; }
.stage-card h3 { margin: 2px 0 7px; font-size: 19px; }
.stage-card p { display: -webkit-box; overflow: hidden; margin: 0; color: #aebdcd; font-size: 11px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

@media (max-width: 900px) {
    .hero { height: 370px; }
    .portal-strip-inner { grid-template-columns: 1fr; }
    .portal-start { min-height: 95px; }
    .portal-links { min-height: 92px; }
    .home-grid { grid-template-columns: 1fr; }
    .featured-plane-grid, .stage-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .hero { height: 360px; }
    .hero-art { background-position: 57% center; background-size: auto 100%; }
    .hero-copy h1 { font-size: 39px; }
    .hero-copy > p:not(.hero-kicker) { max-width: 270px; }
    .hero-actions { align-items: stretch; flex-direction: column; max-width: 240px; }
    .portal-strip { margin-top: 0; }
    .portal-strip-inner { width: 100%; border-inline: 0; }
    .portal-links a { gap: 8px; }
    .portal-links b { font-size: 23px; }
    .portal-links strong { font-size: 12px; }
    .notice-board { padding: 21px 18px; }
    .featured-plane-grid, .stage-grid { grid-template-columns: 1fr 1fr; }
    .featured-plane div { padding: 13px; }
    .featured-plane h3 { font-size: 17px; }
    .featured-plane p { display: none; }
    .stage-card div { padding: 12px; }
    .stage-card p { display: none; }
    .section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
    .home-catalog { padding: 55px 0; }
}
@media (prefers-reduced-motion: reduce) { .hero-art { animation: none; } }

.home-content-stack { display: grid; min-width: 0; align-content: start; gap: 14px; }
.page-home .home-content-stack .notice-board { min-height: 0; }
.home-community-latest,.home-screenshot-latest { padding: 24px 28px; border: 1px solid #dbe1e8; background: #fff; }
.home-community-latest > header,.home-screenshot-latest > header { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 14px; border-bottom: 2px solid #152a45; }
.home-community-latest > header span,.home-screenshot-latest > header span { color: #0a68ce; font: 700 9px Arial,sans-serif; letter-spacing: .15em; }
.home-community-latest h2,.home-screenshot-latest h2 { margin: 1px 0 0; font-size: 21px; }
.home-community-latest > header a,.home-screenshot-latest > header a { padding:5px 7px;color: #788493; font-size: 11px;transition:color .16s,background .16s; }
.home-feed-list { margin: 12px 0 0; padding: 0; list-style: none; }
.home-feed-list li a { display: grid; grid-template-columns: 48px minmax(0,1fr) 150px 54px 48px 42px; align-items: center; min-height: 50px; border-bottom: 1px solid #edf0f3; transition:background-color .16s,box-shadow .16s; }
.home-feed-list li b { color: #0b68cc; font-size: 11px; }
.home-feed-list li b[data-board="suggestion"] { color: #db671c; }
.home-feed-list li b[data-board="strategy"] { color: #17834b; }
.home-feed-list li span,.notice-board li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-feed-list li small,.notice-board li small { margin-left: 3px; color: #0871d3; }
.home-feed-list time { color: #939ca8; text-align: right; font-size: 11px; }
.home-feed-empty { padding: 30px 0; color: #9aa4af; text-align: center; font-size: 11px; }
.home-screenshot-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding-top: 17px; }
.home-screenshot-grid > a { min-width: 0; overflow: hidden; border: 1px solid #d8e0e8; background: #f7f9fb; transition: border-color .16s,transform .16s,box-shadow .16s; }
.home-screenshot-grid > a:hover,.home-screenshot-grid > a:focus-visible { border-color: #1683df; outline: 0; box-shadow: 0 8px 20px #0a5da31c; transform: translateY(-2px); }
.home-screenshot-grid > a > span { display: grid; place-items: center; overflow: hidden; aspect-ratio: 16/10; background: #e7edf3; }
.home-screenshot-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.home-screenshot-grid > a:hover img,.home-screenshot-grid > a:focus-visible img { transform: scale(1.03); }
.home-screenshot-grid i { color: #8a98a7; font-size: 10px; }
.home-screenshot-grid strong { display: block; overflow: hidden; padding: 10px 11px; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.home-screenshot-grid strong small { margin-left: 3px; color: #0871d3; }
.home-screenshot-grid strong .post-new{display:inline-flex}.home-screenshot-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 8px;padding:0 11px 10px!important;color:#758496!important}.home-screenshot-meta .home-feed-author{min-width:0}.home-screenshot-meta .home-feed-rank{width:24px!important;height:15px!important}.home-screenshot-meta .home-feed-avatar{width:27px!important;height:38px!important;object-fit:cover!important}.home-screenshot-meta b{color:#2870aa;font-size:9px}.home-screenshot-meta time{grid-column:1/-1;font-size:9px}.home-screenshot-grid>a:focus-visible{outline:0}
.home-screenshot-grid > p { grid-column: 1/-1; margin: 0; padding: 35px 0; color: #9aa4af; text-align: center; font-size: 11px; }
@media (max-width: 600px) { .home-community-latest,.home-screenshot-latest { padding: 21px 18px; } .home-screenshot-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .notice-board li a,.home-feed-list li a { grid-template-columns: 58px minmax(0,1fr) 38px; } .home-feed-author,.notice-board li>a>strong,.home-feed-list li>a>strong { display:none; } }

/* Keep all author identities readable through a six-character Korean nickname. */
.home-feed-author{gap:5px;max-width:100%;line-height:1}
.home-feed-author .home-feed-avatar{order:1;width:24px;height:28px;border-radius:2px;object-fit:contain;object-position:center bottom;background:#f1f5f9}
.home-feed-author .home-feed-author-name{order:2;flex:0 1 auto;min-width:6.2em;max-width:9em;overflow:hidden;color:#263e58;font-size:12px;font-style:normal;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.home-feed-author .home-feed-rank{order:3;width:30px;height:20px}
.home-feed-author.is-admin .home-feed-author-name{color:#d95912!important}
.home-feed-author.is-staff-kr .home-feed-author-name{color:#0875c7!important;font-weight:900}.home-feed-author.is-staff-jp .home-feed-author-name{color:#bd3763!important;font-weight:900}.home-feed-author-role{flex:0 0 auto;padding:2px 3px;border-radius:3px;color:#fff;background:#1685d1;font:900 7px/1 Arial,sans-serif}.home-feed-author.is-staff-jp .home-feed-author-role{background:#ca426e}
.home-screenshot-meta{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"author author author" "date up views";align-items:center}
.home-screenshot-meta .home-feed-author{grid-area:author;overflow:visible}
.home-screenshot-meta time{grid-area:date!important}
.home-screenshot-meta b:first-of-type{grid-area:up}
.home-screenshot-meta b:last-of-type{grid-area:views}
.home-screenshot-meta .home-feed-avatar{width:22px!important;height:26px!important;object-fit:contain!important}
.home-screenshot-meta .home-feed-rank{width:28px!important;height:18px!important}
.home-screenshot-meta .home-feed-author-name{min-width:6.2em;max-width:7.5em;font-size:11px}
.home-feed-author .home-feed-avatar{position:relative;display:block;width:34px;height:38px;overflow:hidden;font-style:normal;image-rendering:auto}
.home-feed-author .home-feed-avatar>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(2.18);transform-origin:50% 14%;image-rendering:auto}

/* Compact icon metrics keep the author line readable. */
.home-feed-reactions,.home-feed-views{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.home-feed-reactions .community-metric,.home-feed-views .community-metric{gap:2px}
.home-screenshot-meta{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"author author" "date stats";gap:5px 8px}
.home-screenshot-stats{grid-area:stats;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.home-screenshot-stats .community-metric{gap:2px}
.notice-board .home-feed-slot,.home-feed-list .home-feed-slot{display:flex;min-height:50px;align-items:center;justify-content:center;border-bottom:1px solid #edf0f3;color:#9aa4af;font-size:11px;visibility:hidden}.notice-board .home-feed-slot.home-feed-empty,.home-feed-list .home-feed-slot.home-feed-empty{padding:0;visibility:visible}.home-screenshot-grid{position:relative;grid-auto-rows:1fr}.home-screenshot-grid>.home-screenshot-slot{display:grid;min-width:0;overflow:hidden;border:1px solid transparent;visibility:hidden}.home-screenshot-grid>.home-screenshot-slot>span{display:block;aspect-ratio:16/10}.home-screenshot-grid>.home-screenshot-slot>strong{min-height:31px}.home-screenshot-grid>.home-screenshot-slot>small{min-height:56px}.home-screenshot-grid>p{position:absolute;inset:17px 0 0;display:flex;align-items:center;justify-content:center}

/* pages.css */
.match-history-main.has-season-history{width:100%}
.ranking-season-detail{margin:18px 0 10px;color:#163752;font-size:17px;font-weight:800;overflow-wrap:anywhere}
.ranking-season-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
.ranking-season-tabs a{display:flex;max-width:100%;min-height:42px;align-items:center;gap:9px;padding:9px 13px;border:1px solid #d5e0eb;border-radius:4px;background:#f8fafc;color:#50677c;transition:background-color .16s,border-color .16s}
.ranking-season-tabs b{min-width:0;overflow-wrap:anywhere;font-size:12px}
.ranking-season-tabs span{flex-shrink:0;white-space:nowrap;color:#7e8d9c;font-size:10px}
.ranking-season-tabs a[aria-current=page]{border-color:#0870cf;background:#eaf4ff;color:#0868b7;box-shadow:inset 0 -2px #0870cf}
.ranking-season-tabs a[aria-current=page] span{color:#0870cf}
.ranking-season-tabs a:hover,.ranking-season-tabs a:focus-visible{outline:2px solid #86bce8;outline-offset:2px;background:#edf6ff}
.ranking-archive-note{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0 0 16px;padding:12px 14px;border-left:3px solid #8ba5bf;background:#f3f6fa;color:#607387;font-size:11px}
.ranking-archive-note strong{color:#34536e}
.ranking-season-state{margin:10px 0 16px;padding:11px 13px;border:1px solid #e1e7ee;background:#f8fafc;color:#697d90;font-size:12px}
.records-season-scope{margin:0 0 22px;color:#6b8194;font-size:12px;line-height:1.7}
.ranking-shell .ranking-search label{min-width:0}
.ranking-shell .ranking-list li>span:nth-child(n+4){min-width:0;padding:8px;white-space:normal;overflow-wrap:anywhere}
.page-ranking .page-hero p:last-child{max-width:640px;line-height:1.7;text-shadow:0 1px 3px #04182f}
@media(max-width:980px){.ranking-section .ranking-shell{overflow-x:visible}.ranking-shell .ranking-panel{min-width:0;overflow-x:auto}.ranking-shell .ranking-table-head,.ranking-shell .ranking-list{min-width:720px}}
@media(max-width:640px){.ranking-season-tabs{gap:6px}.ranking-season-tabs a{flex:1 1 150px;padding:9px 10px;justify-content:space-between}.ranking-season-detail{font-size:16px}.ranking-archive-note{display:grid;gap:5px}}
.page-hero { padding: 46px 0 42px; color: #fff; border-bottom: 4px solid var(--orange); background: linear-gradient(90deg, #071b36e8, #0b2849bd), url("../legacy-2006/bg_gurm.gif") center 58%/cover no-repeat; }
.page-hero .eyebrow { margin-bottom: 5px; color: #7fc2ff; font: 700 10px Arial, sans-serif; letter-spacing: .18em; }
.page-hero h1 { margin-bottom: 5px; font-size: 34px; letter-spacing: -.05em; }
.page-hero p:last-child { margin: 0; color: #cbd8e7; }
.section { padding: 56px 0 85px; }
.game-info-section { padding-top: 44px; background: #f3f5f8; }
.game-info-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 34px; align-items: start; }
.game-info-sidebar { position: sticky; top: 126px; overflow: hidden; border: 1px solid #d2dbe5; background: #fff; box-shadow: 0 8px 24px #132d4910; }
.game-info-sidebar > strong { display: flex; min-height: 62px; align-items: center; padding: 0 22px; color: #fff; background: #102b4b; font-size: 18px; }
.sub-navigation { display: flex; flex-direction: column; margin: 0; border: 0; background: transparent; }
.sub-navigation a { display: flex; min-height: 54px; align-items: center; justify-content: flex-start; padding: 0 22px; border: 0; border-bottom: 1px solid #e1e7ed; font-size: 14px; font-weight: 700; }
.sub-navigation a:last-child { border-bottom: 0; }
.sub-navigation a::after { margin-left: auto; color: #91a0b1; content: "›"; font-size: 18px; }
.sub-navigation a[aria-current="page"] { color: #fff; background: #0d66c5; }
.sub-navigation a[aria-current="page"]::after { color: #fff; }
.sub-navigation a { transition: color .16s, background-color .16s, box-shadow .16s; }
.sub-navigation a:hover, .sub-navigation a:focus-visible { color: #0867c2; outline: 0; background: #edf6ff; box-shadow: inset 4px 0 #1683df; }
.sub-navigation a[aria-current="page"] { box-shadow: inset 4px 0 #ff9d20; }
.sub-navigation a[aria-current="page"]:hover, .sub-navigation a[aria-current="page"]:focus-visible { color: #fff; background: #0b5bae; }
.game-info-content { min-width: 0; }
.catalog-title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 25px; padding-bottom: 18px; border-bottom: 2px solid #172b47; }
.catalog-title div p { margin: 0; color: #0870d9; font: 700 9px Arial, sans-serif; letter-spacing: .15em; }
.catalog-title h2 { margin: 2px 0 0; font-size: 29px; letter-spacing: -.04em; }
.catalog-title > span { max-width: 600px; color: #637084; text-align: right; }
.game-history-timeline{position:relative;display:grid;gap:8px;margin:0;padding:0 0 0 24px;list-style:none}.game-history-timeline::before{position:absolute;top:18px;bottom:18px;left:7px;width:2px;background:#c9d7e4;content:""}.game-history-timeline li{position:relative;display:grid;min-height:66px;grid-template-columns:125px 100px minmax(0,1fr);align-items:center;gap:14px;padding:12px 18px;border:1px solid #d5dfe8;background:#fff;box-shadow:0 5px 16px #1738540a}.game-history-timeline li::before{position:absolute;left:-23px;width:12px;height:12px;border:3px solid #f3f5f8;border-radius:50%;background:#71869a;box-shadow:0 0 0 2px #a9bac9;content:""}.game-history-timeline time{color:#143a5c;font:900 14px/1 Arial,sans-serif}.game-history-country{display:flex;align-items:center;gap:7px;color:#66798b;font-size:11px;font-weight:800}.game-history-country i{font-size:17px;font-style:normal}.game-history-timeline strong{color:#203e58;font-size:14px}.game-history-timeline li.is-revival{border-left:3px solid #f09a21}.game-history-timeline li.is-revival::before{background:#f09a21;box-shadow:0 0 0 2px #f2bd75}.game-history-timeline li.is-end{background:#f8fafb}.game-history-timeline li.is-end strong{color:#718092}.game-history-timeline li.is-forever{border-color:#76b9eb;background:linear-gradient(90deg,#eef8ff,#fff)}.game-history-timeline li.is-forever::before{background:#087bd1;box-shadow:0 0 0 2px #68b7ef}.game-history-timeline li.is-forever time,.game-history-timeline li.is-forever strong{color:#086bb7}.game-history-now{margin-top:18px;padding:25px 28px;color:#fff;background:linear-gradient(112deg,#0a223d,#0b5992);box-shadow:0 14px 34px #0d365126}.game-history-now span{color:#79caff;font:900 9px Arial,sans-serif;letter-spacing:.16em}.game-history-now strong{display:block;margin:5px 0 7px;font-size:24px}.game-history-now p{margin:0;color:#cce2f3;font-size:12px}@media(max-width:700px){.game-history-title{align-items:flex-start;flex-direction:column;gap:8px}.game-history-title>span{text-align:left}.game-history-timeline li{grid-template-columns:1fr auto;gap:7px 12px}.game-history-timeline strong{grid-column:1/-1}.game-history-country{justify-self:end}}@media(max-width:420px){.game-history-timeline{padding-left:19px}.game-history-timeline li{grid-template-columns:1fr;padding:12px 14px}.game-history-timeline li::before{left:-20px}.game-history-country{justify-self:start}.game-history-now{padding:21px 20px}}
.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.catalog-toolbar label { width: 280px; }
.catalog-toolbar input { width: 100%; height: 40px; padding: 0 13px; border: 1px solid #cbd3dd; outline: 0; background: #fff; }
.catalog-toolbar input:focus { border-color: #0967d5; }
.catalog-filters { display: flex; gap: 5px; }
.catalog-filters button { min-height: 38px; padding: 0 14px; color: #59677a; border: 1px solid #d4dbe3; background: #fff; font-size: 12px; }
.catalog-filters button.is-active { color: #fff; border-color: #0c67c8; background: #0c67c8; }
.aircraft-catalog-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid #172b47; border-left: 1px solid #d9e0e8; }
.plane-card { position: relative; min-width: 0; padding: 0; overflow: hidden; text-align: left; border: 0; border-right: 1px solid #d9e0e8; border-bottom: 1px solid #d9e0e8; background: #fff; }
.plane-card[hidden] { display: none; }
.plane-card:hover { z-index: 1; outline: 2px solid #0b6ed4; outline-offset: -2px; }
.plane-card-image { overflow: hidden; aspect-ratio: 1.55; background: #e8edf4; }
.plane-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.plane-card:hover .plane-card-image img { transform: scale(1.04); }
.plane-card-copy { padding: 15px 16px 16px; }
.plane-card-copy > span { color: #0871d8; font-size: 10px; font-weight: 700; }
.plane-card h3 { margin: 1px 0 12px; font-size: 19px; }
.plane-card dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin-bottom: 13px; }
.plane-card dl div { padding: 5px 2px; text-align: center; border: 1px solid #e1e6eb; background: #f7f9fb; }
.plane-card dt { color: #8b95a1; font-size: 9px; }
.plane-card dd { margin: -1px 0 0; font: 800 15px Arial, sans-serif; }
.grade-s { color: #df2020; } .grade-ap { color: #f05c13; } .grade-a { color: #d53c19; } .grade-bp { color: #126bc4; }
.plane-card-copy > b { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; color: #45546a; border-top: 1px solid #e1e6eb; font-size: 11px; }
.plane-card-copy > b i { color: #0870d9; font-style: normal; font-size: 16px; }
.catalog-empty { padding: 80px 0; text-align: center; }
.aircraft-dialog { width: min(1040px, calc(100% - 30px)); max-height: calc(100vh - 30px); padding: 0; overflow: visible; color: #eaf2fc; border: 1px solid #46617f; background: #0a1a2e; box-shadow: 0 30px 80px #000a; }
.aircraft-dialog::backdrop { background: #020a13dc; backdrop-filter: blur(2px); }
.dialog-close { position: absolute; z-index: 5; top: -1px; right: -47px; width: 44px; height: 44px; color: #fff; border: 1px solid #52677e; background: #0a1a2e; font-size: 28px; }
.aircraft-detail { display: grid; grid-template-columns: 55% 45%; }
.spin-viewer { min-width: 0; border-right: 1px solid #344c67; background: #071321; }
.spin-viewer > header { display: flex; height: 49px; align-items: center; justify-content: space-between; padding: 0 19px; color: #8ea8c4; border-bottom: 1px solid #2c435d; font: 700 9px Arial, sans-serif; letter-spacing: .14em; }
.spin-viewer > header b { color: #f0b529; }
.spin-stage { position: relative; display: flex; min-height: 500px; align-items: center; justify-content: center; overflow: hidden; touch-action: none; cursor: ew-resize; background: radial-gradient(circle at center, #173758 0, #081725 65%); }
.spin-stage::before { position: absolute; right: 9%; bottom: 10%; left: 9%; height: 20%; border: 1px solid #7db9ef40; border-radius: 50%; content: ""; transform: perspective(300px) rotateX(62deg); }
.spin-stage img { position: relative; z-index: 1; width: min(500px, 94%); user-select: none; filter: drop-shadow(0 28px 17px #000b); }
.spin-stage > span { position: absolute; z-index: 2; right: 0; bottom: 16px; left: 0; color: #8094a9; text-align: center; font-size: 10px; }
.spin-controls { display: grid; grid-template-columns: 55px 1fr 55px; height: 70px; align-items: center; border-top: 1px solid #2d435c; }
.spin-controls button { height: 100%; color: #bcd5ee; border: 0; background: #10253e; font-size: 30px; }
.spin-controls div { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.spin-controls strong { font-size: 13px; }
.aircraft-spec { padding: 31px 31px 26px; overflow-y: auto; background: #10243b; }
.aircraft-spec > header { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 17px; border-bottom: 2px solid #53779d; }
.aircraft-spec > header span { color: #66b3ff; font-size: 10px; }
.aircraft-spec h2 { margin: 1px 0 0; color: #fff; font-size: 30px; }
.aircraft-spec > header > strong { color: #f4b625; font: 700 9px Arial, sans-serif; letter-spacing: .12em; }
.detail-description { min-height: 102px; margin: 21px 0 6px; color: #d3dfec; font-size: 13px; line-height: 1.8; }
.detail-source { display: block; margin-bottom: 19px; color: #7790aa; font-size: 9px; }
.grade-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-bottom: 15px; }
.grade-grid div { padding: 8px 5px 10px; text-align: center; border: 1px solid #456282; background: #081728; }
.grade-grid dt { color: #849bb2; font-size: 9px; }
.grade-grid dd { margin: 1px 0 0; color: #ffdd42; font: 900 24px Arial, sans-serif; }
.raw-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-bottom: 18px; background: #324c68; }
.raw-stat-grid div { display: flex; justify-content: space-between; padding: 8px 10px; background: #152b43; }
.raw-stat-grid dt { color: #8198ae; font-size: 10px; }
.raw-stat-grid dd { margin: 0; color: #dfeaf5; font-size: 10px; font-weight: 700; }
.detail-items { border: 1px solid #38516b; background: #0c1c2f; }
.detail-items > header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid #304962; }
.detail-items > header strong { color: #dfeaf5; font-size: 11px; }
.detail-items > header small { color: #7690aa; font-size: 9px; }
.detail-item-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; margin: 0; padding: 10px; list-style: none; }
.detail-item-list li { display: flex; min-width: 0; align-items: center; gap: 6px; padding: 5px; border: 1px solid #2e4863; background: #142b43; }
.detail-item-list img { width: 38px; height: 38px; flex: 0 0 38px; object-fit: contain; image-rendering: auto; }
.detail-item-list span { display: flex; min-width: 0; flex-direction: column; }
.detail-item-list strong { overflow: hidden; color: #e7f0fa; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.detail-item-list small { color: #54afff; font: 800 10px Arial,sans-serif; }
.item-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.item-card { display: flex; min-height: 310px; flex-direction: column; padding: 20px; border: 1px solid #d7dee7; border-top: 3px solid #18304d; background: #fff; }
.item-card-head { display: grid; grid-template-columns: 84px 1fr; align-items: center; gap: 11px; padding-bottom: 15px; border-bottom: 1px solid #e2e7ec; }
.item-icon { display: flex; width: 84px; height: 84px; align-items: center; justify-content: center; background: #e9edf3; }
.item-icon img { width: 78px; height: 78px; }
.item-card-head div:last-child > span { color: #0971d8; font-size: 10px; font-weight: 700; }
.item-card h3 { margin: 1px 0 0; font-size: 19px; }
.item-card h3 + small { color: #9aa3af; font: 9px Arial, sans-serif; }
.item-card > p { flex: 1; margin: 16px 0; color: #566378; font-size: 12px; line-height: 1.75; }
.item-stats { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 13px; }
.item-stats div { display: flex; gap: 5px; padding: 4px 7px; border: 1px solid #dbe1e8; background: #f4f7f9; font-size: 9px; }
.item-stats dt { color: #8a95a2; }
.item-stats dd { margin: 0; color: #193c67; font-weight: 700; }
.item-card footer { padding-top: 10px; color: #98a1ac; border-top: 1px solid #e7ebef; font-size: 9px; }
.stage-browser { display: grid; grid-template-columns: 305px 1fr; min-height: 650px; border: 1px solid #cfd7e0; background: #fff; }
.stage-list { max-height: 680px; overflow-y: auto; border-right: 1px solid #cfd7e0; background: #f1f4f7; }
.stage-select { display: grid; width: 100%; grid-template-columns: 66px 1fr 15px; align-items: center; gap: 11px; min-height: 78px; padding: 8px 12px; text-align: left; border: 0; border-bottom: 1px solid #dbe1e7; background: transparent; }
.stage-select img { width: 64px; height: 64px; object-fit: cover; }
.stage-select span { display: flex; flex-direction: column; min-width: 0; }
.stage-select small { color: #8e99a6; font: 8px Arial, sans-serif; letter-spacing: .08em; }
.stage-select strong { margin-top: -1px; font-size: 15px; }
.stage-select b { color: #7a8797; font-size: 9px; font-weight: 400; }
.stage-select i { color: #9fa8b2; font-style: normal; font-size: 20px; }
.stage-select.is-active { color: #fff; background: #0c63bd; }
.stage-select.is-active small, .stage-select.is-active b, .stage-select.is-active i { color: #c5e3ff; }
.stage-detail { min-width: 0; }
.stage-visual { position: relative; overflow: hidden; aspect-ratio: 1.75; background: #071729; }
.stage-main-image { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; }
.stage-visual::after { position: absolute; inset: 0; background: linear-gradient(0deg, #08182d8a, transparent 40%); content: ""; }
.stage-visual span { position: absolute; z-index: 1; bottom: 14px; left: 17px; color: #fff; font: 700 9px Arial, sans-serif; letter-spacing: .14em; }
.stage-detail-copy { padding: 27px 30px 30px; }
.stage-detail-copy header { display: grid; grid-template-columns: 1fr auto; align-items: end; padding-bottom: 15px; border-bottom: 2px solid #172d49; }
.stage-detail-copy h3 { margin: 0; font-size: 27px; }
.stage-client-name { color: #677589; font-size: 11px; }
.stage-description { min-height: 80px; margin: 19px 0; color: #4d5b6e; line-height: 1.8; }
.stage-data { display: grid; grid-template-columns: 128px 1fr; gap: 20px; }
.stage-minimap { width: 128px; height: 128px; background: #0b1c30; }
.stage-data dl { margin: 0; border-top: 1px solid #dce2e8; }
.stage-data dl div { display: grid; grid-template-columns: 100px 1fr; padding: 9px 2px; border-bottom: 1px solid #e3e7ec; }
.stage-data dt { color: #8994a1; font-size: 10px; }
.stage-data dd { margin: 0; color: #3e4e63; font-size: 10px; font-weight: 700; overflow-wrap: anywhere; }
.stage-data-minimap-only { display: block; }
.step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.step-card, .download-grid article { padding: 30px; border: 1px solid var(--line); background: #fff; }
.step-card > span, .download-grid article > span { color: var(--blue); font: 800 12px Arial, sans-serif; }
.step-card h2, .download-grid h2 { margin: 15px 0 8px; font-size: 20px; }
.step-card p, .download-grid p { color: var(--muted); }
.center-action { margin-top: 30px; text-align: center; }
.news-list { border-top: 2px solid var(--navy); }
.news-list article { display: grid; grid-template-columns: 120px 1fr; gap: 25px; padding: 25px 15px; border-bottom: 1px solid var(--line); }
.news-list time { color: var(--muted); }
.news-list h2 { margin-bottom: 5px; font-size: 19px; }
.news-list p { margin: 0; color: var(--muted); }
.download-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.download-page { padding-bottom: 34px; background: linear-gradient(180deg,#fff 0,#f4f7fa 100%); }
.download-main-section { padding: 48px 0 34px; }
.download-installer-card { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.7fr); overflow: hidden; color: #fff; border: 1px solid #143b60; background: linear-gradient(118deg,#0a223b 0,#0c426d 64%,#136ca4 100%); box-shadow: 0 18px 45px #0a2c492b; }
.download-installer-copy { position: relative; padding: 42px 46px; }
.download-installer-copy::after { position: absolute; top: -95px; right: -55px; width: 260px; height: 260px; border: 1px solid #ffffff18; border-radius: 50%; box-shadow: 0 0 0 38px #ffffff08,0 0 0 76px #ffffff05; content: ""; }
.download-kicker,.download-section-title span { color: #75c9ff; font: 900 10px Arial,sans-serif; letter-spacing: .17em; }
.download-installer-copy h2 { position: relative; z-index: 1; margin: 10px 0; font-size: clamp(25px,3vw,36px); letter-spacing: -.04em; }
.download-installer-copy p { position: relative; z-index: 1; max-width: 650px; margin-bottom: 22px; color: #d8e8f5; }
.download-features { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.download-features li { padding: 6px 10px; border: 1px solid #8dcdf454; background: #061a2c52; font-size: 11px; font-weight: 800; }
.download-installer-action { display: flex; align-items: stretch; justify-content: center; flex-direction: column; padding: 34px; border-left: 1px solid #ffffff24; background: #06192c66; }
.download-installer-action > span { color: #7bcfff; font: 900 10px Arial,sans-serif; letter-spacing: .14em; }
.download-installer-action > small { margin: 8px 0 22px; color: #afc8db; }
.download-installer-action .button { width: 100%; }
.download-mirror-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.download-mirror-grid .button { min-width: 0; align-items: flex-start; flex-direction: column; padding: 10px 14px; line-height: 1.2; }
.download-mirror-grid .button span { font-size: 12px; }
.download-mirror-grid .button small { margin-top: 4px; color: #ffffffc2; font-size: 9px; }
.download-mirror-grid .button.is-disabled { cursor: not-allowed; filter: grayscale(.5); opacity: .48; }
.download-link-status { margin-top: 9px; color: #92b9d5; font-size: 9px; font-style: normal; }
.download-spec-section,.download-runtime-section { padding: 24px 0; }
.download-section-title { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 2px solid #153958; }
.download-section-title span { color: #1674b6; }
.download-section-title h2 { margin: 3px 0 0; font-size: 24px; letter-spacing: -.03em; }
.download-section-title > p { margin: 0; color: #718296; font-size: 11px; }
.download-spec-table-wrap { overflow-x: auto; border: 1px solid #cbd8e3; background: #fff; box-shadow: 0 5px 18px #123c5a0d; }
.download-spec-table { width: 100%; min-width: 680px; border-collapse: collapse; table-layout: fixed; }
.download-spec-table th,.download-spec-table td { padding: 14px 18px; border-bottom: 1px solid #e0e7ed; text-align: left; }
.download-spec-table thead th { color: #fff; border-color: #1d4b70; background: #133653; font-size: 12px; }
.download-spec-table thead th:first-child { width: 20%; color: #9ec8e8; }
.download-spec-table tbody th { color: #4f6980; background: #f6f9fb; font-size: 11px; }
.download-spec-table tbody td { color: #263d52; font-size: 12px; font-weight: 700; }
.download-spec-table tbody td:last-child { color: #0d609c; background: #f4faff; }
.download-spec-table tbody tr:last-child th,.download-spec-table tbody tr:last-child td { border-bottom: 0; }
.download-runtime-section { padding-bottom: 48px; }
.download-runtime-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.download-runtime-grid > article { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 15px; min-height: 174px; padding: 22px; border: 1px solid #cad7e2; background: #fff; box-shadow: 0 5px 16px #153f5d0d; }
.download-runtime-mark { display: flex; width: 58px; height: 58px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #c6d7e4; border-radius: 12px; background: #f5f9fc; box-shadow: inset 0 1px 0 #fff,0 4px 10px #17395617; }
.download-runtime-mark img { width: 46px; height: 46px; object-fit: contain; }
.download-runtime-grid h3 { margin: 2px 0 7px; color: #17344f; font-size: 15px; line-height: 1.35; }
.download-runtime-grid p { min-height: 44px; margin-bottom: 12px; color: #718193; font-size: 11px; line-height: 1.65; }
.download-runtime-grid a { color: #0d6eb1; font-size: 11px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.download-runtime-links { display: flex; flex-wrap: wrap; gap: 6px; }
.download-runtime-links a { padding: 5px 8px; color: #0d639f; border: 1px solid #b8d0e1; background: #f4faff; text-decoration: none; }
.faq-list details { padding: 22px 25px; border-bottom: 1px solid var(--line); background: #fff; }
.faq-list summary { cursor: pointer; font-size: 17px; font-weight: 700; }
.faq-list p { margin: 15px 0 5px; color: var(--muted); }
.faq-list a { color: var(--blue); font-weight: 700; }

@media (max-width: 980px) {
    .download-installer-card { grid-template-columns: 1fr 310px; }
    .download-runtime-grid { grid-template-columns: 1fr; }
    .download-runtime-grid > article { min-height: 0; }
    .download-runtime-grid p { min-height: 0; }
    .game-info-layout { grid-template-columns: 150px minmax(0,1fr); gap: 20px; }
    .aircraft-catalog-grid { grid-template-columns: repeat(3, 1fr); }
    .item-grid { grid-template-columns: repeat(2, 1fr); }
    .catalog-toolbar { align-items: stretch; flex-direction: column; }
    .catalog-toolbar label { width: 100%; }
    .catalog-filters { overflow-x: auto; }
    .catalog-filters button { flex: 0 0 auto; }
    .stage-browser { grid-template-columns: 235px 1fr; }
    .aircraft-detail { grid-template-columns: 1fr; max-height: calc(100vh - 30px); overflow-y: auto; }
    .spin-viewer { border-right: 0; border-bottom: 1px solid #344c67; }
    .spin-stage { min-height: 430px; }
    .dialog-close { top: 5px; right: 5px; border: 0; background: #071728cf; }
}
@media (max-width: 720px) {
    .download-main-section { padding-top: 28px; }
    .download-installer-card { grid-template-columns: 1fr; }
    .download-installer-copy { padding: 30px 26px; }
    .download-installer-action { padding: 25px 26px; border-top: 1px solid #ffffff24; border-left: 0; }
    .download-section-title { align-items: flex-start; flex-direction: column; gap: 6px; }
    .download-spec-table { min-width: 0; }
    .download-spec-table th,.download-spec-table td { padding: 10px 8px; overflow-wrap: anywhere; }
    .download-spec-table thead th:first-child { width: 24%; }
    .page-hero { padding: 35px 0; }
    .game-info-section { padding-top: 18px; }
    .game-info-layout { display: block; }
    .game-info-sidebar { position: static; margin: 0 0 22px; }
    .game-info-sidebar > strong { display: none; }
    .sub-navigation { flex-direction: row; }
    .sub-navigation a { flex: 1; justify-content: center; padding: 0 10px; }
    .sub-navigation a::after { display: none; }
    .catalog-title { align-items: flex-start; flex-direction: column; gap: 7px; }
    .catalog-title > span { text-align: left; }
    .aircraft-catalog-grid { grid-template-columns: repeat(2, 1fr); }
    .plane-card-copy { padding: 12px; }
    .plane-card h3 { font-size: 17px; }
    .plane-card dl { grid-template-columns: repeat(2, 1fr); }
    .item-grid { grid-template-columns: 1fr; }
    .stage-browser { display: flex; flex-direction: column; }
    .stage-list { display: flex; max-height: none; overflow-x: auto; border-right: 0; border-bottom: 1px solid #cfd7e0; }
    .stage-select { flex: 0 0 150px; grid-template-columns: 54px 1fr; min-height: 70px; padding: 8px; }
    .stage-select img { width: 52px; height: 52px; }
    .stage-select i, .stage-select b { display: none; }
    .stage-detail-copy { padding: 22px 18px; }
    .stage-data { grid-template-columns: 100px 1fr; gap: 13px; }
    .stage-minimap { width: 100px; height: 100px; }
    .stage-data dl div { grid-template-columns: 80px 1fr; }
    .spin-stage { min-height: 330px; }
    .aircraft-spec { padding: 24px 18px; }
    .detail-item-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .step-grid, .download-grid { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
    .download-installer-copy,.download-installer-action { padding-right: 20px; padding-left: 20px; }
    .download-installer-copy h2 { font-size: 22px; }
    .download-mirror-grid { grid-template-columns: 1fr; }
    .download-runtime-grid > article { grid-template-columns: 48px minmax(0,1fr); padding: 17px; }
    .download-runtime-mark { width: 48px; height: 48px; }
    .download-runtime-mark img { width: 39px; height: 39px; }
    .aircraft-catalog-grid { grid-template-columns: 1fr 1fr; }
    .plane-card dl, .plane-card-copy > b { display: none; }
    .plane-card-image { aspect-ratio: 1.3; }
    .plane-card h3 { margin-bottom: 0; }
    .stage-data { grid-template-columns: 1fr; }
    .detail-item-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.records-season-history{min-width:0;margin:0 0 20px;border:1px solid #cbd9e6;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #183b5c08}.records-season-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #dce5ed;background:linear-gradient(115deg,#f8fbfe,#eef6fc)}.records-season-history>header>div{min-width:0}.records-season-history header span{color:#3584bb;font:800 9px/1.4 Arial,sans-serif;letter-spacing:.12em}.records-season-history h3{margin:6px 0 8px;color:#1b3d5b;font-size:19px}.records-season-history header p{margin:0;color:#70869a;font-size:12px;line-height:1.7}.records-season-history header>b{flex:0 0 auto;padding:5px 8px;border:1px solid #c7ddeb;border-radius:5px;color:#3c7ca8;background:#fff;font-size:10px;white-space:nowrap}.records-season-scroll{overflow-x:auto}.records-season-scroll:focus-visible{outline:3px solid #238dd0;outline-offset:-3px}.records-season-history table{width:100%;min-width:550px;border-collapse:collapse;text-align:left}.records-season-history thead th{padding:12px 20px;border-bottom:1px solid #e1e9f0;color:#7b8d9d;background:#f8fafc;font-size:11px;white-space:nowrap}.records-season-history tbody th,.records-season-history tbody td{padding:17px 20px;border-bottom:1px solid #e5edf3}.records-season-history tbody tr:last-child>*{border-bottom:0}.records-season-history tbody tr:hover{background:#f8fbfe}.records-season-history tbody th{min-width:180px}.records-season-history tbody th strong{display:block;color:#294d6b;font-size:14px;font-weight:800;overflow-wrap:anywhere}.records-season-history tbody th small{display:block;margin-top:7px;color:#8c9aaa;font-size:10px;font-weight:400;white-space:nowrap}.records-season-rank{display:flex;align-items:center;gap:10px;color:#3a5d79;font-size:13px;white-space:nowrap}.records-season-rank img{width:42px;height:30px;object-fit:contain}.records-season-exp{color:#1775b4;font:900 17px Arial,sans-serif;white-space:nowrap}.records-season-kd{color:#2c536f;font:800 13px Arial,sans-serif;white-space:nowrap}.records-season-kd span{margin:0 8px;color:#acb8c3;font-weight:400}.records-season-empty{margin:0;padding:22px;color:#7c8f9f;font-size:12px;line-height:1.8}@media(max-width:600px){.records-season-history>header{flex-direction:column;padding:17px;gap:10px}.records-season-history header>b{align-self:flex-start}.records-season-history h3{font-size:17px}.records-season-empty{padding:18px}.records-season-history thead th,.records-season-history tbody th,.records-season-history tbody td{padding-left:15px;padding-right:15px}}

/* Keep every final season metric visible on narrow screens. */
@media(max-width:600px){.records-season-history table{min-width:0}.records-season-history thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.records-season-history tbody{display:block}.records-season-history tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:18px;border-bottom:1px solid #e5edf3}.records-season-history tbody tr:last-child{border-bottom:0}.records-season-history tbody th,.records-season-history tbody td{min-width:0;padding:0;border:0}.records-season-history tbody th{grid-column:1/-1}.records-season-history tbody th small{white-space:normal;line-height:1.6}.records-season-history tbody td:nth-child(2){grid-column:1;grid-row:2/4;align-self:center}.records-season-exp{grid-column:2;grid-row:2;font-size:19px}.records-season-kd{grid-column:2;grid-row:3}.records-season-exp:before,.records-season-kd:before{display:block;margin-bottom:6px;color:#8b9baa;font:700 10px Arial,sans-serif}.records-season-exp:before{content:"EXP"}.records-season-kd:before{content:"K / D"}.records-season-rank{align-items:flex-start;flex-direction:column;gap:8px}.records-season-rank img{width:48px;height:34px}}

@media(max-width:600px){.records-season-exp,.records-season-kd{white-space:normal;overflow-wrap:anywhere}}

/* login.css */
.login-gate { min-height: 100vh; background: #e9f5fd; }
.login-screen { display: grid; min-height: 100vh; grid-template-columns: minmax(0, 1fr) 460px; }
.login-art { position: relative; overflow: hidden; background: #1979ce url("../game/hero/login-sky.webp") center/cover no-repeat; }
.login-art::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(20,60,98,.22)); content: ""; }
.login-slogan { position: absolute; z-index: 3; bottom: 8vh; left: max(42px, 7vw); color: #fff; text-shadow: 0 2px 8px #00182f99; }
.login-slogan p { margin-bottom: 11px; color: #b9e5ff; font: 700 11px Arial, sans-serif; letter-spacing: .14em; }
.login-slogan h1 { margin-bottom: 14px; font-size: clamp(38px, 4.1vw, 56px); line-height: 1.1; letter-spacing: -.05em; }
.login-slogan span { color: #e0effc; }
.gate-panel { display: flex; align-items: stretch; justify-content: center; flex-direction: column; padding: 60px 62px; background: #fff; box-shadow: -12px 0 35px rgba(46,74,99,.12); }
.gate-brand { display: flex; align-items: center; flex-direction: column; margin-bottom: 53px; }
.gate-brand img { width: 90px; height: 90px; }
.gate-brand strong { margin-top: 7px; color: #152f50; font: 900 25px Arial, sans-serif; letter-spacing: .05em; }
.gate-brand span { margin-top: 6px; color: #8b96a2; font-size: 11px; }
.gate-panel h2 { margin-bottom: 22px; font-size: 25px; }
.gate-form { display: grid; gap: 10px; }
.gate-form label { display: grid; gap: 7px; }
.gate-form label span { color: #5e6b79; font-size: 12px; font-weight: 700; }
.gate-form input { width: 100%; height: 51px; padding: 0 14px; border: 1px solid #ccd4dc; outline: 0; background: #fafbfc; }
.gate-form input:focus { border-color: var(--blue); background: #fff; }
.gate-form button { height: 55px; margin-top: 7px; color: #fff; border: 0; background: var(--blue); font-size: 16px; font-weight: 700; }
.gate-form button:hover { background: var(--blue-dark); }
.gate-help { margin-top: 20px; color: #52677c; text-align: center; font-size: 12px; text-decoration: underline; }
.gate-note { margin: 35px 0 0; padding-top: 18px; color: #9099a3; border-top: 1px solid #e5e8ec; font-size: 11px; text-align: center; }
.gate-message { padding: 11px 13px; color: #9b3030; border: 1px solid #f0cccc; background: #fff3f3; font-size: 12px; }
.gate-message-success { color: #267348; border-color: #c5e5d2; background: #f0fff6; }
.registration-gate .gate-panel { overflow-y: auto; }
.registration-language { display:flex; justify-content:flex-end; gap:6px; margin-bottom:14px; }
.registration-language a { padding:6px 9px; color:#64778a; border:1px solid #d8e2eb; border-radius:6px; background:#f8fafc; font-size:11px; font-weight:800; }
.registration-language a[aria-current="page"] { color:#fff; border-color:#1677cf; background:#1677cf; }
.registration-gate .gate-logo { align-self: center; width: min(260px,80%); margin-bottom: 28px; }
.registration-heading { margin-bottom: 18px; }
.registration-heading p { margin-bottom: 5px; color: #1477ce; font: 800 10px Arial,sans-serif; letter-spacing: .16em; }
.registration-heading h2 { margin-bottom: 7px; }
.registration-heading span { color: #6d7e8e; font-size: 12px; }
.registration-form { gap: 9px; }
.registration-form>.registration-id-line { grid-template-columns:82px minmax(0,1fr) auto!important; }
.registration-id-line>button { width:auto!important; height:42px!important; padding:0 13px; border:0!important; border-left:1px solid #416b96!important; border-radius:0!important; box-shadow:none!important; font-size:11px!important; white-space:nowrap; }
.registration-id-feedback { width:100%; margin:-2px 0 1px; color:#b7cce0; font-size:10px; line-height:1.45; }
.registration-id-feedback.is-valid { color:#79e3aa; }
.registration-id-feedback.is-invalid { color:#ff9f9f; }
.registration-form button:disabled { cursor:not-allowed; filter:grayscale(.55); opacity:.48; }
.registration-result { position:relative; width:100%; overflow:hidden; padding:19px 20px 19px 24px; color:#eef7ff; border:1px solid #5b82ab; border-radius:6px; background:linear-gradient(135deg,#061936e8,#0b2a55e8); box-shadow:inset 0 1px #ffffff17,0 9px 24px #00122e66; }
.registration-result::before { position:absolute; top:0; bottom:0; left:0; width:4px; background:#66bfff; content:""; }
.registration-result h2 { display:block!important; margin:0 0 8px!important; padding:0!important; color:#fff; border:0!important; font-size:17px!important; text-align:left; text-shadow:0 1px 3px #00132f; }
.registration-result p { margin:0; color:#d5e6f6; font-size:12px; line-height:1.7; }
.registration-result small { display:block; margin-top:9px; color:#8faec9; font-size:10px; }
.registration-result.is-success { border-color:#3b9c71; background:linear-gradient(135deg,#062c2ae8,#0a4537e8); }
.registration-result.is-success::before { background:#54e1a0; }
.registration-result.is-pending { border-color:#a47b32; background:linear-gradient(135deg,#2d230ce8,#4b3510e8); }
.registration-result.is-pending::before { background:#ffc75a; }
.registration-result.is-error { border-color:#a64d61; background:linear-gradient(135deg,#35101be8,#561827e8); }
.registration-result.is-error::before { background:#ff708d; }
.registration-gate .login-screen { height:100vh; grid-template-columns:minmax(0,1fr) minmax(520px,620px); }
.registration-gate .gate-panel { justify-content:flex-start; padding:32px 38px; }
.registration-consents { display:grid; gap:9px; margin-top:5px; padding:12px; border:1px solid #c9d8e4; border-top:3px solid #1979ce; background:#f7fafc; }
.registration-consents>header { display:flex; align-items:end; justify-content:space-between; gap:12px; }
.registration-consents>header div { display:grid; gap:3px; }
.registration-consents>header p { margin:0; color:#1576bd; font:900 9px Arial,sans-serif; letter-spacing:.14em; }
.registration-consents>header h3 { margin:0; color:#163b5b; font-size:16px; }
.registration-consents>header>small { color:#73879a; font-size:9px; white-space:nowrap; }
.registration-form .registration-consent-all { display:grid; grid-template-columns:19px minmax(0,1fr); align-items:center; gap:9px; padding:10px; color:#fff; background:#123c60; cursor:pointer; }
.registration-form .registration-consent-all input,.registration-form .registration-consent-list input { width:17px; height:17px; margin:0; padding:0; accent-color:#e77b17; cursor:pointer; }
.registration-form .registration-consent-all span { display:grid; gap:2px; color:#fff; }
.registration-form .registration-consent-all strong { font-size:11px; line-height:1.45; }
.registration-form .registration-consent-all small { color:#a8c8e1; font-size:8px; }
.registration-consent-list { display:grid; max-height:330px; margin:0; padding:0; overflow:auto; border:1px solid #d4e0e9; background:#fff; list-style:none; scrollbar-width:thin; }
.registration-consent-list li { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-height:64px; padding:8px 9px; border-bottom:1px solid #e1e8ee; }
.registration-consent-list li:last-child { border-bottom:0; }
.registration-form .registration-consent-list label { display:grid; min-width:0; grid-template-columns:17px minmax(0,1fr); align-items:start; gap:8px; cursor:pointer; }
.registration-form .registration-consent-list label>span { display:grid; min-width:0; gap:3px; }
.registration-form .registration-consent-list strong { color:#23445f; font-size:10px; line-height:1.45; }
.registration-form .registration-consent-list small { display:-webkit-box; overflow:hidden; color:#6f8293; font-size:9px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.registration-form .registration-consent-list button { width:auto; height:29px; margin:0; padding:0 9px; color:#176fae; border:1px solid #a9c9df; background:#f4faff; font-size:9px; font-weight:900; white-space:nowrap; }
.registration-form .registration-consent-list button:hover,.registration-form .registration-consent-list button:focus-visible { color:#fff; border-color:#176fae; background:#176fae; outline:2px solid #8bcaf5; }
.registration-agreement-dialog { width:min(840px,calc(100vw - 30px)); max-height:calc(100vh - 30px); padding:0; overflow:hidden; color:#243b50; border:0; border-top:4px solid #e77b17; background:#fff; box-shadow:0 28px 90px #00162d99; }
.registration-agreement-dialog::backdrop { background:#031426c7; backdrop-filter:blur(3px); }
.registration-agreement-dialog>header { display:flex; align-items:start; justify-content:space-between; gap:20px; padding:17px 20px; color:#fff; background:#0d3457; }
.registration-agreement-dialog>header div { display:grid; gap:4px; }
.registration-agreement-dialog>header p,.registration-agreement-dialog>header h2,.registration-agreement-dialog>header small { margin:0; }
.registration-agreement-dialog>header p { color:#79caf2; font:900 9px Arial,sans-serif; letter-spacing:.15em; }
.registration-agreement-dialog>header h2 { color:#fff; font-size:20px; }
.registration-agreement-dialog>header small { color:#b9d3e6; font-size:10px; }
.registration-agreement-dialog>header button { flex:0 0 36px; width:36px; height:36px; color:#fff; border:1px solid #ffffff55; background:#ffffff12; font-size:25px; }
.registration-agreement-dialog>pre { max-height:calc(100vh - 185px); margin:0; padding:22px; overflow:auto; color:#334e63; background:#fbfcfd; font:11px/1.85 "Malgun Gothic","Yu Gothic",sans-serif; white-space:pre-wrap; word-break:keep-all; }
.registration-agreement-dialog>footer { display:flex; justify-content:flex-end; padding:11px 16px; border-top:1px solid #d9e3eb; }
.registration-agreement-dialog>footer button { min-width:100px; height:36px; color:#fff; border:0; background:#1677bd; font-size:11px; font-weight:900; }

@media (max-width: 900px) {
    .login-screen { grid-template-columns: 1fr; }
    .login-art { min-height: 330px; }
    .login-art { background-position: 58% center; }
    .login-slogan { bottom: 25px; left: 25px; }
    .login-slogan h1 { font-size: 38px; }
    .login-slogan span { display: none; }
    .gate-panel { padding: 42px max(24px, calc((100vw - 410px) / 2)); }
    .gate-brand { margin-bottom: 35px; }
    .registration-gate .login-screen { height:auto; grid-template-columns:1fr; }
    .registration-gate .gate-panel { padding:34px max(22px,calc((100vw - 600px)/2)); }
    .registration-consent-list { max-height:420px; }
}
@media (max-width: 520px) {
    .login-art { min-height: 260px; }
    .login-art { background-position: 62% center; }
    .login-slogan h1 { font-size: 31px; }
    .login-slogan p { font-size: 8px; }
    .gate-panel { padding-block: 35px; }
    .gate-brand img { width: 72px; height: 72px; }
    .registration-gate .gate-panel { padding-inline:16px; }
    .registration-consents>header { align-items:start; flex-direction:column; gap:4px; }
    .registration-consent-list li { grid-template-columns:1fr; }
    .registration-form .registration-consent-list button { justify-self:end; }
    .registration-agreement-dialog>pre { padding:16px; font-size:10px; }
}

/* redesign.css */
:root { --blue: #0868c9; --blue-dark: #034688; --navy: #071a31; --navy-2: #102845; --orange: #f45b1f; --text: #142033; --muted: #69778a; --line: #d7dfe8; --soft: #f3f6f9; }
body { background: #fff; color: var(--text); font-size: 14px; }
.shell { width: min(1180px, calc(100% - 40px)); }
.utility-bar { height: 34px; background: #06172c; }
.utility-inner { height: 34px; }
.site-header, .header-inner { height: 82px; }
.site-header { border-bottom: 1px solid #dce3eb; box-shadow: 0 2px 12px #0a29400d; }
.brand { width: 250px; }
.brand img { width: 58px; height: 58px; object-fit: contain; }
.brand strong { font-size: 21px; letter-spacing: .07em; }
.primary-nav a { min-width: 102px; font-size: 15px; }
.game-start { width: 132px; height: 54px; border-radius: 0; background: linear-gradient(135deg,#0873d6,#064da1); }

.login-gate { display: flex; align-items: center; justify-content: center; padding: 48px 24px; background: #0a1b30 url("../game/hero/main-sky.webp") center/cover fixed no-repeat; }
.login-gate::before { position: fixed; inset: 0; background: #06172bc9; content: ""; }
.login-screen { position: relative; z-index: 1; width: min(1180px,100%); min-height: 680px; grid-template-columns: 750px 430px; background: #07182b; box-shadow: 0 30px 90px #0008; }
.login-art { isolation: isolate; background: linear-gradient(145deg,#0c294a,#07182b 72%); }
.login-art::before { display: none; }
.login-art::after { z-index: 2; background: linear-gradient(0deg,#07182bf2 0,#07182b20 58%,transparent 75%); }
.login-slogan { right: 58px; bottom: 58px; left: 58px; }
.login-slogan p { color: #d6efff; }
.login-slogan h1 { max-width: 520px; margin-bottom: 16px; font-size: 54px; line-height: 1.05; }
.gate-panel { padding: 54px 48px; box-shadow: -16px 0 42px #17344e20; }
.gate-brand { margin-bottom: 45px; }
.gate-brand img { width: 82px; height: 82px; }
.gate-panel h2 { padding-bottom: 14px; border-bottom: 2px solid #142a46; font-size: 24px; }
.gate-form input { height: 48px; }
.gate-form button { height: 52px; }

.hero { height: 330px; background: linear-gradient(90deg,#071a31 0,#071a31 calc(50% - 154px),#eaf6fe calc(50% - 154px),#eaf6fe 100%); }
.hero-art { display: none; }
.hero::after { z-index: 1; background: linear-gradient(0deg,#071a3194 0,transparent 28%); }
.hero-inner { align-items: stretch; }
.hero-copy { position: relative; z-index: 3; display: flex; width: 436px; max-width: 436px; justify-content: center; flex-direction: column; padding: 34px 38px 44px 0; }
.hero-copy h1 { font-size: 43px; }
.hero-copy > p:not(.hero-kicker) { color: #e2eff9; }
.button { border-radius: 0; }
.portal-strip { margin-top: -76px; }
.portal-strip-inner { min-height: 104px; border: 0; box-shadow: 0 12px 32px #102a4630; }
.portal-start { border: 0; background: #ed5520; }
.portal-links a { transition: background .15s; }
.portal-links a:hover { background: #f5f8fb; }
.home-dashboard { padding: 54px 0 68px; }
.notice-board, .member-card { border-color: #d5dde7; box-shadow: 0 4px 14px #152c4508; }
.home-catalog { padding: 70px 0 78px; }
.featured-plane-grid { gap: 12px; border: 0; }
.featured-plane { overflow: hidden; border: 1px solid #dce3ea; }
.featured-plane img { object-fit: contain; background: linear-gradient(#f4f8fc,#e9eff5); }
.stage-grid { gap: 14px; }
.stage-card { border-color: #28415f; }

.page-hero { padding: 58px 0 54px; background: linear-gradient(105deg,#06182d,#113a63); }
.page-hero h1 { font-size: 38px; }
.game-info-section { padding-top: 44px; }
.catalog-title { margin-bottom: 22px; }
.aircraft-catalog-grid { grid-template-columns: repeat(4,1fr); gap: 12px; border: 0; }
.plane-card { border: 1px solid #d8e0e8; box-shadow: 0 3px 12px #122b4408; }
.plane-card:hover { outline: 0; border-color: #2378c7; box-shadow: 0 8px 22px #0b4f8f1c; transform: translateY(-2px); }
.plane-card-image { background: linear-gradient(#f7fafd,#eaf0f6); }
.plane-card-image img { object-fit: contain; image-rendering: auto; }
.item-grid { gap: 14px; }
.item-card { border: 1px solid #d8e0e8; border-top: 3px solid #18304d; box-shadow: 0 3px 12px #122b4408; }
.item-icon { background: #eef3f7; }
.item-icon img { object-fit: contain; image-rendering: auto; }
.stage-browser { border-color: #cbd5df; box-shadow: 0 8px 28px #122a4312; }
.stage-visual { display: block; min-height: 0; aspect-ratio: 16/9; background: #86cceb; }
.stage-main-image { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; image-rendering: auto; }
.aircraft-dialog { border-color: #385570; box-shadow: 0 32px 90px #000c; }
.spin-stage img { image-rendering: auto; }
.site-footer { background: #eef2f6; }

@media (max-width: 980px) {
  .shell { width: min(100% - 28px,1180px); }
  .site-header,.header-inner { height: 68px; }
  .login-gate { padding: 0; background: #07182b; }
  .login-screen { grid-template-columns: 1fr; }
  .login-screen { width: 100%; box-shadow: none; }
  .login-art { min-height: 430px; }
  .login-slogan { bottom: 26px; left: 28px; }
  .login-slogan h1 { font-size: 38px; }
  .gate-panel { padding: 44px max(24px,calc((100vw - 430px)/2)); }
  .hero { background: #071a31; }
  .aircraft-catalog-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 640px) {
  .login-art { min-height: 315px; }
  .login-slogan { right: 22px; bottom: 20px; left: 22px; }
  .login-slogan h1 { font-size: 31px; }
  .login-slogan span { display: none; }
  .gate-brand { margin-bottom: 30px; }
  .hero { height: 350px; }
  .hero::after { background: linear-gradient(90deg,#061a35e6 0,#0b244399 68%,transparent); }
  .hero-copy { padding-top: 26px; }
  .hero-copy h1 { font-size: 37px; }
  .portal-strip { margin-top: 0; }
  .aircraft-catalog-grid { grid-template-columns: repeat(2,1fr); gap: 7px; }
  .plane-card { transform: none !important; }
}

/* Refined home server bar: one continuous module instead of floating cards. */
.home-portal { margin-top: 0; border-top: 1px solid #2b4e6d; border-bottom: 1px solid #061728; background: #102c48; }
.home-portal-grid { grid-template-columns: minmax(0,1fr) 278px; gap: 0; }
.population-strip { min-height: 68px; border: 0; background: transparent; box-shadow: none; }
.population-strip > div,.population-strip > a { color: #fff; border-color: #ffffff1c; }
.population-strip span { color: #83b4df; }
.population-strip strong { color: #fff; font-size: 20px; }
.population-strip small { color: #b8c9d9; }
.population-strip > a:hover { background: #173b5e; }
.home-portal .hero-game-start { height: 68px; border: 0; border-left: 1px solid #ffffff26; border-radius: 0; box-shadow: inset 0 1px #ffffff33,inset 0 -3px #003d84; }
.home-portal .hero-game-start::before { border-radius: 0; }
.home-portal .hero-game-start::after { display: none; }
.home-dashboard { padding-top: 30px; }

/* Two-step hangar filters. */
.aircraft-catalog-toolbar { display: block; padding: 0; border: 1px solid #d3dce6; background: #fff; }
.aircraft-filter-head { display: grid; grid-template-columns: 230px minmax(0,1fr); min-height: 50px; align-items: center; }
.aircraft-filter-head label { align-self: stretch; border-right: 1px solid #dce3eb; }
.aircraft-filter-head input { height: 100%; border: 0; padding-inline: 15px; }
.aircraft-family-tabs { display: flex; height: 100%; padding: 6px; gap: 4px; }
.aircraft-family-tabs button { flex: 1; min-width: 0; padding: 0 12px; color: #53677e; border: 0; background: transparent; font-size: 12px; font-weight: 700; }
.aircraft-family-tabs button:hover { color: #076dcc; background: #f0f6fc; }
.aircraft-family-tabs button.is-active { color: #fff; background: #0d70cf; box-shadow: 0 3px 8px #0a5da62b; }
.aircraft-subfilters { border-top: 1px solid #e1e7ee; background: #f6f8fb; }
.aircraft-subfilters:empty { display: none; }
.aircraft-subfilters > div { display: flex; align-items: center; min-height: 48px; gap: 5px; padding: 7px 10px; }
.aircraft-subfilters > div[hidden] { display: none !important; }
.aircraft-subfilters span { min-width: 86px; padding-left: 4px; color: #1a3655; font-size: 11px; font-weight: 800; }
.aircraft-subfilters button { min-height: 32px; padding: 0 13px; color: #52657a; border: 1px solid #d4dde6; background: #fff; font-size: 11px; }
.aircraft-subfilters button:hover,.aircraft-subfilters button.is-active { color: #fff; border-color: #0d70cf; background: #0d70cf; }

@media (max-width: 760px) {
  .home-portal-grid { grid-template-columns: 1fr; }
  .home-portal .hero-game-start { border-top: 1px solid #ffffff26; border-left: 0; }
  .aircraft-filter-head { grid-template-columns: 1fr; }
  .aircraft-filter-head label { height: 44px; border-right: 0; border-bottom: 1px solid #dce3eb; }
  .aircraft-family-tabs { min-height: 52px; overflow-x: auto; }
  .aircraft-family-tabs button { flex: 0 0 auto; min-width: 92px; }
  .aircraft-subfilters > div { overflow-x: auto; }
  .aircraft-subfilters span,.aircraft-subfilters button { flex: 0 0 auto; }
}

/* Compact live portal layout. */
.home-shell { width: min(1060px,calc(100% - 40px)); }
.home-portal { position: relative; z-index: 5; margin-top: -30px; }
.home-portal-grid { display: grid; grid-template-columns: minmax(0,1fr) 292px; gap: 16px; align-items: stretch; }
.population-strip { display: grid; grid-template-columns: repeat(3,1fr); min-height: 76px; border: 1px solid #cbd6e2; background: #fff; box-shadow: 0 10px 24px #0a254426; }
.population-strip > div,.population-strip > a { display: flex; min-width: 0; align-items: center; justify-content: center; flex-direction: column; color: #12243c; border-right: 1px solid #dce3eb; }
.population-strip > :last-child { border-right: 0; }
.population-strip span { color: #66809e; font: 800 8px Arial,sans-serif; letter-spacing: .14em; }
.population-strip strong { margin: 2px 0 0; color: #086ccf; font: 900 22px Arial,sans-serif; }
.population-strip small { color: #536477; font-size: 10px; }
.home-portal .hero-game-start { position: relative; inset: auto; width: 100%; height: 76px; transform: none; }
.home-portal .hero-game-start:hover,.home-portal .hero-game-start:focus-visible { transform: translateY(-3px); }
.home-dashboard { padding: 34px 0 58px; }
.home-grid { grid-template-columns: minmax(0,1fr) 340px; gap: 20px; align-items: start; }
.home-account-stack { display: grid; gap: 14px; }
.channel-status { padding: 20px 22px; border: 1px solid #d4dde7; background: #fff; }
.channel-status header { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 12px; border-bottom: 2px solid #17304e; }
.channel-status header span { color: #0870d9; font: 800 8px Arial,sans-serif; letter-spacing: .15em; }
.channel-status header h2 { margin: 2px 0 0; font-size: 18px; }
.channel-status header > b { color: #096bd0; font-size: 15px; }
.channel-status ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 15px; margin: 14px 0 0; padding: 0; list-style: none; }
.channel-status li > div { display: grid; grid-template-columns: 7px 1fr auto; gap: 7px; align-items: center; font-size: 11px; }
.channel-status li > div > i { width: 6px; height: 6px; border-radius: 50%; background: #aeb8c2; }
.channel-status li > div > span { min-width: 0; white-space: nowrap; word-break: keep-all; }
html[lang="ja"] .channel-status li > div { gap: 5px; font-size: 10px; }
.channel-status li > div > i.is-online { background: #35c56a; box-shadow: 0 0 6px #35c56a; }
.channel-status li b { color: #20344d; font-size: 10px; }
.channel-meter { display: block; height: 2px; margin-top: 5px; background: #e5eaf0; }
.channel-meter i { display: block; height: 100%; background: #1375d3; }
.daily-aces { order: 2; overflow: hidden; padding: 20px 22px; border: 1px solid #d4dde7; background: #fff; }
.daily-aces > header,.discord-community-card > header { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 12px; border-bottom: 2px solid #17304e; }
.daily-aces > header span,.discord-community-card > header span { color: #0870d9; font: 800 8px Arial,sans-serif; letter-spacing: .15em; }
.daily-aces > header h2,.discord-community-card > header h2 { margin: 2px 0 0; color: #102842; font-size: 18px; }
.daily-aces > header > b { color: #a36f00; font-size: 11px; }
.daily-ace-columns,.daily-ace-list li { display: grid; grid-template-columns: 42px 92px minmax(0,1fr) 48px; align-items: center; }
.daily-ace-columns { min-height: 31px; color: #8292a3; border-bottom: 1px solid #e1e7ed; font-size: 9px; font-weight: 800; text-align: center; }
.daily-ace-columns span:nth-child(3) { text-align: left; }
.daily-ace-list { margin: 0; padding: 0; list-style: none; }
.daily-ace-list li { min-height: 48px; border-bottom: 1px solid #e5eaf0; color: #21374e; }
.daily-ace-list li:last-child { border-bottom: 0; }
.daily-ace-list li > strong { text-align: center; font-size: 12px; }
.daily-ace-level { display: flex; min-width: 0; align-items: center; gap: 5px; }
.daily-ace-level img { width: 25px; height: 25px; object-fit: contain; }
.daily-ace-level small { overflow: hidden; color: #607287; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.daily-ace-list li > b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.daily-ace-list li > em { color: #0a6dcc; text-align: right; font-size: 13px; font-style: normal; font-weight: 900; }
.daily-ace-rank-1 { color: #8b5e00 !important; background: linear-gradient(90deg,#fff7d5,#fff 64%); font-family: "HY견고딕","HYGothic-Extra","Malgun Gothic","Yu Gothic",sans-serif; }
.daily-ace-rank-1 > strong,.daily-ace-rank-1 > em { color: #c48400 !important; font-size: 15px !important; }
.daily-ace-rank-2 { color: #4f5e70 !important; background: linear-gradient(90deg,#f0f3f6,#fff 64%); font-family: "궁서","Gungsuh","Yu Mincho","MS Mincho",serif; }
.daily-ace-rank-2 > strong,.daily-ace-rank-2 > em { color: #67798c !important; }
.daily-ace-rank-3 { color: #7c4e32 !important; background: linear-gradient(90deg,#f9eee7,#fff 64%); font-family: "굴림","Gulim","Meiryo","MS PGothic",sans-serif; }
.daily-ace-rank-3 > strong,.daily-ace-rank-3 > em { color: #a3633d !important; }
html[lang="ja"] .daily-ace-rank-1 { font-family: "Yu Gothic","Yu Gothic UI",sans-serif; }
html[lang="ja"] .daily-ace-rank-2 { font-family: "Yu Mincho","MS Mincho",serif; }
html[lang="ja"] .daily-ace-rank-3 { font-family: "Meiryo","MS PGothic",sans-serif; }
.daily-ace-empty { display: grid; min-height: 82px; place-items: center; margin: 0; color: #8796a6; font-size: 10px; text-align: center; }
.discord-community-card { order: 3; overflow: hidden; padding: 20px 22px 22px; border: 1px solid #cad6e3; background: linear-gradient(160deg,#f9fbfe,#edf3f9); }
.discord-community-card > header > b { color: #5865f2; font: 900 10px Arial,sans-serif; }
.discord-live-widget { overflow: hidden; margin-top: 14px; border: 1px solid #202536; border-radius: 7px; color: #d9dce2; background: #1e1f22; box-shadow: 0 8px 20px #10263e1c; }
.discord-live-summary { display: grid; min-height: 86px; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 14px 15px; background: radial-gradient(circle at 13% 10%,#8891ff 0,transparent 32%),linear-gradient(135deg,#5865f2,#3f49ad); }
.discord-live-summary > img { width: 36px; height: 36px; filter: drop-shadow(0 3px 5px #22245c80); }
.discord-live-summary > span { display: grid; min-width: 0; gap: 3px; }
.discord-live-summary > span > small { color: #d9dcff; font: 800 7px Arial,sans-serif; letter-spacing: .12em; }
.discord-live-summary strong { overflow: hidden; color: #fff; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.discord-live-counts { display: flex; gap: 5px; }
.discord-live-counts > span { display: grid; min-width: 42px; min-height: 45px; place-items: center; align-content: center; border: 1px solid #ffffff26; border-radius: 8px; background: #17183b38; box-shadow: inset 0 1px #ffffff12; }
.discord-live-counts b { color: #fff; font: 900 14px Arial,sans-serif; }
.discord-live-counts small { color: #d9dcff; font-size: 7px; }
.discord-live-section { padding: 12px 14px 2px; }
.discord-live-section + .discord-live-section { padding-top: 8px; }
.discord-live-section h3 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 7px; color: #949ba4; font: 800 9px Arial,sans-serif; letter-spacing: .08em; }
.discord-live-section h3 b { display: grid; min-width: 19px; height: 19px; place-items: center; border-radius: 10px; color: #b5bac1; background: #2b2d31; font-size: 9px; letter-spacing: 0; }
.discord-online-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; margin: 0; padding: 0; list-style: none; }
.discord-online-grid li { display: flex; min-width: 0; min-height: 43px; align-items: center; gap: 7px; padding: 5px 7px; border: 1px solid #34363c; border-radius: 7px; background: linear-gradient(145deg,#292b30,#232428); }
.discord-user-avatar { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #5865f2; font-size: 11px; font-style: normal; font-weight: 900; box-shadow: 0 0 0 2px #1e1f22,0 0 0 3px #5865f266; }
.discord-user-avatar.is-tone-1 { background: #eb459e; }.discord-user-avatar.is-tone-2 { background: #23a55a; }.discord-user-avatar.is-tone-3 { background: #f0b232; }.discord-user-avatar.is-tone-4 { background: #3ba55c; }
.discord-online-grid li > span { display: grid; min-width: 0; gap: 2px; }
.discord-online-grid li > span > b { overflow: hidden; color: #f2f3f5; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.discord-online-grid li > span > small { display: flex; align-items: center; gap: 4px; color: #949ba4; font-size: 7px; }
.discord-online-grid li > span > small i,.discord-voice-grid article li > i { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: #23a55a; }
.discord-online-grid li > span > small i.is-idle,.discord-voice-grid article li > i.is-idle { background: #f0b232; }
.discord-online-grid li > span > small i.is-dnd,.discord-voice-grid article li > i.is-dnd { background: #f23f43; }
.discord-online-grid .is-empty { grid-column: 1/-1; justify-content: center; color: #7d828b; background: transparent; text-align: center; }
.discord-voice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.discord-voice-grid > article { overflow: hidden; min-height: 70px; border: 1px solid #34363c; border-radius: 7px; background: #25262a; }
.discord-voice-grid > article.is-active { border-color: #5865f2; box-shadow: 0 0 0 1px #5865f233,inset 0 0 20px #5865f20d; }
.discord-voice-grid article > header { display: grid; min-height: 31px; grid-template-columns: 16px minmax(0,1fr) 18px; align-items: center; gap: 5px; padding: 0 7px; border-bottom: 1px solid #34363c; background: #2b2d31; }
.discord-voice-grid article > header > i { position: relative; width: 13px; height: 10px; border: 2px solid #949ba4; border-left: 0; border-radius: 0 7px 7px 0; }
.discord-voice-grid article > header > i::before { position: absolute; top: 2px; left: -5px; width: 5px; height: 3px; border: solid #949ba4; border-width: 2px 0; content: ""; }
.discord-voice-grid article > header strong { overflow: hidden; color: #dbdee1; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.discord-voice-grid article > header b { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 9px; color: #949ba4; background: #1e1f22; font: 800 8px Arial,sans-serif; }
.discord-voice-grid article.is-active > header b { color: #fff; background: #5865f2; }
.discord-voice-grid article > p { margin: 13px 0; color: #64686f; font-size: 8px; text-align: center; }
.discord-voice-grid article > ul { display: grid; gap: 3px; margin: 0; padding: 6px 7px; list-style: none; }
.discord-voice-grid article li { display: flex; min-width: 0; align-items: center; gap: 5px; color: #b5bac1; font-size: 8px; }
.discord-voice-grid article li > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.discord-voice-grid > .is-empty { grid-column: 1/-1; color: #7d828b; font-size: 9px; text-align: center; }
.discord-widget-refresh { margin: 9px 14px 12px; color: #7d828b; font-size: 8px; text-align: center; }
.discord-widget-unavailable { display: grid; min-height: 100px; place-items: center; margin: 0; padding: 15px; color: #949ba4; font-size: 10px; text-align: center; }
.discord-join-link { display: flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; margin-top: 10px; color: #fff; border-radius: 5px; background: #5865f2; font-size: 11px; font-weight: 900; }
.discord-join-link:hover,.discord-join-link:focus-visible { background: #4752c4; outline: 2px solid #9da6ff; outline-offset: 2px; }
.notice-board { min-height: 300px; }

/* Client hangar classification. */
.aircraft-catalog-toolbar { display: grid; grid-template-columns: 190px minmax(0,1fr); align-items: start; }
.aircraft-catalog-toolbar label { width: 100%; }
.aircraft-classifications { overflow: hidden; border: 1px solid #d2dce7; background: #fff; }
.aircraft-classifications button { min-height: 32px; padding: 0 11px; color: #4b5e74; border: 1px solid #d8e0e9; background: #fff; font-size: 11px; }
.aircraft-classifications button:hover,.aircraft-classifications button.is-active { color: #fff; border-color: #0b70d3; background: #0b70d3; }
.filter-all { width: 100%; border: 0 !important; border-bottom: 1px solid #d2dce7 !important; }
.classification-row { display: grid; grid-template-columns: 100px minmax(0,1fr); align-items: center; min-height: 47px; border-bottom: 1px solid #e4e9ef; }
.classification-row:last-child { border: 0; }
.classification-row > strong { padding-left: 15px; color: #17304d; font-size: 11px; }
.classification-row > div { display: flex; flex-wrap: wrap; gap: 4px; padding: 7px; border-left: 1px solid #e4e9ef; }

/* Ranking */
.ranking-section { background: #f3f5f8; }
.ranking-shell { max-width: 980px; padding: 30px; border: 1px solid #d4dde7; background: #fff; }
.ranking-header { display: flex; align-items: end; justify-content: space-between; padding-bottom: 18px; border-bottom: 2px solid #172e4a; }
.ranking-header span { color: #0870d9; font: 800 9px Arial,sans-serif; letter-spacing: .15em; }
.ranking-header h2 { margin: 3px 0 0; font-size: 25px; }
.ranking-tabs { display: flex; flex-wrap: wrap; }
.ranking-tabs a { display:flex;min-width:100px;height:38px;align-items:center;justify-content:center;color:#53667d;border:1px solid #cfdae5;background:#fff;transition:color .16s,background-color .16s,border-color .16s; }
.ranking-tabs a:hover,.ranking-tabs a:focus-visible { color:#086dcc;border-color:#086dcc;outline:0; }
.ranking-tabs a.is-active { color: #fff; border-color: #086dcc; background: #086dcc; }
.ranking-table-head,.ranking-list li { display: grid; grid-template-columns: 70px minmax(150px,1fr) 150px 130px 90px 90px; align-items: center; }
.ranking-table-head { min-height: 44px; color: #7c8997; border-bottom: 1px solid #dce3ea; text-align: center; font-size: 10px; }
.ranking-table-head span:nth-child(2) { text-align: left; }
.ranking-list { margin: 0; padding: 0; list-style: none; }
.ranking-list li { min-height: 62px; border-bottom: 1px solid #e6ebf0; text-align: center; }
.ranking-list li > strong { text-align: left; }
.ranking-list li>span:nth-child(4){color:#b57a00;font-weight:800}.ranking-list li>span:nth-child(5){color:#0870cf;font-weight:800}.ranking-list li>span:nth-child(6){color:#d23b47;font-weight:800}
.ranking-list li > strong{display:grid;gap:3px}.ranking-list li>strong>b{overflow:hidden;text-overflow:ellipsis}.ranking-list li>strong>small{color:#8796a6;font-size:10px;font-weight:500}.ranking-header>div>small{display:block;margin-top:5px;color:#7b8b9d;font-size:11px}.ranking-search{display:flex;gap:8px;margin:20px 0 6px}.ranking-search label{flex:1}.ranking-search input{width:100%;height:42px;padding:0 13px;border:1px solid #cbd6e1;background:#fff}.ranking-search button,.ranking-search a{display:flex;min-width:76px;height:42px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #0870cf;background:#0870cf;color:#fff}.ranking-search a{border-color:#cbd6e1;background:#fff;color:#17324f}.ranking-empty{display:flex!important;min-height:130px!important;align-items:center!important;justify-content:center!important;color:#8291a1}.ranking-pagination{display:flex;justify-content:center;gap:5px;margin-top:24px}.ranking-pagination a{display:flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #cbd6e1;background:#fff;color:#17324f}.ranking-pagination a:hover,.ranking-pagination a:focus-visible{border-color:#0870cf;color:#0870cf;outline:0}.ranking-pagination a[aria-current=page]{border-color:#0870cf;background:#0870cf;color:#fff}
.ranking-profile-link{cursor:pointer;text-decoration:underline;text-decoration-color:#a8c8e8;text-underline-offset:3px}.ranking-profile-link:hover,.ranking-profile-link:focus-visible{color:#0870cf;outline:0}
.ranking-number { color: #607185; font: 900 18px Arial,sans-serif; }
.ranking-top .ranking-number { color: #e59b00; font-size: 24px; }
.ranking-rank { display: flex; align-items: center; justify-content: center; gap: 8px; }
.ranking-rank img { width: 34px; height: 34px; object-fit: contain; }
.ranking-rank small { font-size: 10px; }

/* Match history */
.match-history-shell{max-width:1120px}.match-history-search{margin-bottom:18px}.match-history-empty{display:grid;min-height:180px;place-items:center;color:#7b8b9d;border:1px solid #dce4ec;background:#f8fafc}.match-history-list{display:grid;gap:10px}.match-history-card{overflow:hidden;border:1px solid #d7e0e8;background:#fff;box-shadow:0 3px 12px #17324f0a}.match-history-card.is-win{border-left:4px solid #1784df}.match-history-card.is-loss{border-left:4px solid #df5660}.match-history-card>summary{display:grid;min-height:86px;grid-template-columns:90px minmax(130px,1.15fr) 92px minmax(110px,1fr) 82px 82px 150px;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;list-style:none}.match-history-card>summary::-webkit-details-marker{display:none}.match-history-card>summary:hover{background:#f8fbfe}.match-history-card>summary>span{display:grid;min-width:0;gap:5px}.match-history-card>summary small{overflow:hidden;color:#8190a0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.match-history-card>summary b{overflow:hidden;color:#18324e;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.match-result b{font:900 18px Arial,sans-serif}.is-win .match-result b{color:#0870cf}.is-loss .match-result b{color:#d74450}.match-player b{font-size:14px}.match-time{text-align:right}.match-time time{color:#42566d;font-size:11px}.match-history-card[open] .match-time small{color:#0870cf}.match-history-detail{padding:0 18px 17px;border-top:1px solid #e3e9ef;background:#f8fafc}.match-history-detail>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 10px;color:#50647a}.match-history-detail>header strong{color:#17324f}.match-history-detail>header span{font-size:10px}.match-history-detail>p{margin:10px 0 0;color:#8795a4;font-size:10px}.match-player-table{overflow-x:auto;border:1px solid #d9e2ea;background:#fff}.match-player-head,.match-player-row{display:grid;min-width:850px;grid-template-columns:70px minmax(150px,1.2fr) minmax(110px,1fr) 76px 86px 90px 76px 90px;align-items:center;gap:8px;padding:0 12px}.match-player-head{min-height:34px;color:#7a8999;border-bottom:1px solid #dce4eb;background:#f1f5f8;font-size:9px;text-align:center}.match-player-head span:nth-child(2){text-align:left}.match-player-row{min-height:52px;color:#344b63;border-bottom:1px solid #e8edf2;font-size:11px;text-align:center}.match-player-row:last-child{border-bottom:0}.match-player-row.is-target{background:#edf7ff}.match-player-row>b{color:#0870cf}.match-player-row>span:nth-child(2){display:grid;gap:3px;text-align:left}.match-player-row>span:nth-child(2) small{color:#8b98a6;font-size:9px}.match-player-row .is-positive{color:#0870cf;font-weight:800}.match-player-row .is-negative{color:#d74450;font-weight:800}
.match-player-profile{display:grid!important;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px!important;min-width:0;padding:3px}.match-avatar{position:relative;display:grid;width:42px;height:48px;place-items:center;overflow:hidden;border:2px solid #173b78;border-radius:4px;color:#fff;background:linear-gradient(145deg,#0a2448,#1e5c92);font:900 14px Arial,sans-serif}.match-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(2.05);transform-origin:50% 14%;image-rendering:auto}.match-player-copy{display:grid;min-width:0;gap:4px}.match-player-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-player-copy>small{display:flex!important;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-guild-mark{width:16px;height:16px;flex:0 0 16px;object-fit:contain;image-rendering:auto}.match-plane{justify-items:start}.match-plane-thumb{position:relative;display:grid;width:74px;height:48px;place-items:center;overflow:hidden;border:2px solid #173b78;border-radius:4px;background:linear-gradient(145deg,#081d42,#194c86);box-shadow:inset 0 0 0 1px #4d84bf}.match-plane-thumb img{position:absolute;left:50%;top:50%;display:block;width:200%;height:200%;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}.match-plane-thumb.is-skin img{width:100%;height:100%}.match-plane-thumb>b{color:#bdd7f1;font:900 16px Arial,sans-serif}.match-plane-skin-caption{display:block;max-width:86px;overflow:hidden;color:#1478cf;font-size:8px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.match-plane-loadout{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:7px;width:100%;min-width:0;text-align:left}.match-plane-loadout>.match-plane-thumb{width:64px;height:42px}.match-plane-loadout>span{display:grid;min-width:0;gap:3px}.match-plane-loadout b,.match-plane-loadout small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-plane-loadout b{color:#344b63;font-size:10px}.match-plane-loadout small{color:#1478cf;font-size:8px}.match-player-row>.match-player-profile{grid-template-columns:36px minmax(0,1fr);text-align:left}.match-player-row .match-avatar{width:36px;height:42px}.match-player-row>.match-plane-thumb{width:64px;height:42px;justify-self:center}.match-player-row{min-height:60px}

@media (max-width: 980px) {
  .home-portal-grid { grid-template-columns: 1fr 250px; }
  .home-grid { grid-template-columns: 1fr; }
  .aircraft-catalog-toolbar { grid-template-columns: 1fr; }
  .ranking-shell { overflow-x: auto; }
  .ranking-panel { min-width: 720px; }
}
@media (max-width: 640px) {
  .home-shell { width: min(100% - 24px,1060px); }
  .home-portal { margin-top: -18px; }
  .home-portal-grid { grid-template-columns: 1fr; gap: 8px; }
  .population-strip { min-height: 66px; }
  .population-strip strong { font-size: 18px; }
  .home-portal .hero-game-start { height: 64px; }
  .channel-status ul { grid-template-columns: 1fr; }
  .daily-ace-columns,.daily-ace-list li { grid-template-columns: 38px 84px minmax(0,1fr) 44px; }
  .classification-row { grid-template-columns: 82px minmax(0,1fr); }
  .classification-row > strong { padding-left: 10px; }
  .aircraft-classifications button { padding: 0 8px; }
  .ranking-shell { width: 100%; padding: 18px 12px; }
  .ranking-header { align-items: stretch; flex-direction: column; gap: 14px; }
  .ranking-tabs a { flex: 1; }
  .match-history-card>summary{grid-template-columns:76px minmax(120px,1fr) 82px minmax(95px,1fr) 72px 72px 140px;gap:8px;padding:10px 12px}
}
@media (max-width:720px){.match-history-shell{overflow:visible}.match-history-card>summary{grid-template-columns:72px minmax(0,1fr) 82px;gap:10px}.match-history-card>summary>span:nth-child(4),.match-history-card>summary>span:nth-child(5),.match-history-card>summary>span:nth-child(6){display:none}.match-time time{display:none}.match-history-detail{padding:0 10px 12px}.match-history-detail>header{align-items:flex-start;flex-direction:column}.match-history-search{flex-wrap:wrap}.match-history-search label{flex-basis:100%}}
@media (max-width:720px){.match-history-card>summary{grid-template-columns:64px minmax(0,1fr) 58px 60px;gap:6px;padding:9px 8px}.match-history-card>summary>span:nth-child(3),.match-history-card>summary>span:nth-child(5),.match-history-card>summary>span:nth-child(6){display:none}.match-history-card>summary>span:nth-child(4){display:grid}.match-plane>small{display:none}.match-plane-thumb{width:54px;height:38px}.match-player-profile{grid-template-columns:34px minmax(0,1fr);gap:6px!important;padding:2px}.match-avatar{width:34px;height:40px}.match-guild-mark{width:14px;height:14px;flex-basis:14px}}

/* Keep the navigation and archive banner identical on every signed-in page. */
.site-header,.page-home .site-header {
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  left: 0;
  height: 86px;
  border: 0;
  background: linear-gradient(180deg,#04172bdb 0,#071d32ac 72%,transparent 100%);
  box-shadow: none;
  backdrop-filter: blur(7px);
}
.site-header .primary-nav > .nav-item > a { color: #fff; text-shadow: 0 1px 4px #00101d; }
.page-hero {
  min-height: 340px;
  padding: 132px 0 42px;
  color: #fff;
  border: 0;
  background: #83d1f4 url("../legacy-2006/bg_gurm.gif") center/cover no-repeat;
}
.page-hero::before {
  top: 86px;
  right: max(0px,calc(50% - 590px));
  left: auto;
  width: 744px;
  height: 254px;
  background: url("../game/hero/main-feathered.webp?v=20260817perf2") center/744px 254px no-repeat;
  transform: none;
  -webkit-mask-image: none;
  mask-image: none;
}
.page-hero::after { background: linear-gradient(90deg,#06172bf2 0,#06172bd8 34%,#06172b4f 57%,transparent 76%); }
.page-hero .shell { position: relative; z-index: 1; }

@media (max-width: 980px) {
  .site-header,.page-home .site-header { height: 70px; }
  .site-header .nav-toggle { border-color: #ffffff66; background: #071c2cb5; }
  .site-header .nav-toggle span { background: #fff; }
  .page-hero { min-height: 324px; padding: 112px 0 38px; }
  .page-hero::before { top: 70px; right: -80px; left: auto; width: 744px; height: 254px; background-size: 744px 254px; }
}

@media (max-width: 640px) {
  .page-hero { min-height: 324px; padding: 104px 0 34px; }
  .page-hero::before { top: 70px; right: -205px; left: auto; width: 744px; height: 254px; background-size: 744px 254px; }
}

/* 2026-08-27 regular match history */
.match-history-shell{max-width:1280px}
.match-history-layout{display:grid;grid-template-columns:286px minmax(0,1fr);align-items:start;gap:24px}
.match-history-sidebar{position:sticky;top:22px;display:grid;gap:14px;min-width:0}
.match-history-main{min-width:0}
.match-summary-panel,.match-recent-pilots{overflow:hidden;border:1px solid #d8e1e9;background:#fff;box-shadow:0 4px 16px #18324e0c}
.match-summary-panel>summary,.match-recent-pilots>header{display:grid;gap:3px;padding:15px 17px;border-bottom:1px solid #e4eaf0;background:#f7f9fb}
.match-summary-panel>summary{position:relative;padding-right:36px;cursor:pointer;list-style:none}.match-summary-panel>summary::-webkit-details-marker{display:none}
.match-summary-panel>summary span,.match-recent-pilots>header small{color:#718397;font-size:10px;font-weight:800;letter-spacing:.08em}
.match-summary-panel>summary strong,.match-recent-pilots>header strong{overflow:hidden;color:#18324e;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.match-summary-panel>summary>small{display:none;color:#1478cf;font-size:11px;font-weight:900}
.match-summary-panel>summary>i{position:absolute;top:50%;right:16px;color:#4f6b86;font-style:normal;transform:translateY(-50%);transition:transform .18s}.match-summary-panel[open]>summary>i{transform:translateY(-50%) rotate(180deg)}
.match-summary-winrate{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2px 10px;padding:18px 17px 13px}
.match-summary-winrate>strong{color:#1478cf;font:900 29px Arial,sans-serif}
.match-summary-winrate>span{padding-bottom:3px;color:#667a8f;font-size:11px;font-weight:800}
.match-summary-winrate>i{grid-column:1/-1;overflow:hidden;height:7px;border-radius:99px;background:#df5660}
.match-summary-winrate>i>b{display:block;width:var(--match-win-rate);height:100%;background:#1784df}
.match-summary-grid{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0 17px 15px}
.match-summary-grid>div{display:grid;gap:3px;padding:11px 4px;border-top:1px solid #edf1f4}
.match-summary-grid>div:nth-child(odd){border-right:1px solid #edf1f4}
.match-summary-grid dt{color:#8897a6;font-size:9px}
.match-summary-grid dd{margin:0;color:#243d58;font-size:13px;font-weight:900}
.match-summary-grid dd small{margin-left:2px;color:#9aa6b2;font-size:9px}
.match-summary-plane{padding:13px 17px 17px;border-top:1px solid #e7edf2;background:#fbfcfd}
.match-summary-plane>span{display:block;margin-bottom:9px;color:#8795a4;font-size:9px;font-weight:800}
.match-summary-plane>div{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px}
.match-summary-plane .match-plane-thumb{width:78px;height:52px}
.match-summary-plane>div>span{display:grid;gap:4px;min-width:0}
.match-summary-plane b{overflow:hidden;color:#19334f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.match-summary-plane small{color:#8190a0;font-size:9px}
.match-summary-plane p{margin:0;color:#9aa7b4}
.match-recent-pilots>p{margin:0;padding:20px 17px;color:#8897a6;font-size:10px}
.match-recent-pilot-list{display:grid}
.match-recent-pilot{display:grid;gap:8px;padding:10px 12px;border-bottom:1px solid #edf1f4}
.match-recent-pilot:last-child{border-bottom:0}
.match-recent-pilot>.match-player-profile{grid-template-columns:34px minmax(0,1fr);padding:0}
.match-recent-pilot .match-avatar{width:34px;height:40px}
.match-recent-pilot>span:last-child{display:grid;gap:2px;padding-left:42px}
.match-recent-pilot>span:last-child b{color:#425a72;font-size:11px}
.match-recent-pilot>span:last-child small{color:#718397;font-size:10px}
.match-history-search{margin-bottom:10px}
.match-history-filters{display:grid;grid-template-columns:130px minmax(180px,1fr) 130px auto;align-items:end;gap:9px;margin-bottom:16px;padding:12px;border:1px solid #dce4eb;background:#f7f9fb}
.match-history-filters label{display:grid;gap:5px}
.match-history-filters label>span{color:#718397;font-size:9px;font-weight:800}
.match-history-filters select{width:100%;height:38px;padding:0 28px 0 10px;color:#29435e;border:1px solid #cfd9e2;background:#fff;font-size:11px}
.match-history-filters button{height:38px;padding:0 17px;color:#fff;border:0;background:#0877d1;font-size:11px;font-weight:900}
.match-date-divider{display:flex;align-items:center;gap:10px;margin:8px 0 0;color:#526b84;font-size:12px;font-weight:900}.match-date-divider:first-child{margin-top:0}.match-date-divider:after{height:1px;flex:1;background:#dbe4ec;content:""}.match-date-divider>span{white-space:nowrap}
.match-history-card>summary{grid-template-columns:72px minmax(150px,1.25fr) 68px 88px minmax(176px,1fr) 104px;gap:8px;padding:11px 12px}
.match-history-card>summary small{font-size:10px}.match-history-card>summary b{font-size:14px}
.match-map-brief{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px!important}.match-map-brief>img{width:58px;height:42px;object-fit:cover;border:1px solid #cfdbe5;background:#dfe8ef}.match-map-brief>span{display:grid;min-width:0;gap:3px}.match-map-brief>span>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-map-brief>span>b{color:#18324e;font-size:14px}.match-map-brief>span>small{color:#718397}
.match-score{text-align:center}.match-score>b{font:900 16px Arial,sans-serif!important}
.match-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important}.match-metrics>span{display:grid;min-width:0;gap:3px;padding:0 7px;border-left:1px solid #e6ebf0;text-align:center}.match-metrics>span:first-child{border-left:0}.match-metrics small,.match-metrics b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-metrics b{font-size:12px!important}
.match-time time{font-size:12px}.match-time small{font-size:10px}.match-time small b{display:inline-block;color:#1478cf;transition:transform .18s}.match-history-card[open] .match-time small b{transform:rotate(180deg)}
.match-stage-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 0!important}
.match-stage-header>b{color:#17324f;font:900 18px Arial,sans-serif}
.match-stage-visual{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:11px;min-width:0}
.match-stage-visual>img{width:70px;height:48px;object-fit:cover;border:1px solid #d4dee7;background:#dfe8ef}
.match-stage-visual>span{display:grid;gap:4px;min-width:0}
.match-stage-visual strong{overflow:hidden;color:#17324f;text-overflow:ellipsis;white-space:nowrap}
.match-stage-visual small{overflow:hidden;color:#718397;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.match-target-deltas{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.match-target-deltas>span{padding:6px 9px;color:#75869a;border:1px solid #dce5ec;background:#fff;font-size:9px}
.match-target-deltas b{margin-left:4px;color:#29445e}
.match-target-deltas .is-positive{color:#0870cf}.match-target-deltas .is-negative{color:#d74450}
.match-team{margin-top:10px;border:1px solid #d9e2ea;background:#fff}
.match-team>header{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 12px;border-bottom:1px solid #d9e2ea;background:#f3f6f8}
.match-team>header>span{display:flex;align-items:center;gap:7px}
.match-team>header b{font:900 12px Arial,sans-serif}
.match-team>header small{padding:2px 5px;color:#fff;background:#72859a;font-size:7px;font-weight:900;letter-spacing:.08em}
.match-team>header strong{font:900 16px Arial,sans-serif}
.match-team.is-red>header b,.match-team.is-red>header strong{color:#d84854}
.match-team.is-blue>header b,.match-team.is-blue>header strong{color:#0876d3}
.match-team.is-red.is-winner{border-left:4px solid #df5660}.match-team.is-blue.is-winner{border-left:4px solid #1784df}
.match-team .match-player-table{border:0}
.match-player-head,.match-player-row{min-width:850px;grid-template-columns:52px minmax(125px,1.25fr) 166px 78px 70px 74px 55px 64px 60px;gap:6px;padding-right:8px;padding-left:8px}
.match-player-row>span:nth-child(3){display:flex;justify-content:center}
.match-kd-cell{display:grid!important;gap:3px}
.match-kd-cell b{color:#344b63;font-size:11px}
.match-kd-cell small{color:#9aa7b4;font-size:8px;white-space:nowrap}
.match-player-head{color:#6f8091;font-size:10px}.match-player-row{font-size:12px}.match-player-row>span:nth-child(2) small{color:#73869a;font-size:10px}.match-kd-cell small{color:#73869a;font-size:9px}

@media (max-width:980px){
  .match-history-layout{grid-template-columns:1fr}
  .match-history-sidebar{position:static;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row:1}
  .match-history-main{grid-row:2}
  .match-recent-pilots{max-height:420px;overflow:auto}
}

@media (max-width:720px){
  .match-history-layout{display:flex;flex-direction:column}
  .match-history-sidebar{display:contents}
  .match-summary-panel{order:1}
  .match-history-main{order:2;margin-top:12px}
  .match-recent-pilots{order:3;margin-top:16px;max-height:none}
  .match-summary-panel>summary{padding:12px 36px 12px 14px}
  .match-summary-panel>summary>small{display:block}
  .match-history-filters{grid-template-columns:1fr 1fr}
  .match-history-filters label:nth-of-type(2){grid-column:1/-1;grid-row:1}
  .match-history-filters button{align-self:end}
  .match-history-search{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px}.match-history-search label{min-width:0;flex-basis:auto}.match-history-search button{min-width:0;padding:0 8px}
  .match-date-divider{margin-top:12px;font-size:11px}
  .match-history-card>summary{min-height:92px;grid-template-areas:"result map score" "result metrics time";grid-template-columns:54px minmax(0,1fr) 58px;grid-template-rows:auto auto;gap:7px;padding:9px 8px}
  .match-result{grid-area:result;align-self:stretch;align-content:center}.match-result b{font-size:16px!important}.match-result small{line-height:1.35;white-space:normal}
  .match-map-brief{grid-area:map;grid-template-columns:44px minmax(0,1fr);gap:7px!important}.match-map-brief>img{width:44px;height:32px}.match-map-brief>span>b{font-size:12px}
  .match-score{display:grid!important;grid-area:score}.match-score>b{font-size:14px!important}
  .match-plane{display:none!important}
  .match-metrics{display:grid!important;grid-area:metrics}.match-metrics>span{padding:0 4px}.match-metrics small{font-size:8px}.match-metrics b{font-size:10px!important}
  .match-time{display:grid!important;grid-area:time;text-align:right}.match-time time{font-size:10px}.match-time small{overflow:visible!important;font-size:9px;white-space:normal!important}
  .match-history-detail{padding:0 8px 11px}
  .match-stage-header{align-items:flex-start!important}
  .match-stage-header>b{padding-top:5px;font-size:15px}
  .match-stage-visual{grid-template-columns:58px minmax(0,1fr);gap:8px}
  .match-stage-visual>img{width:58px;height:42px}
  .match-target-deltas{display:grid;grid-template-columns:1fr 1fr}
  .match-target-deltas>span{display:flex;justify-content:space-between}
  .match-player-table{overflow:visible;border:0;background:transparent}
  .match-player-head{display:none}
  .match-player-row{display:grid;min-width:0;grid-template-columns:1fr 1fr;gap:0;margin:8px;padding:8px;border:1px solid #dce4eb;background:#fff;text-align:left}
  .match-player-row:last-child{border-bottom:1px solid #dce4eb}
  .match-player-row>b:first-child{grid-column:1/-1;padding:4px 6px 8px;color:#1478cf}
  .match-player-row>.match-player-profile{grid-column:1/-1;margin-bottom:7px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}
  .match-player-row>span[data-label]{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:34px;padding:5px 7px;border-bottom:1px solid #f0f3f6;text-align:right}
  .match-player-row>span[data-label]::before{content:attr(data-label);color:#8795a4;font-size:8px;font-weight:700;text-align:left}
  .match-player-row>span[data-label]:nth-last-child(-n+2){border-bottom:0}
  .match-player-row>span:nth-child(3){justify-content:stretch}
  .match-player-row>span:nth-child(3) .match-plane-loadout{width:170px;max-width:100%;margin-left:auto}
  .match-kd-cell{grid-template-columns:1fr auto!important}
  .match-kd-cell::before{grid-row:1/3}
  .match-kd-cell small{grid-column:2}
}

/* GoldWing launcher button on the home banner. */
.page-home .hero { overflow: visible; }
.page-home .hero-copy { width: 560px; max-width: 560px; }
.page-home .hero-copy h1 { max-width: none; font-size: 44px; white-space: nowrap; }
.hero-game-start {
  position: absolute;
  z-index: 12;
  bottom: -34px;
  left: calc(50% - 110px);
  display: grid;
  width: 258px;
  height: 72px;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  overflow: hidden;
  padding: 6px 14px 6px 10px;
  color: #fff;
  border: 2px solid #b8ddff;
  border-radius: 5px;
  background: linear-gradient(180deg,#1685e7 0,#0861c1 45%,#06387e 100%);
  box-shadow: inset 0 1px #fff9,inset 0 -4px #001f58a8,0 4px 0 #061d40,0 13px 28px #031b3670;
  text-shadow: 0 1px 2px #00265f;
  transition: filter .16s,transform .16s,box-shadow .16s;
}
.hero-game-start-form{display:block;min-width:0;margin:0}.hero-game-start-form .hero-game-start{width:100%;border:0;cursor:pointer;font:inherit;text-align:left}
.hero-game-start::before { position: absolute; inset: 4px; border: 1px solid #ffffff38; border-radius: 2px; content: ""; pointer-events: none; }
.hero-game-start::after { position: absolute; right: -14px; bottom: -22px; width: 104px; height: 38px; background: #ffb000; content: ""; opacity: .8; transform: rotate(-12deg); clip-path: polygon(28% 0,100% 0,72% 100%,0 100%); }
.hero-game-start img { position: relative; z-index: 1; width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 2px 3px #00173e); }
.hero-game-start > span { position: relative; z-index: 1; display: flex; min-width: 0; flex-direction: column; }
.hero-game-start small { color: #bfe8ff; font: 800 8px Arial,sans-serif; letter-spacing: .2em; }
.hero-game-start strong { margin-top: -1px; font: italic 900 27px/1 Arial,sans-serif; letter-spacing: .05em; }
.hero-game-start i { position: relative; z-index: 1; align-self: end; margin-bottom: 8px; color: #fff; font-size: 10px; font-style: normal; font-weight: 800; }
.hero-game-start:hover,.hero-game-start:focus-visible { color: #fff; outline: 3px solid #72cfff70; outline-offset: 4px; filter: brightness(1.12); transform: translateY(-3px); box-shadow: inset 0 1px #fff,inset 0 -4px #001f58a8,0 4px 0 #061d40,0 18px 34px #0270d868; }

@media (max-width: 980px) {
  .page-home .hero-copy { width: 520px; max-width: 520px; }
  .page-home .hero-copy h1 { font-size: 40px; }
  .hero-game-start { left: calc(50% - 70px); }
}

@media (max-width: 640px) {
  .page-home .hero-copy { width: 100%; max-width: 100%; }
  .page-home .hero-copy h1 { max-width: 300px; font-size: 37px; white-space: normal; }
  .hero-game-start { bottom: -31px; left: 50%; width: min(250px,calc(100% - 34px)); height: 66px; transform: translateX(-50%); }
  .hero-game-start:hover,.hero-game-start:focus-visible { transform: translate(-50%,-3px); }
  .page-home .home-dashboard { padding-top: 70px; }
}

@media (min-width: 641px) {
  .page-home .hero-copy { width: 560px; max-width: 560px; }
  .page-home .hero-copy h1 { max-width: none; font-size: 44px; white-space: nowrap; }
}

/* Unified archive header and compact home shortcuts. */
.site-header {
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  left: 0;
  height: 86px;
  border: 0;
  background: linear-gradient(180deg,#04172bdf 0,#071d32b0 72%,transparent 100%);
  box-shadow: none;
  backdrop-filter: blur(7px);
}
.header-inner { height: 86px; }
.site-header + main,.site-header ~ main { padding-top: 0; }
.brand { width: 180px; height: 72px; overflow: hidden; }
.archive-logo { display: block; width: 162px; height: 89px; background: url("../legacy-2006/top_bg023.gif") 0 0/162px 254px no-repeat; }
.primary-nav > .nav-item > a { color: #fff; text-shadow: 0 1px 4px #00101d; }
.nav-submenu { right: auto; left: 0; transform: translateY(-8px); }
.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu { transform: translateY(0); }
.page-hero { min-height: 245px; padding: 126px 0 44px; background: linear-gradient(90deg,#071b36e8,#0b28498c),url("../legacy-2006/bg_gurm.gif") center/cover no-repeat; }
.page-home .hero {
  height: 400px;
  padding-top: 86px;
  background-color: #83d1f4;
}
.page-home .hero::before {
  right: 0;
  left: auto;
  width: min(744px,100%);
  height: 254px;
  top: 86px;
  background: url("../legacy-2006/main_top_animated.gif") center top/744px 254px no-repeat;
}
.page-home .hero::after { background: linear-gradient(90deg,#06172bf5 0,#06172be0 34%,#06172b47 52%,transparent 70%); }
.page-home .hero-copy { padding-top: 34px; }
.page-home .portal-strip { margin-top: -48px; }
.portal-strip-inner { display: block; min-height: 0; border: 0; background: transparent; box-shadow: none; }
.portal-links { display: flex; width: fit-content; margin-left: auto; overflow: hidden; border: 1px solid #d5dde6; background: #fff; box-shadow: 0 9px 24px #102a4622; }
.portal-links a { min-width: 170px; min-height: 58px; gap: 9px; padding: 8px 16px; }
.portal-links b { font-size: 22px; }
.portal-links strong { font-size: 12px; }
.portal-links small { font-size: 8px; }
.home-dashboard { padding-top: 48px; }
.home-account-stack { display: grid; align-content: start; gap: 10px; }
.account-game-start { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 15px 18px; color: #fff; background: linear-gradient(135deg,#0873d6,#064c98); box-shadow: 0 8px 20px #0b315426; }
.account-game-start span { grid-column: 1; font: 700 8px Arial,sans-serif; letter-spacing: .15em; opacity: .75; }
.account-game-start strong { grid-column: 1; font-size: 19px; }
.account-game-start small { grid-column: 2; grid-row: 1 / 3; font-size: 10px; opacity: .75; }
.member-title span { display: none; }
.login-logo { width: 180px; height: 89px; overflow: hidden; }
.login-logo .archive-logo { width: 162px; height: 89px; }

@media (max-width: 980px) {
  .site-header,.header-inner { height: 70px; }
  .brand { width: 138px; height: 64px; }
  .archive-logo { width: 130px; height: 72px; background-size: 130px auto; }
  .page-hero { padding-top: 106px; }
  .page-home .hero { padding-top: 70px; }
  .page-home .hero::before { top: 70px; }
  .primary-nav { top: 70px; }
  .nav-submenu { transform: none; }
  .nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu { transform: none; }
}

@media (max-width: 640px) {
  .brand { width: 112px; }
  .archive-logo { width: 108px; height: 60px; background-size: 108px auto; }
  .page-home .hero { height: 350px; }
  .page-home .hero::before { top: 70px; width: 100%; height: 254px; background-position: 59% top; background-size: auto 254px; }
  .page-home .hero-copy { padding-top: 34px; }
  .portal-links { width: 100%; }
  .portal-links a { min-width: 0; flex: 1; padding: 8px 5px; }
  .portal-links b { font-size: 19px; }
  .portal-links strong { font-size: 10px; }
  .account-game-start small { display: none; }
}

/* Header merged with the game artwork. */
.utility-bar { display: none; }
.page-home .site-header {
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  left: 0;
  height: 86px;
  border: 0;
  background: linear-gradient(180deg,#04172bdb 0,#071d32ac 72%,transparent 100%);
  box-shadow: none;
  backdrop-filter: blur(7px);
}
.page-home .header-inner { height: 86px; }
.brand { width: 76px; }
.brand img { width: 62px; height: 62px; filter: drop-shadow(0 2px 6px #00101d80); }
.brand strong { display: none; }
.page-home .primary-nav > .nav-item > a,
.page-home .header-account { color: #fff; text-shadow: 0 1px 4px #00101d; }
.primary-nav { gap: 2px; }
.nav-item { position: relative; display: flex; height: 100%; align-items: stretch; }
.primary-nav > .nav-item > a { min-width: 104px; }
.nav-submenu {
  position: absolute;
  top: calc(100% - 9px);
  left: 50%;
  display: grid;
  width: 168px;
  padding: 9px;
  border: 1px solid #a6c3da3d;
  background: linear-gradient(150deg,#071b2fe6,#123a58d9);
  box-shadow: 0 18px 38px #00101d4d;
  opacity: 0;
  transform: translate(-50%,-8px);
  visibility: hidden;
  backdrop-filter: blur(14px);
  transition: opacity .16s,transform .16s,visibility .16s;
}
.nav-submenu a { min-height: 38px; padding: 8px 12px; color: #eaf5ff; border-bottom: 1px solid #ffffff16; font-size: 13px; font-weight: 600; }
.nav-submenu a:last-child { border-bottom: 0; }
.nav-submenu a:hover { color: #fff; background: #ffffff14; }
.nav-item:hover .nav-submenu,
.nav-item:focus-within .nav-submenu { opacity: 1; transform: translate(-50%,0); visibility: visible; }
.header-account { margin-left: 10px; padding: 8px 13px; color: #34445a; font-size: 12px; font-weight: 700; }
.page-home .game-start { border: 1px solid #73b5ed8c; border-bottom: 2px solid #063873; background: linear-gradient(135deg,#0b71d0,#07478c); box-shadow: 0 8px 20px #00122647; }
.page-home .hero { height: 472px; padding-top: 86px; }
.page-home .hero-copy { padding-top: 82px; }
.page-home .hero-copy h1 { max-width: 410px; font: 800 48px/1.12 "Malgun Gothic",sans-serif; letter-spacing: -.06em; }
.page-home .hero-copy > p:not(.hero-kicker) { font-size: 15px; }
.page-home .portal-strip { margin-top: -62px; }
.page-home .flash { top: 96px; }

@media (max-width: 980px) {
  .page-home .site-header,.page-home .header-inner { height: 70px; }
  .page-home .hero { height: 420px; padding-top: 70px; }
  .brand { width: auto; }
  .page-home .nav-toggle { border-color: #ffffff66; background: #071c2cb5; }
  .page-home .nav-toggle span { background: #fff; }
  .primary-nav { top: 70px; gap: 0; padding: 8px 14px 14px; border-color: #ffffff1f; background: #071a2ff2; backdrop-filter: blur(16px); }
  .primary-nav .nav-item { display: block; height: auto; }
  .primary-nav > .nav-item > a { min-height: 46px; color: #fff; border-color: #ffffff19; }
  .nav-submenu { position: static; display: none; width: auto; padding: 0 0 8px 16px; border: 0; background: transparent; box-shadow: none; opacity: 1; transform: none; visibility: visible; }
  .nav-item:focus-within .nav-submenu { display: grid; transform: none; }
  .nav-submenu a { min-height: 36px; color: #bdd9ee; }
  .header-account { display: none; }
}

@media (max-width: 640px) {
  .page-home .hero { height: 380px; }
  .page-home .hero-copy { padding-top: 50px; }
  .page-home .hero-copy h1 { max-width: 280px; font-size: 38px; }
  .page-home .hero-kicker { font-size: 8px; }
  .page-home .portal-strip { margin-top: 0; }
  .brand img { width: 50px; height: 50px; }
  .nav-toggle { order: 2; }
  .game-start { order: 3; }
  .primary-nav { z-index: 40; }
  .primary-nav.is-open .nav-submenu { display: grid; }
}

/* 2026 portal renewal */
.login-gate { display: block; min-height: 100vh; padding: 0; background: #0a2643; }
.login-gate::before { position: fixed; inset: 0; background: linear-gradient(90deg,#0a2b4e40,#06192d99 72%),url("../game/hero/login-sky.webp") center/cover no-repeat; content: ""; }
.login-screen { display: block; width: 100%; min-height: 100vh; background: transparent; box-shadow: none; }
.login-art { position: fixed; inset: 0 420px 0 0; background: transparent; }
.login-art::before { display: block; position: absolute; inset: 0; background: radial-gradient(circle at 66% 46%,#71caf02e,transparent 36%),linear-gradient(90deg,#06172bd4 0,#08284a42 55%,#06172b9c 100%); content: ""; }
.login-art::after { background: linear-gradient(0deg,#06172bea 0,transparent 44%); }
.login-logo { position: absolute; z-index: 5; top: 48px; left: 56px; display: flex; align-items: center; gap: 11px; color: #fff; }
.login-logo img { width: 58px; height: 58px; object-fit: contain; }
.login-logo strong { font: 900 21px Arial,sans-serif; letter-spacing: .08em; }
.login-slogan { right: auto; bottom: 70px; left: 58px; }
.login-slogan p { margin-bottom: 10px; color: #9ed7ff; }
.login-slogan h1 { margin: 0; font: 900 clamp(62px,7vw,112px)/.92 Arial,sans-serif; letter-spacing: -.055em; }
.login-slogan span { display: block; margin-top: 16px; color: #c8d8e7; font: 700 12px Arial,sans-serif; letter-spacing: .27em; }
.gate-panel { position: relative; z-index: 10; width: 420px; min-height: 100vh; margin-left: auto; padding: 0 48px; justify-content: center; box-shadow: -20px 0 45px #03112030; }
.gate-brand { align-items: flex-start; margin: 0 0 38px; }
.gate-brand span { color: #0870d2; font: 800 10px Arial,sans-serif; letter-spacing: .16em; }
.gate-brand strong { margin-top: 8px; color: #13253b; font-size: 27px; }
.gate-brand small { margin-top: 8px; color: #8a96a3; font-size: 12px; }
.gate-panel h2 { display: none; }
.gate-note { margin-top: 28px; }

.hero { height: 360px; padding-top: 26px; background: #e7f2fa url("../game/hero/main-sky.webp") center/cover no-repeat; }
.hero::after { background: linear-gradient(90deg,#06172bf2 0,#06172be3 calc(50% - 230px),#06172b26 calc(50% + 70px),transparent 70%),linear-gradient(0deg,#06172b78,transparent 32%); }
.hero-inner { position: relative; overflow: hidden; }
.hero-copy { z-index: 4; width: 390px; max-width: 390px; padding: 40px 30px 72px 0; }
.hero-copy h1 { margin: 0 0 12px; font: 900 62px/1 Arial,sans-serif; letter-spacing: -.045em; }
.hero-copy > p:not(.hero-kicker) { margin-bottom: 25px; color: #c8d8e7; font-size: 14px; }
.portal-strip { margin-top: -62px; }
.portal-strip-inner { grid-template-columns: 310px 1fr; min-height: 100px; }
.portal-status { display: flex; justify-content: center; flex-direction: column; padding: 18px 26px; color: #fff; background: #0a2949; }
.portal-status span { color: #7db9ed; font: 700 9px Arial,sans-serif; letter-spacing: .14em; }
.portal-status strong { margin: 5px 0; font-size: 16px; }
.portal-status strong i { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: #3dcc6c; box-shadow: 0 0 9px #3dcc6c; }
.portal-status small { color: #8fa7bf; font-size: 10px; }

/* Cohesive official artwork: never mix aircraft from different sources. */
.login-art { background: #8b765c url("../game/hero/login-official.webp?v=20260812u") center/cover no-repeat; }
.login-art::before { display: block; background: linear-gradient(90deg,#24180f73 0,transparent 65%),linear-gradient(0deg,#1e140dd4 0,transparent 44%); }
.login-art::after { background: linear-gradient(0deg,#1c130ce8 0,transparent 45%); }
.login-logo { text-shadow: 0 2px 8px #24170c99; }
.hero { background: #86cceb; }
.hero::before { position: absolute; inset: 0; background: url("../game/hero/main-official.webp") center/cover no-repeat; content: ""; }
.hero::after { background: linear-gradient(90deg,#06172bef 0,#06172bd1 30%,#06172b42 50%,transparent 68%),linear-gradient(0deg,#06172b75,transparent 35%); }
.hero-inner { overflow: visible; }

@media (max-width: 980px) {
  .login-art { position: relative; inset: auto; min-height: 420px; }
  .login-screen { display: grid; }
  .gate-panel { width: 100%; min-height: auto; padding: 48px max(24px,calc((100vw - 420px)/2)); }
  .login-slogan { bottom: 38px; }
  .login-slogan h1 { font-size: 68px; }
}
@media (max-width: 640px) {
  .login-art { min-height: 310px; }
  .login-logo { top: 20px; left: 22px; }
  .login-logo img { width: 44px; height: 44px; }
  .login-logo strong { font-size: 17px; }
  .login-slogan { bottom: 24px; left: 22px; }
  .login-slogan p { font-size: 8px; }
  .login-slogan h1 { font-size: 48px; }
  .login-slogan span { margin-top: 8px; font-size: 8px; }
  .gate-panel { padding-top: 42px; padding-bottom: 42px; }
  .hero { height: 350px; padding-top: 0; }
  .hero-copy { width: 100%; max-width: 100%; padding: 56px 0 90px; }
  .hero-copy h1 { font-size: 48px; }
  .hero::before { background-position: 62% center; }
  .portal-strip-inner { grid-template-columns: 1fr; }
}

/* Final unified navigation/banner rules. */
.site-header,.page-home .site-header { height: 86px; }
.header-inner,.page-home .header-inner { height: 86px; }
.brand { width: 180px; height: 78px; }
.archive-logo { width: 167px; height: 73px; background: url("../game/hero/archive-logo.webp?v=20260812p") center/contain no-repeat; filter: drop-shadow(0 2px 7px #00101d8a); }
.nav-submenu { right: auto; left: 0; transform: translateY(-8px); }
.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu { transform: translateY(0); }
.page-hero {
  min-height: 340px;
  padding: 142px 0 48px;
  background-image: linear-gradient(90deg,#06172bf2 0,#06172bd8 34%,#06172b4f 57%,transparent 76%),url("../legacy-2006/main_top_animated.gif"),url("../legacy-2006/bg_gurm.gif");
  background-position: center,calc(50% + 250px) 86px,center;
  background-size: cover,744px 254px,cover;
  background-repeat: no-repeat;
}
.page-home .hero { height: 400px; padding-top: 86px; background: #83d1f4 url("../legacy-2006/bg_gurm.gif") center/cover no-repeat; }
.page-home .hero::before { top: 86px; right: max(0px,calc(50% - 590px)); bottom: auto; left: auto; width: 744px; height: 254px; background: url("../legacy-2006/main_top_animated.gif") center/744px 254px no-repeat; }
.page-home .hero-copy { padding-top: 34px; }
.page-home .portal-strip { margin-top: -42px; }
.portal-strip-inner { display: block; min-height: 0; }
.portal-links { width: fit-content; min-height: 0; }
.portal-links a { min-width: 170px; min-height: 58px; }

@media (max-width: 980px) {
  .site-header,.page-home .site-header,.header-inner,.page-home .header-inner { height: 70px; }
  .brand { width: 138px; height: 66px; }
  .archive-logo { width: 130px; height: 57px; }
  .page-hero { min-height: 300px; padding-top: 116px; background-position: center,calc(50% + 210px) 70px,center; background-size: cover,620px auto,cover; }
  .page-home .hero { height: 370px; padding-top: 70px; }
  .page-home .hero::before { top: 70px; right: -80px; }
  .nav-submenu,.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu { transform: none; }
}

@media (max-width: 640px) {
  .brand { width: 112px; }
  .archive-logo { width: 108px; height: 48px; }
  .page-hero { min-height: 250px; padding-top: 105px; background-position: center,62% 70px,center; background-size: cover,auto 210px,cover; }
  .page-home .hero { height: 350px; }
  .page-home .hero::before { top: 70px; right: -205px; width: 744px; height: 254px; background-size: 744px 254px; }
  .page-home .portal-strip { margin-top: 0; }
  .portal-links { width: 100%; }
  .portal-links a { min-width: 0; min-height: 54px; }
}

/* Clean archive artwork edges and centered login card. */
.page-home .hero::before {
  -webkit-mask-image: radial-gradient(ellipse 76% 92% at 52% 50%,#000 58%,transparent 100%);
  mask-image: radial-gradient(ellipse 76% 92% at 52% 50%,#000 58%,transparent 100%);
}
.page-hero { position: relative; isolation: isolate; overflow: hidden; background: #83d1f4 url("../legacy-2006/bg_gurm.gif") center/cover no-repeat; }
.page-hero::before {
  position: absolute;
  z-index: -2;
  top: 86px;
  left: calc(50% + 250px);
  width: 744px;
  height: 254px;
  background: url("../legacy-2006/main_top_animated.gif") center/744px 254px no-repeat;
  content: "";
  transform: translateX(-50%);
  -webkit-mask-image: radial-gradient(ellipse 76% 92% at 52% 50%,#000 58%,transparent 100%);
  mask-image: radial-gradient(ellipse 76% 92% at 52% 50%,#000 58%,transparent 100%);
}
.page-hero::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#06172bf2 0,#06172bd8 34%,#06172b4f 57%,transparent 76%); content: ""; }
.portal-strip { display: none; }

.login-screen { display: flex; min-height: 100vh; align-items: center; justify-content: center; padding: 42px 20px; }
.login-art { position: fixed; inset: 0; min-height: 100vh; background-position: center; }
.login-art::before { background: linear-gradient(0deg,#170f09b8,#3c2b1d3d 62%,#20150c75); }
.login-art::after { background: radial-gradient(circle at center,transparent 0,#160e086b 100%); }
.login-slogan { display: none; }
.login-logo { position: fixed; top: 28px; left: 34px; }
.gate-panel {
  width: 430px;
  min-height: 0;
  margin: 0;
  padding: 42px 44px;
  border: 1px solid #f4ead9b8;
  border-radius: 0;
  background: #f6f2ebed;
  box-shadow: 0 28px 75px #150c06a6,0 0 0 6px #24160c2e;
  backdrop-filter: blur(14px);
}
.gate-brand { margin-bottom: 30px; }
.gate-brand span { color: #8b5b2e; }
.gate-brand strong { color: #1e2b3c; }
.gate-form input { border-color: #b9ad9e; background: #fffdf9; }
.gate-form input:focus { border-color: #9b642e; }
.gate-form button { background: #203a56; }

/* Exact 744:254 archive artwork — no empty strip and no hard rectangle. */
.page-home .hero { height: 340px; }
.page-home .hero::before {
  top: 86px;
  right: max(0px,calc(50% - 590px));
  width: 744px;
  height: 254px;
  background: url("../game/hero/main-feathered.webp?v=20260817perf2") center/744px 254px no-repeat;
  -webkit-mask-image: none;
  mask-image: none;
}
.page-home .hero-copy { padding-top: 14px; padding-bottom: 16px; }
.page-home .home-dashboard { padding-top: 48px; }
.archive-logo { background-image: url("../game/hero/archive-logo.png?v=20260812s"); }
.login-art { background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #75614a; }

@media (max-width: 980px) {
  .page-hero::before { top: 70px; left: calc(50% + 210px); width: 620px; background-size: 620px auto; }
  .login-screen { display: flex; padding: 80px 20px 32px; }
  .login-art { position: fixed; inset: 0; min-height: 100vh; }
  .gate-panel { width: min(430px,100%); min-height: 0; padding: 38px 36px; }
  .page-home .hero { height: 324px; }
  .page-home .hero::before { top: 70px; right: -80px; }
  .login-art { background-size: cover; background-position: 55% center; }
}

@media (max-width: 640px) {
  .page-hero::before { top: 70px; left: 62%; width: 615px; height: 210px; background-size: auto 210px; }
  .login-logo { top: 18px; left: 20px; }
  .login-screen { padding: 76px 14px 24px; }
  .gate-panel { padding: 32px 24px; }
  .page-home .hero { height: 324px; }
  .page-home .hero::before { top: 70px; right: -205px; }
  .login-art { background-size: cover; background-position: 58% center; }
}

/* Signed-in pages share the same merged archive header and banner. */
.site-header,.page-home .site-header {
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  left: 0;
  height: 86px;
  border: 0;
  background: linear-gradient(180deg,#04172bdb 0,#071d32ac 72%,transparent 100%);
  box-shadow: none;
  backdrop-filter: blur(7px);
}
.site-header .primary-nav > .nav-item > a { color: #fff; text-shadow: 0 1px 4px #00101d; }
.page-hero {
  min-height: 340px;
  padding: 132px 0 42px;
  color: #fff;
  border: 0;
  background: #83d1f4 url("../legacy-2006/bg_gurm.gif") center/cover no-repeat;
}
.page-hero::before {
  top: 86px;
  right: max(0px,calc(50% - 590px));
  left: auto;
  width: 744px;
  height: 254px;
  background: url("../game/hero/main-feathered.webp?v=20260817perf2") center/744px 254px no-repeat;
  transform: none;
  -webkit-mask-image: none;
  mask-image: none;
}
.page-hero::after { background: linear-gradient(90deg,#06172bf2 0,#06172bd8 34%,#06172b4f 57%,transparent 76%); }
.page-hero .shell { position: relative; z-index: 1; }

@media (max-width: 980px) {
  .site-header,.page-home .site-header { height: 70px; }
  .site-header .nav-toggle { border-color: #ffffff66; background: #071c2cb5; }
  .site-header .nav-toggle span { background: #fff; }
  .page-hero { min-height: 324px; padding: 112px 0 38px; }
  .page-hero::before { top: 70px; right: -80px; left: auto; width: 744px; height: 254px; background-size: 744px 254px; }
}

@media (max-width: 640px) {
  .page-hero { min-height: 324px; padding: 104px 0 34px; }
  .page-hero::before { top: 70px; right: -205px; left: auto; width: 744px; height: 254px; background-size: 744px 254px; }
}

@media (max-width: 600px) { .ranking-tabs a { flex: 1 1 50%; min-width: 0; } }

/* profile.css */
.account-game-start {
    position: relative;
    width: min(238px, 100%);
    min-height: 62px;
    justify-self: end;
    overflow: hidden;
    border: 1px solid #52a9ff;
    box-shadow: 0 7px 18px #062f5f38, inset 0 0 0 1px #ffffff20;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.account-game-start::after { position: absolute; top: -40%; left: -55%; width: 42%; height: 180%; background: linear-gradient(90deg,transparent,#ffffff6b,transparent); content: ""; transform: skewX(-20deg); animation: gameStartSweep 3.1s ease-in-out infinite; }
.account-game-start:hover,.account-game-start:focus-visible { outline: 3px solid #78c7ff; outline-offset: 3px; filter: brightness(1.1); transform: translateY(-2px); box-shadow: 0 12px 28px #0872d64f,0 0 24px #3ba4ff70,inset 0 0 0 1px #ffffff40; }
@keyframes gameStartSweep { 0%,58% { left: -55%; } 82%,100% { left: 125%; } }

.member-card { min-height: 0; }
.pilot-profile { display: grid; grid-template-columns: 116px minmax(0,1fr) 54px; gap: 13px; align-items: center; padding: 18px 0 14px; }
.pilot-avatar { position: relative; display: grid; width: 116px; height: 145px; place-items: center; overflow: hidden; border: 2px solid #d7aa35; background: #061a3a; box-shadow: 0 3px 8px #071f3c20; }
.pilot-avatar img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: center center; image-rendering: auto; }
.pilot-avatar span { align-self: center; color: #e8c65c; font: 900 28px Arial,sans-serif; }
.pilot-identity { display: flex; min-width: 0; flex-direction: column; }
.pilot-identity strong { overflow: hidden; font-size: 21px; text-overflow: ellipsis; white-space: nowrap; }
.pilot-name-row { display: flex; min-width: 0; align-items: center; gap: 7px; }
.pilot-role { flex: 0 0 auto; padding: 3px 5px; color: #fff; background: #6f8295; font-size: 9px; font-style: normal; font-weight: 800; }
.pilot-role.is-admin { background: #d96d13; }
.pilot-role.is-staff-kr { background:linear-gradient(135deg,#126fc3,#29a5e6);box-shadow:0 0 0 1px #8dd5ff inset; }
.pilot-role.is-staff-jp { background:linear-gradient(135deg,#a83268,#e15f82);box-shadow:0 0 0 1px #ffb4c8 inset; }
.pilot-identity small { margin-top: 3px; color: #8994a2; }
.pilot-guild { display: flex; min-width: 0; align-items: center; gap: 5px; margin-top: 4px; }
.pilot-guild img { width: 20px; height: 20px; flex: 0 0 20px; object-fit: contain; image-rendering: pixelated; }
.pilot-guild small { overflow: hidden; margin: 0; color: #61748a; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.pilot-connection { display: flex; align-items: center; gap: 5px; margin-top: 6px; color: #a43b3b; font: 800 10px Arial,sans-serif; }
.pilot-connection i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #dc4141; box-shadow: 0 0 0 3px #dc41411c; }
.pilot-connection.is-online { color: #188343; }
.pilot-connection.is-online i { background: #20ad58; box-shadow: 0 0 0 3px #20ad581c; }
.pilot-rank-wrap { display: grid; gap: 2px; justify-items: center; text-align: center; }
.pilot-rank-wrap span { color: #17345c; font-size: 10px; font-weight: 800; line-height: 1.2; white-space: nowrap; }
.pilot-rank { width: 58px; height: 58px; object-fit: contain; image-rendering: pixelated; }
.member-card:not(.member-card-detail) .pilot-profile { position: relative; grid-template-columns: 116px minmax(0,1fr); align-items: stretch; }
.member-card:not(.member-card-detail) .pilot-identity { align-self: start; padding-top: 8px; }
.member-card:not(.member-card-detail) .pilot-name-row { align-items: flex-start; flex-direction: column; gap: 4px; }
.member-card:not(.member-card-detail) .pilot-identity strong { width: 100%; overflow: visible; font-size: 20px; text-overflow: clip; }
.member-card:not(.member-card-detail) .pilot-guild,.member-card:not(.member-card-detail) .pilot-connection { max-width: calc(100% - 68px); }
.member-card:not(.member-card-detail) .pilot-rank-wrap { position: absolute; right: 0; bottom: 12px; width: 64px; }
.member-card:not(.member-card-detail) .pilot-rank { width: 64px; height: 64px; image-rendering: auto; }
.pilot-summary { display: grid; grid-template-columns: 1fr 96px; margin: 0 0 15px; border: 1px solid #d9e0e8; background: #f7f9fc; }
.pilot-summary > div { min-width: 0; padding: 9px 11px; }
.pilot-summary > div + div { border-left: 1px solid #d9e0e8; }
.pilot-summary dt { color: #778392; font-size: 10px; font-weight: 700; }
.pilot-summary dd { display: flex; min-width: 0; align-items: center; gap: 7px; min-height: 35px; margin: 3px 0 0; font-weight: 800; }
.pilot-summary dd img { width: 68px; height: 43px; object-fit: cover; border: 1px solid #bec9d6; background: #e8eef5; }
.pilot-summary dd span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pilot-summary dd strong { color: #086dd2; font: 900 25px Arial,sans-serif; }
.discord-link-status{display:grid;grid-template-columns:auto 82px;gap:3px 12px;align-items:center;margin:-5px 0 15px;padding:10px 12px;border:1px solid #dce3eb;background:#f5f7fa}.discord-link-status>span{display:flex;align-items:center;gap:7px;color:#647589;font-size:10px}.discord-link-status img{width:17px;height:17px;filter:grayscale(1);opacity:.65}.discord-link-status>strong{justify-self:end;color:#8a98a7;font-size:10px}.discord-link-status>small{grid-column:1/-1;color:#8b99a8;font-size:9px}.discord-link-status.is-linked{border-color:#c9d8ff;background:#f2f4ff}.discord-link-status.is-linked img{filter:none;opacity:1}.discord-link-status.is-linked>strong{color:#5865f2}.discord-link-status.is-linked>small{color:#65738a}
.discord-link-status>span{gap:8px;font-size:11px}.discord-link-status img{box-sizing:border-box;width:24px;height:24px;padding:4px;border-radius:6px;background:#7983f5;filter:none;opacity:.82}.discord-link-status.is-linked img{background:#5865f2;box-shadow:0 2px 7px rgba(88,101,242,.25);opacity:1}.discord-link-status>strong{font-size:11px}.discord-link-status>small{font-size:10px;line-height:1.45}
.pilot-wallet{display:flex;align-items:center;justify-content:space-between;margin:-7px 0 12px;padding:9px 11px;border:1px solid #d9e0e8;background:#f7f9fc}.pilot-wallet dt{color:#778392;font-size:10px;font-weight:700}.pilot-wallet dd{display:flex;align-items:baseline;gap:5px;margin:0}.pilot-wallet dd strong{color:#086dd2;font:900 17px Arial,sans-serif}.pilot-wallet dd span{color:#8392a2;font:800 9px Arial,sans-serif}
.pilot-wallet-grid{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 12px}.pilot-wallet-grid .pilot-wallet{display:flex;min-width:0;margin:0;padding:9px 11px}.pilot-wallet-grid .pilot-wallet dt{white-space:nowrap}.pilot-wallet-grid .pilot-wallet dd{min-width:0}.pilot-wallet-grid .pilot-wallet dd strong{overflow:visible;font-size:16px;text-overflow:clip}.pilot-wallet-grid .pilot-wallet.is-gold dd strong{color:#bd7a00}.pilot-wallet-grid .pilot-wallet.is-gold{border-color:#e9d8aa;background:#fffaf0}
.pilot-membership-mini{display:flex;align-items:center;justify-content:space-between;margin:-7px 0 12px;padding:9px 11px;color:#66798c;border:1px solid #d9e0e8;background:#f7f9fc;font-size:10px;font-weight:800;transition:border-color .16s,background-color .16s,color .16s}.pilot-membership-mini strong{color:#8b97a4;font-size:11px}.pilot-membership-mini.is-active strong{color:#11834a}.pilot-membership-mini:hover,.pilot-membership-mini:focus-visible{color:#0867c2;border-color:#1683df;background:#edf6ff;outline:2px solid #1683df24;outline-offset:2px}
.member-actions { display: grid; grid-template-columns: 1fr; gap: 7px; }
.member-actions > a,.member-actions button { display: grid; width: 100%; min-height: 36px; place-items: center; border: 1px solid #ccd4dc; background: #fff; font-size: 11px; }
.account-page-layout { display: grid; max-width: 1110px; grid-template-columns: 210px minmax(0,860px); gap: 24px; align-items: start; justify-content: center; }
.account-section-nav { position: sticky; top: 20px; overflow: hidden; border: 1px solid #cad7e5; background: #fff; }
.account-section-nav > strong { display: block; padding: 18px 17px; color: #fff; background: #0c3156; font-size: 17px; }
.account-section-nav nav { display: grid; }
.account-section-nav a { display: grid; min-height: 50px; grid-template-columns: 27px minmax(0,1fr) auto; align-items: center; padding: 0 14px; color: #18314c; border-top: 1px solid #dbe3eb; font-size: 12px; font-weight: 800; transition: color .16s,border-color .16s,background-color .16s; }
.account-section-nav a span { color: #8ba0b5; font: 700 9px Arial,sans-serif; }
.account-section-nav a em { min-width: 25px; padding: 3px 5px; color: #0870cf; border-radius: 10px; background: #eaf4fe; font: 800 9px Arial,sans-serif; font-style: normal; text-align: center; }
.account-section-nav a:hover,.account-section-nav a:focus-visible { color: #076ccc; border-left: 3px solid #ff9c14; background: #f1f7fd; }
.account-section-nav a[aria-current="page"] { color: #076ccc; border-left: 3px solid #ff9c14; background: #e9f4ff; }
.member-card-detail .member-title > span { color: #0870cf; font: 800 9px Arial,sans-serif; letter-spacing: .12em; }
.mypage-facts { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 24px 0 0; border: 1px solid #d8e1ea; background: #f9fbfd; }
.mypage-facts > div { min-width: 0; padding: 16px 14px; }
.mypage-facts > div + div { border-left: 1px solid #d8e1ea; }
.mypage-facts dt { color: #6b7c8f; font-size: 10px; font-weight: 800; }
.mypage-facts dd { min-height: 24px; margin: 7px 0 0; color: #17324f; font-size: 12px; font-weight: 800; line-height: 1.5; }
.mypage-facts dd strong { color: #0870cf; font: 900 21px Arial,sans-serif; }
.mypage-facts dd span { margin-left: 5px; color: #8898a8; font: 800 9px Arial,sans-serif; }
.mypage-facts .mypage-membership{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8e1ea;border-left:0}.mypage-facts .mypage-membership dd{display:flex;align-items:baseline;gap:8px;margin:0}.mypage-facts .mypage-membership dd strong{font-size:16px}.mypage-facts .mypage-membership dd span{margin:0}
.mypage-facts .mypage-gold{position:relative}.mypage-gold dd{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:4px 7px;align-items:center;white-space:normal}.mypage-gold dd strong{grid-column:1/-1;min-width:0;font-size:clamp(13px,1.8vw,17px);font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap}.mypage-gold dd span{margin:0}.mypage-gold dd a{grid-column:2;grid-row:2}.mypage-gold dd button{position:absolute;z-index:1;top:10px;right:12px;display:grid;width:24px;height:24px;margin:0;place-items:center;border:0;border-radius:50%;color:#fff;background:#0b78c9;font:900 17px/1 Arial,sans-serif;cursor:pointer}.mypage-gold dd button:hover,.mypage-gold dd button:focus-visible{background:#f07816;outline:3px solid rgba(240,120,22,.18)}
.gold-purchase-modal{width:min(520px,calc(100vw - 28px));padding:0;border:0;border-radius:10px;box-shadow:0 22px 70px rgba(8,35,61,.3)}.gold-purchase-modal::backdrop{background:rgba(7,25,43,.58)}.gold-purchase-modal>section{background:#fff}.gold-purchase-modal header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #dbe4ec}.gold-purchase-modal header>div{display:grid;gap:4px}.gold-purchase-modal header strong{color:#153657;font-size:17px}.gold-purchase-modal header span{color:#7c8d9d;font-size:10px}.gold-purchase-modal header>button{width:30px;height:30px;border:0;color:#64798c;background:#edf3f8;font-size:20px;cursor:pointer}.gold-purchase-balance{margin:0;padding:14px 20px;color:#6b7f91;background:#f5f9fc;font-size:11px}.gold-purchase-balance b{margin-left:7px;color:#0873c8}.gold-purchase-online-warning{margin:14px 20px 0;padding:10px 12px;color:#b84431;background:#fff1ee;font-size:11px;font-weight:800}.gold-package-list{display:grid;gap:10px;padding:18px 20px}.gold-package-list form{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #d9e3ec;background:#fbfdff}.gold-package-list form>span{display:grid;gap:4px}.gold-package-list strong{color:#173b5d;font:900 17px Arial,sans-serif}.gold-package-list small{color:#e56f12;font-size:11px;font-weight:900}.gold-package-list button{min-width:86px;height:38px;border:0;border-radius:5px;color:#fff;background:#087bd1;font-weight:900;cursor:pointer}.gold-package-list button:disabled{cursor:not-allowed;background:#aebbc7}.gold-purchase-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #dbe4ec;background:#f7fafc}.gold-purchase-modal footer small{color:#718496;font-size:10px}.gold-purchase-modal footer button{height:34px;padding:0 18px;border:1px solid #bdccd8;background:#fff;color:#35536d;font-weight:800;cursor:pointer}
.mypage-session-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:15px 18px;border:1px solid #efc7c7;background:#fff8f8}.mypage-session-actions p{color:#775252;font-size:12px;line-height:1.55}.mypage-session-actions .button-danger{flex:0 0 auto;color:#fff;border-color:#be3434;background:#c83c3c}.mypage-session-actions .button-danger:hover,.mypage-session-actions .button-danger:focus-visible{outline:3px solid #f1a4a4;outline-offset:2px;background:#a92424}
.account-collection { margin: 25px 0 18px; padding-top: 21px; border-top: 2px solid #293e5b; }
.account-collection header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 9px; border-bottom: 1px solid #cdd6e0; }
.account-collection h3 { margin: 0; font-size: 17px; }
.account-collection header span { color: #0870d2; font: 700 9px Arial,sans-serif; letter-spacing: .1em; }
.account-collection-empty { margin: 14px 0 0; color: #718195; font-size: 12px; }
.account-standalone { margin-top: 18px; }
.collection-dashboard{display:grid;gap:14px;padding:20px;border:1px solid #cddce8;border-radius:12px;background:linear-gradient(145deg,#f7fbff,#fff);box-shadow:0 8px 24px #143c5d12}.collection-dashboard>header{display:flex;align-items:end;justify-content:space-between;gap:18px}.collection-dashboard>header>div{display:grid;gap:3px}.collection-dashboard>header span{color:#1680c5;font:900 9px Arial,sans-serif;letter-spacing:.13em}.collection-dashboard>header strong{color:#133654;font-size:20px}.collection-dashboard>header small{color:#75889a;font:800 10px Arial,sans-serif}.collection-dashboard>header>b{color:#0874c8;font:900 30px Arial,sans-serif}.collection-overall-gauge{height:11px;overflow:hidden;border-radius:8px;background:#dbe7f0;box-shadow:inset 0 1px 2px #0d34551c}.collection-overall-gauge>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0872ce,#20a4e8,#f39a31)}.collection-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.collection-category-tabs>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-width:0;padding:11px;color:#34536d;border:1px solid #d4e0e9;border-radius:8px;background:#fff}.collection-category-tabs>a>span{overflow:hidden;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.collection-category-tabs>a>strong{color:#163d5c;font:900 10px Arial,sans-serif}.collection-category-tabs>a>small{color:#0875ca;font:900 12px Arial,sans-serif}.collection-category-tabs>a>i{align-self:center;height:5px;overflow:hidden;border-radius:4px;background:#e1e9ef}.collection-category-tabs>a>i>b{display:block;height:100%;border-radius:inherit;background:#2498dd}.collection-category-tabs>a[aria-current=page]{color:#075f9d;border-color:#51a7dc;background:#edf8ff;box-shadow:inset 0 0 0 1px #8bc9ed}.collection-category-tabs>a:hover,.collection-category-tabs>a:focus-visible{border-color:#51a7dc;outline:0}.owned-plane-skins ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.owned-plane-skins li{position:relative;display:grid;min-width:0;overflow:hidden;border:1px solid #d5e1ea;border-radius:8px;background:#f7fafc}.owned-plane-skins li>img{width:100%;aspect-ratio:1.55/1;object-fit:contain;background:#173357}.owned-plane-skins li>span{display:grid;gap:3px;padding:10px}.owned-plane-skins li small{color:#70879a;font-size:9px;font-weight:800}.owned-plane-skins li strong{overflow:hidden;color:#143653;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.owned-plane-skins li>em{position:absolute;top:7px;right:7px;padding:4px 7px;color:#fff;border-radius:9px;background:#f07816;font-size:8px;font-style:normal;font-weight:900}.owned-plane-skins li.is-equipped{border-color:#f09125;box-shadow:inset 0 0 0 1px #f09125}
.cash-history{border:1px solid #d7e1eb;background:#fff}.cash-history>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #dce5ed;background:#f6f9fc}.cash-history>header>div{display:grid;gap:4px}.cash-history>header strong{color:#143352;font-size:16px}.cash-history>header span{color:#7a8c9e;font-size:10px}.cash-history>header>b{color:#0873cf;font:900 13px Arial,sans-serif}.cash-history>ul{display:grid;margin:0;padding:0;list-style:none}.cash-history>ul>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:15px 18px;border-bottom:1px solid #e2e8ee}.cash-history>ul>li:last-child{border-bottom:0}.cash-history-main,.cash-history-state{display:grid;gap:5px}.cash-history-main>span{color:#71849a;font-size:10px;font-weight:800}.cash-history-main>strong{color:#123556;font:900 18px Arial,sans-serif}.cash-history-main>small{color:#e66b14;font-size:11px;font-weight:900}.cash-history-state{justify-items:end}.cash-history-state>b{padding:5px 9px;color:#607284;border-radius:12px;background:#edf1f5;font-size:10px}.cash-history-state>b.is-success{color:#087646;background:#e2f6ec}.cash-history-state>b.is-pending{color:#96620b;background:#fff1d1}.cash-history-state>b.is-failed{color:#a33939;background:#fde7e7}.cash-history-state time{color:#8292a3;font:10px Arial,sans-serif}@media(max-width:760px){.cash-history>ul>li{grid-template-columns:1fr}.cash-history-state{justify-items:start}}
.cash-history-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 12px;border-top:1px solid #e2e8ee;background:#f8fafc}.cash-history-pagination a{display:grid;min-width:34px;height:34px;padding:0 9px;place-items:center;border:1px solid #ccd9e4;border-radius:6px;color:#536c83;background:#fff;font-size:11px;font-weight:900}.cash-history-pagination a:hover,.cash-history-pagination a:focus-visible{border-color:#1683d2;color:#0871c2;background:#edf7ff;outline:0}.cash-history-pagination a[aria-current=page]{border-color:#0c78cb;color:#fff;background:#0c78cb}.cash-history-pagination .is-direction{min-width:54px}@media(max-width:480px){.cash-history-pagination{gap:4px;padding:12px 7px}.cash-history-pagination a{min-width:30px;height:31px;padding:0 7px}.cash-history-pagination .is-direction{min-width:47px}}
.owned-planes ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 13px 0 0; padding: 0; list-style: none; }
.owned-planes li { position: relative; display: grid; min-width: 0; overflow: hidden; border: 1px solid #d7e0e9; background: #f8fafc; }
.owned-planes li > img { width: 100%; aspect-ratio: 1.55/1; object-fit: contain; background: #e6edf4; }
.owned-planes li > span { display: grid; min-width: 0; gap: 4px; padding: 9px 10px 10px; }
.owned-planes li strong { overflow: hidden; color: #152e4a; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.owned-planes li small { color: #8290a0; font: 700 9px Arial,sans-serif; }
.owned-planes .plane-play-count{display:flex;align-items:baseline;gap:3px;color:#536f89;font-size:10px}.owned-planes .plane-play-count b{color:#0870cf;font:900 12px Arial,sans-serif}
.plane-mastery-head { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.plane-mastery-head b { color: #0870cf; font: 900 10px Arial,sans-serif; }
.plane-mastery-gauge { display: block; height: 6px; overflow: hidden; border-radius: 4px; background: #dbe4ed; }
.plane-mastery-gauge i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#0875d8,#26a4ee); }
.owned-planes li > em { position: absolute; top: 7px; right: 7px; padding: 4px 7px; color: #fff; background: #f07816; font-size: 9px; font-style: normal; font-weight: 900; }
.owned-planes li.is-equipped { border-color: #f09125; box-shadow: inset 0 0 0 1px #f09125; }
.plane-mastery-purchase{padding:0 10px 10px}.plane-mastery-purchase button{width:100%;min-height:32px;border:0;border-radius:4px;color:#fff;background:#0b7acb;font-size:10px;font-weight:900;cursor:pointer}.plane-mastery-purchase button:hover,.plane-mastery-purchase button:focus-visible{background:#f07816;outline:2px solid rgba(240,120,22,.18)}.plane-mastery-purchase button:disabled{cursor:not-allowed;background:#a8b6c3}.plane-mastery-complete{margin:0 10px 10px;padding:8px;text-align:center;color:#278153;background:#e9f8f0;font-size:10px}
.owned-medals ul { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.owned-medals li { display: grid; gap: 6px; min-width: 0; justify-items: center; padding: 9px 5px; border: 1px solid #dce2e9; background: #f8fafc; text-align: center; }
.owned-medals img { width: 50px; height: 50px; object-fit: contain; }
.owned-medals li span { font-size: 10px; line-height: 1.35; }
.membership-center{display:grid;gap:16px}.membership-status{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;padding:20px;border:1px solid #d7e1eb;background:#f7f9fc}.membership-status>div{display:grid;gap:5px;align-content:center;padding-right:18px;border-right:1px solid #d7e1eb}.membership-status>div span,.membership-status dt{color:#718398;font-size:10px;font-weight:800}.membership-status>div strong{color:#9a4c4c;font-size:22px}.membership-status.is-active>div strong{color:#11834a}.membership-status dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.membership-status dl div{min-width:0}.membership-status dd{overflow:hidden;margin:7px 0 0;color:#17324f;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.membership-rule{margin:0;padding:12px 14px;color:#435a72;border-left:3px solid #1683df;background:#eef6fd;font-size:12px;line-height:1.6}.membership-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.membership-products article{display:grid;gap:10px;padding:18px;border:1px solid #d4dee8;background:#fff;box-shadow:0 5px 14px #17395a0a}.membership-products article>span{color:#0870cf;font:900 9px Arial,sans-serif;letter-spacing:.13em}.membership-products h3{margin:0;color:#142e4a;font-size:16px}.membership-products p{display:grid;gap:3px;margin:5px 0}.membership-cash-price strong{display:flex;align-items:baseline;gap:6px;color:#0c3156;font:900 25px Arial,sans-serif}.membership-cash-price strong span{color:#e46c18;font-size:11px;letter-spacing:.04em}.membership-products button{width:100%}.membership-products button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.5}.membership-pricing-note{color:#7c8b9b;font-size:10px;line-height:1.5}.membership-purchase-modal{width:min(500px,calc(100vw - 30px));padding:0;border:0;border-top:4px solid #eeb400;border-radius:4px;background:#fff;box-shadow:0 24px 74px #00132673}.membership-purchase-modal::backdrop{background:#03142699;backdrop-filter:blur(2px)}.membership-purchase-confirm{display:grid}.membership-purchase-confirm>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #dbe4ed;background:#f5f8fb}.membership-purchase-confirm>header div{display:grid;gap:3px}.membership-purchase-confirm>header span{color:#0870cf;font:900 9px Arial,sans-serif;letter-spacing:.12em}.membership-purchase-confirm>header strong{color:#102d4b;font-size:18px}.membership-purchase-confirm>header button{width:34px;height:34px;padding:0;color:#6c7e90;border:1px solid #cbd7e2;background:#fff;font-size:20px}.membership-purchase-body{display:grid;gap:16px;padding:22px 20px}.membership-purchase-body>p{margin:0;color:#18334f;font-size:15px}.membership-purchase-body>p strong{color:#0870cf}.membership-purchase-body dl{display:grid;gap:0;margin:0;border:1px solid #d8e2eb}.membership-purchase-body dl div{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #e2e8ee}.membership-purchase-body dl div:last-child{border-bottom:0}.membership-purchase-body dt{color:#6f8091;font-size:11px;font-weight:800}.membership-purchase-body dd{margin:0;color:#173452;font:900 13px Arial,sans-serif}.membership-purchase-body dl div:first-child dd{color:#e45d1b}.membership-purchase-body small{color:#6d7f91;font-size:10px;line-height:1.6}.membership-purchase-confirm>footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid #dbe4ed;background:#f7f9fb}.membership-purchase-confirm>footer .button{min-width:112px}
.member-card-detail { padding: 30px 34px; }
.account-wrap { width: 100%; max-width: 860px; }
.member-card-detail .pilot-profile { grid-template-columns: 150px minmax(0,1fr) 82px; }
.member-card-detail .pilot-avatar { width: 150px; height: 180px; }
.member-card-detail .pilot-rank { width: 82px; height: 82px; }
.member-card-detail .pilot-rank-wrap span { font-size: 12px; }
.member-card-detail .pilot-summary { grid-template-columns: minmax(0,1fr) 120px 120px; }

/* 게임 원본 로그인 화면 조각을 사용한 중앙 로그인 패널 */
.login-gate { position: relative; display: block; min-height: 100vh; padding: 0; overflow-x: hidden; background: #174eaa; }
.login-gate,.login-gate * { cursor: url("../cursors/goldwing-default.png") 2 2,auto; }
.login-gate.is-login-loading,.login-gate.is-login-loading * { cursor: url("../cursors/goldwing-loading.png") 2 2,wait !important; }
.login-gate::before { display: none; }
.login-screen { position: relative; z-index: 1; display: flex; width: 100%; min-height: 100vh; align-items: flex-start; justify-content: center; padding: 0; background: transparent; }
.login-art { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100vh; min-height: 0; transform: none; background: #174eaa url("../game/login/login-background-clean.webp?v=20260817perf2") center calc(50% - 10vh)/cover no-repeat; box-shadow: none; }
.login-art::before { display: block; background: linear-gradient(0deg,#04132c82 0,transparent 23%,transparent 88%,#062b7333); }
.login-art::after { background: none; }
.gate-panel { position: absolute; z-index: 10; top: 50%; left: 50%; display: flex; width: 500px; min-height: 0; flex-direction: column; align-items: center; margin: 0; padding: 18px 28px 20px; transform: translate(-50%,-50%); border: 1px solid #7ab4e0; border-top: 2px solid #b8e9ff; border-radius: 6px; background: linear-gradient(180deg,#173f70dc,#071b3de8); box-shadow: 0 20px 50px #001239a8,inset 0 1px #e1f3ff75; backdrop-filter: blur(14px) saturate(1.08); }
.gate-logo { display: block; width: 230px; height: 230px; margin: -6px auto 10px; object-fit: contain; filter: drop-shadow(0 7px 8px #00153980); }
.gate-panel h1 { margin: 0 0 12px; color: #fff; text-align: center; font-size: 18px; letter-spacing: -.02em; text-shadow: 0 1px 2px #00122e; }
.gate-form { display: grid; width: 380px; max-width: 100%; grid-template-columns: minmax(0,1fr); gap: 10px; align-items: center; margin: 0 auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.gate-form > label:not(.remember-id) { display: grid; grid-template-columns: 82px minmax(0,1fr); align-items: center; overflow: hidden; border: 1px solid #5d82ad; border-radius: 4px; background: #061734eb; box-shadow: inset 0 2px 7px #0006; transition: border-color .16s,background .16s,box-shadow .16s; }
.gate-form > label:not(.remember-id):hover { border-color: #82add3; }
.gate-form > label:not(.remember-id):focus-within { border-color: #85d7ff; background: #0a2854; box-shadow: 0 0 0 3px #43b8ff2e,inset 0 1px 5px #0005; }
.gate-form > label:not(.remember-id) > span { position: static !important; overflow: visible !important; width: auto !important; height: 24px !important; padding: 0 10px 0 0 !important; clip: auto; color: #edf6ff; border-right: 1px solid #416b96; transform: none; white-space: nowrap; font-size: 12px; font-weight: 800; line-height: 24px; text-align: right; text-shadow: 0 1px 3px #00122e; }
.gate-form .remember-id { display: flex; align-items: center; justify-content: flex-end; gap: 7px; margin: -1px 0 0; cursor: pointer; }
.gate-form .remember-id input { width: 15px; height: 15px; margin: 0; accent-color: #2b91ed; cursor: pointer; }
.gate-form .remember-id span { position: static !important; width: auto !important; color: #d8e9fb; transform: none; font-size: 11px; font-weight: 700; text-shadow: 0 1px 2px #00122e; cursor: pointer; }
.gate-form > label:not(.remember-id) > input { width: 100%; height: 42px; padding: 0 13px; color: #fff; caret-color: #8dd8ff; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; }
.gate-form input::placeholder { color: #7890ad; opacity: 1; }
.gate-form > label:not(.remember-id) > input:focus { color: #fff; outline: 0; background: transparent; box-shadow: none; }
.gate-form input:-webkit-autofill { -webkit-text-fill-color: #fff; box-shadow: 0 0 0 1000px #0a2854 inset; transition: background-color 9999s; }
.gate-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; margin-top: 2px; }
.gate-form button { display: flex; width: 100%; height: 43px; align-items: center; justify-content: center; gap: 8px; margin: 0; color: #fff; border: 1px solid #7ac8ff; border-radius: 3px; background: linear-gradient(#1687e7,#0758b9); box-shadow: inset 0 1px #bce9ff80,0 5px 14px #001a4d80; font-size: 14px; font-weight: 800; text-shadow: 0 1px 2px #003470; }
.gate-form button img { width: 19px; height: 19px; }
.gate-form button:hover,.gate-form button:focus-visible { border-color: #d5f1ff; background: linear-gradient(#27a4ff,#0969d5); outline: 3px solid #72cfff45; outline-offset: 2px; }
.discord-join { display: flex; width: 100%; height: 43px; align-items: center; justify-content: center; gap: 7px; margin: 0; color: #fff; border: 1px solid #8e97ff; border-radius: 3px; background: #5865f2d9; box-shadow: inset 0 1px #ffffff40,0 5px 14px #00183d70; font-size: 12px; font-weight: 800; text-decoration: none; }
.discord-join img { width: 17px; height: 17px; }
.discord-join:hover,.discord-join:focus-visible { color: #fff; border-color: #daddff; background: #6d78f7; outline: 3px solid #8e97ff45; outline-offset: 2px; }
.gate-discord-entry { position:absolute; top:18px; left:18px; display:flex; min-width:112px; height:36px; align-items:center; gap:8px; padding:0 10px; color:#fff; border:1px solid #9ba4ff; border-radius:6px; background:#5865f2e8; box-shadow:inset 0 1px #ffffff35,0 5px 14px #00183d52; text-decoration:none; }
.gate-discord-entry img { width:19px; height:19px; }
.gate-discord-entry span { display:grid; gap:0; line-height:1.05; }
.gate-discord-entry b { color:#fff; font-size:10px; }
.gate-discord-entry small { color:#e5e7ff; font-size:8px; font-weight:800; }
.gate-discord-entry:hover,.gate-discord-entry:focus-visible { color:#fff; border-color:#e0e2ff; background:#6975f6; outline:3px solid #8e97ff45; outline-offset:2px; }
.gate-registration-guide { margin:-2px 0 0; color:#bdd4eb; font-size:10px; line-height:1.45; text-align:center; }
.gate-message { margin: 0 0 10px; }

@media (max-width: 720px) {
    .account-game-start { width: 100%; justify-self: stretch; }
    .account-page-layout { display: block; }
    .account-section-nav { position: static; margin-bottom: 16px; }
    .account-section-nav nav { grid-template-columns: 1fr 1fr; }
    .account-section-nav a:nth-child(2n) { border-left: 1px solid #dbe3eb; }
    .member-card-detail { padding: 22px 18px; }
    .member-card-detail .pilot-profile { grid-template-columns: 116px minmax(0,1fr) 54px; }
    .member-card-detail .pilot-avatar { width: 116px; height: 145px; }
    .member-card-detail .pilot-rank { width: 58px; height: 58px; }
    .member-card-detail .pilot-summary { grid-template-columns: 1fr 95px 95px; }
    .mypage-facts { grid-template-columns: 1fr 1fr; }
    .mypage-facts > div:nth-child(2n+1):not(:first-child) { border-left: 0; }
    .mypage-facts > div:nth-child(n+3):not(.mypage-membership) { border-top: 1px solid #d8e1ea; }
    .mypage-facts .mypage-membership{grid-column:1/-1}
    .membership-status{grid-template-columns:1fr}.membership-status>div{padding:0 0 13px;border-right:0;border-bottom:1px solid #d7e1eb}.membership-status dl{grid-template-columns:1fr}.membership-products{grid-template-columns:1fr}
    .owned-planes ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .owned-medals ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .collection-category-tabs{grid-template-columns:1fr 1fr}.collection-dashboard{padding:15px}.collection-dashboard>header>b{font-size:25px}.owned-plane-skins ul{grid-template-columns:1fr 1fr}
    .login-screen { min-height: 790px; padding: 0 12px 22px; }
    .login-art { width: 100%; height: 720px; max-width: none; background-position: center -70px; background-size: cover; }
    .gate-panel { position: absolute; top: 360px; left: 50%; width: min(500px,calc(100% - 24px)); padding: 14px 14px 16px; transform: translate(-50%,-50%); }
    .gate-logo { width: 190px; height: 190px; margin-bottom: 6px; }
    .gate-form { width: min(380px,100%); grid-template-columns: minmax(0,1fr); }
}
@media (min-width: 721px) and (max-width: 980px) {
    .account-page-layout { grid-template-columns: 180px minmax(0,1fr); gap: 18px; }
    .mypage-facts { grid-template-columns: 1fr 1fr; }
    .mypage-facts > div:nth-child(2n+1):not(:first-child) { border-left: 0; }
    .mypage-facts > div:nth-child(n+3):not(.mypage-membership) { border-top: 1px solid #d8e1ea; }
    .mypage-facts .mypage-membership { grid-column: 1/-1; }
    .owned-planes ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) { .account-game-start::after { animation: none; } }
.member-title a,.member-actions>a,.member-actions button{transition:color .16s,border-color .16s,background-color .16s,box-shadow .16s}.member-title a:hover,.member-title a:focus-visible,.member-actions>a:hover,.member-actions>a:focus-visible,.member-actions button:hover,.member-actions button:focus-visible{color:#0867c2;border-color:#1683df;background:#edf6ff;outline:0;box-shadow:0 0 0 2px #1683df24}
.password-change{margin-top:24px;padding-top:20px;border-top:2px solid #293e5b}.password-change.account-standalone{margin-top:18px;padding-top:0;border-top:0}.password-change>header{display:flex;align-items:center;justify-content:space-between}.password-change h3{margin:0;font-size:17px}.password-change header span{color:#0870cf;font-size:9px;font-weight:900;letter-spacing:.12em}.password-change form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.password-change label{display:grid;gap:6px}.password-change label span{color:#536a81;font-size:11px;font-weight:800}.password-change input{width:100%;height:42px;padding:0 11px;border:1px solid #cbd6e1;background:#fafbfc}.password-change input:focus{border-color:#1683df;background:#fff}.password-change p{grid-column:1/-1;margin:0;color:#7d8c9c;font-size:10px}.password-change button{grid-column:1/-1;justify-self:end;min-width:150px}
@media(max-width:760px){.password-change form{grid-template-columns:1fr}}

/* Password fields use a readable single-column flow. */
.password-change form{max-width:520px;grid-template-columns:minmax(0,1fr);gap:14px}
.password-change p,.password-change button{grid-column:auto}
.membership-purchase-body dd.is-shortage,.membership-purchase-body small.is-shortage{color:#d93025;font-weight:800}
.membership-purchase-confirm>header{padding:14px 20px}.membership-purchase-body{gap:12px;padding:16px 20px}.membership-purchase-body dl div{padding:8px 13px}.membership-purchase-confirm>footer{padding:12px 20px}
.membership-usd-price{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;color:#70849a;font-size:10px;line-height:1.45}.membership-usd-price span s{color:#9ba8b5}.membership-usd-price b{padding:2px 5px;border-radius:4px;color:#b14824;background:#fff0e9;font-size:9px}.membership-usd-price b.is-none{color:#748493;background:#eef2f5}.membership-usd-price em{flex-basis:100%;color:#45647f;font-style:normal;font-weight:800}
.cash-history-main>.cash-history-memo{max-width:660px;color:#60758a;font-size:11px;font-weight:700;line-height:1.5;white-space:normal;word-break:break-word}
.store-history+.cash-history{margin-top:22px}.store-history .cash-history-state>em{color:#586f85;font-size:10px;font-style:normal;font-weight:800}.store-history .cash-history-main>strong{font-family:inherit;font-size:15px}.store-history .cash-history-main>small{color:#1473b9}.store-history .cash-history-state>b.is-success{color:#087646;background:#e2f6ec}

/* refine-20260813.css */
/* Final home and hangar layout overrides. */
.page-home .home-portal {
    position: relative;
    z-index: 5;
    margin-top: 0;
    border-top: 1px solid #315673;
    border-bottom: 1px solid #061727;
    background: #102d49;
}
.page-home .home-portal-grid {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
}
.page-home .population-strip {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 68px;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.page-home .population-strip > div,
.page-home .population-strip > a {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    border-right: 1px solid #ffffff1c;
}
.page-home .population-strip > a:hover { background: #173c60; }
.page-home .population-strip span { color: #86b9e5; }
.page-home .population-strip strong { color: #fff; font-size: 20px; }
.page-home .population-strip small { color: #c1d1df; }
.page-home .home-portal .hero-game-start {
    position: relative;
    inset: auto;
    width: 100%;
    height: 68px;
    border: 0;
    justify-content: flex-start;
    gap: 13px;
    padding: 0 25px;
    color: #fff;
    border: 0;
    border-right: 1px solid #ffffff21;
    border-left: 4px solid #f39b18;
    border-radius: 0;
    background: linear-gradient(115deg, #071b32 0, #0c3d68 66%, #126eb5 100%);
    transform: none;
    box-shadow: inset 0 1px #ffffff24, inset 0 -1px #00182d;
}
.page-home .home-portal .hero-game-start::before { inset: 0; border: 0; border-radius: 0; background: linear-gradient(90deg,transparent 70%,#ffffff0d); }
.page-home .home-portal .hero-game-start::after { display: none; }
.page-home .home-portal .hero-game-start img { width: 46px; height: 46px; }
.page-home .home-portal .hero-game-start > span { flex-direction: row; align-items: baseline; gap: 8px; }
.page-home .home-portal .hero-game-start small { color: #8ec9f2; font-size: 8px; letter-spacing: .16em; }
.page-home .home-portal .hero-game-start strong { margin: 0; font-size: 24px; letter-spacing: .03em; }
.page-home .home-portal .hero-game-start:hover,
.page-home .home-portal .hero-game-start:focus-visible {
    outline: 0;
    outline-offset: 0;
    transform: none;
    filter: brightness(1.12);
    background: linear-gradient(115deg,#0a2543,#105184 66%,#1683d4);
}

/* Match the GoldWing logo's gold flash on the main START control. */
.page-home .home-portal .hero-game-start{isolation:isolate;overflow:hidden;transition:filter .18s,box-shadow .18s}
.page-home .home-portal .hero-game-start::after{position:absolute;z-index:3;display:block;top:-45%;bottom:-45%;left:-48%;width:25%;height:auto;background:linear-gradient(105deg,transparent 0,#fff7b000 15%,#fff9c9e8 48%,#ffd13390 62%,transparent 100%);content:"";opacity:0;pointer-events:none;transform:skewX(-20deg);clip-path:none}
.page-home .home-portal .hero-game-start:hover,.page-home .home-portal .hero-game-start:focus-visible{filter:brightness(1.16) saturate(1.2);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00182d,0 0 0 2px #ffe66b,0 0 13px 4px #ffc400a8,0 0 30px 8px #fff3a04d}
.page-home .home-portal .hero-game-start:hover::after,.page-home .home-portal .hero-game-start:focus-visible::after{animation:goldwing-logo-flash .72s ease-out}
@media(prefers-reduced-motion:reduce){.page-home .home-portal .hero-game-start:hover::after,.page-home .home-portal .hero-game-start:focus-visible::after{animation:none}.page-home .home-portal .hero-game-start:hover,.page-home .home-portal .hero-game-start:focus-visible{filter:brightness(1.12)}}
.page-home .home-dashboard { padding: 30px 0 58px; }
.page-home .home-grid { grid-template-columns: 340px minmax(0, 1fr); gap: 20px; align-items: stretch; }
.page-home .home-account-stack { display: flex; flex-direction: column; gap: 14px; }
.page-home .home-account-stack .member-card { order: 0; }
.page-home .home-account-stack .channel-status { order: 1; }
.page-home .notice-board { min-height: 100%; }

@media (min-width: 761px) {
    .header-inner,
    .page-home .header-inner { justify-content: flex-start; }
    .primary-nav { justify-content: flex-start; margin-left: 18px; margin-right: 0; }
}

.aircraft-catalog-toolbar {
    display: block;
    margin-bottom: 20px;
    padding: 0;
    border: 1px solid #d3dce6;
    background: #fff;
}
.aircraft-filter-head {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    min-height: 52px;
    align-items: stretch;
}
.aircraft-filter-head label {
    width: auto;
    border-right: 1px solid #dce3eb;
}
.aircraft-filter-head input {
    height: 100%;
    border: 0;
    padding-inline: 15px;
}
.aircraft-family-tabs { display: flex; padding: 6px; gap: 4px; }
.aircraft-family-tabs button {
    flex: 1;
    min-width: 0;
    padding: 0 11px;
    color: #52677e;
    border: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
}
.aircraft-family-tabs button:hover { color: #086dca; background: #edf5fc; }
.aircraft-family-tabs button.is-active { color: #fff; background: #0d70cf; box-shadow: 0 3px 8px #0a5da62b; }
.aircraft-subfilters { border-top: 1px solid #e1e7ee; background: #f6f8fb; }
.aircraft-subfilters > div {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
}
.aircraft-subfilters > div[hidden] { display: none !important; }
.aircraft-subfilters > span,
.aircraft-subfilters span {
    min-width: 88px;
    padding-left: 4px;
    color: #183653;
    font-size: 11px;
    font-weight: 800;
}
.aircraft-subfilters button {
    min-height: 32px;
    padding: 0 13px;
    color: #516479;
    border: 1px solid #d4dde6;
    background: #fff;
    font-size: 11px;
}
.aircraft-subfilters button:hover,
.aircraft-subfilters button.is-active { color: #fff; border-color: #0d70cf; background: #0d70cf; }

@media (max-width: 760px) {
    .page-home .home-portal-grid { grid-template-columns: 1fr; }
    .page-home .home-portal .hero-game-start { border-top: 0; border-right: 0; border-bottom: 1px solid #ffffff2b; }
    .page-home .home-grid { grid-template-columns: 1fr; }
    .aircraft-filter-head { grid-template-columns: 1fr; }
    .aircraft-filter-head label { height: 44px; border-right: 0; border-bottom: 1px solid #dce3eb; }
    .aircraft-family-tabs { min-height: 52px; overflow-x: auto; }
    .aircraft-family-tabs button { flex: 0 0 auto; min-width: 92px; }
    .aircraft-subfilters > div { overflow-x: auto; }
    .aircraft-subfilters span,
    .aircraft-subfilters button { flex: 0 0 auto; }
}

/* community.css */
.community-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.community-sidebar{position:sticky;top:20px;align-self:start}.community-sidebar,.community-main{border:1px solid #d3dce6;background:#fff}.community-sidebar>strong{display:block;padding:20px;color:#fff;background:#102f50;font-size:20px}.community-sidebar nav{display:grid}.community-sidebar a{display:grid;gap:3px;padding:15px 18px;color:#17324f;border-bottom:1px solid #e0e6ed}.community-sidebar a span{color:#8493a4;font-size:10px;line-height:1.4}.community-sidebar a[aria-current=page]{color:#fff;background:#0e70cf}.community-sidebar a[aria-current=page] span{color:#d7ebff}.community-main{min-height:550px;padding:28px 30px}.community-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:2px solid #14385d}.community-heading h2{font-size:28px}.community-heading p{margin-top:5px;color:#75879b}.community-list-head,.community-list li{display:grid;grid-template-columns:60px minmax(0,1fr) 150px 50px 50px 70px;align-items:center;text-align:center}.community-list-head{height:42px;color:#5e7084;background:#f2f5f8;font-size:11px;font-weight:800}.community-list li{min-height:58px;border-bottom:1px solid #e3e8ee;font-size:12px}.community-list li>a{text-align:left;color:#142d48;font-weight:700}.community-list li>a small{margin-left:5px;color:#0871d3}.community-list time{color:#8796a7}.community-empty{display:block!important;padding:45px;text-align:center!important;color:#8291a1}.community-write{display:grid;gap:13px;margin-top:30px;padding:24px;border-top:2px solid #14385d;background:#f7f9fb}.community-write label{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:10px}.community-write input,.community-write textarea,.comment-section textarea{width:100%;padding:12px;border:1px solid #cbd6e1;background:#fff}.community-write button{justify-self:end}.community-post>header{padding:4px 0 18px;border-bottom:2px solid #14385d}.community-post>header>span{color:#0870cf;font-size:11px;font-weight:800}.community-post h2{margin:6px 0 14px;font-size:27px}.community-post header div{display:flex;gap:14px;color:#8291a1;font-size:11px}.community-post header b{color:#233b55}.community-post-body{min-height:230px;padding:28px 4px;color:#253b53;line-height:1.8}.vote-actions{display:flex;justify-content:center;padding:20px;border-top:1px solid #e0e6ed}.vote-actions form{display:flex;gap:8px}.vote-actions button{min-width:100px;padding:10px;border:1px solid #c9d5e0;background:#fff}.vote-actions button.is-active,.vote-actions button:hover{color:#fff;border-color:#0870cf;background:#0870cf}.comment-section{margin-top:24px;border-top:2px solid #14385d}.comment-section h3{padding:18px 0}.comment-section h3 b{color:#0870cf}.comment-section li{padding:14px 4px;border-top:1px solid #e2e7ed}.comment-section li div{display:flex;gap:10px;font-size:11px}.comment-section li time{color:#8a98a8}.comment-section li p{margin-top:8px;line-height:1.6}.comment-section form{display:grid;grid-template-columns:1fr 105px;gap:8px;margin-top:15px}.community-back{display:inline-flex;margin-top:20px;padding:10px 16px;border:1px solid #c8d3df}
@media(max-width:760px){.community-layout{grid-template-columns:1fr}.community-sidebar{position:static}.community-sidebar nav{grid-template-columns:repeat(2,1fr)}.community-main{padding:20px 14px}.community-list-head{display:none}.community-list li{grid-template-columns:44px 1fr 70px}.community-list li span:nth-of-type(n+3),.community-list li time{display:none}.community-write label{grid-template-columns:1fr}.comment-section form{grid-template-columns:1fr}}
.community-write[hidden]{display:none}.community-sidebar a{display:block}.community-heading>h2{margin:0}.community-write{scroll-margin-top:90px}.community-write>header,.community-write>footer{display:flex;align-items:center;justify-content:space-between}.community-write>header button{width:34px;height:34px;border:0;background:transparent;font-size:26px}.community-write>footer{justify-content:flex-end;gap:8px}.editor-field{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:10px}.editor-shell{min-width:0;border:1px solid #cbd6e1;background:#fff}.editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid #d8e0e8;background:#f3f6f9}.editor-toolbar select,.editor-toolbar button{height:34px;padding:0 10px;border:1px solid #c4d0dc;background:#fff;color:#193552}.rich-editor{min-height:260px;padding:16px;outline:0;line-height:1.75;overflow-wrap:anywhere}.rich-editor:empty:before{content:attr(data-placeholder);color:#96a3b1}.rich-editor:focus{box-shadow:inset 0 0 0 2px #1783df}.editor-drop-hint{margin:0 12px 10px;padding:11px;text-align:center;border:1px dashed #a9bacb;color:#657a90;font-size:12px}.editor-drop-hint.is-active{border-color:#0870cf;background:#eaf5ff;color:#0870cf}.editor-files{display:grid;gap:5px;padding:0 12px 12px}.editor-files li{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#eef3f8;font-size:11px}.editor-files button{border:0;background:transparent;color:#cf3141}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.screenshot-card{min-width:0;border:1px solid #d4dde7;background:#fff}.screenshot-card a{display:grid;color:#17324f}.screenshot-thumb{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:#e7edf3}.screenshot-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.screenshot-card:hover img{transform:scale(1.03)}.screenshot-thumb i{font-size:11px;color:#8898a8}.screenshot-card strong{padding:13px 13px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screenshot-card small{padding:0 13px 13px;color:#8291a1}.post-gallery{display:grid;gap:12px;margin-top:22px}.post-gallery img{display:block;max-width:100%;height:auto;margin:auto}.community-post-body p,.community-post-body div{margin:.65em 0}.community-post-body blockquote{padding:10px 15px;border-left:3px solid #1680dc;background:#f4f7fa}.community-post-body ul,.community-post-body ol{padding-left:24px}.community-post-body ul{list-style:disc}.community-post-body ol{list-style:decimal}
@media(max-width:900px){.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.editor-field{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}.community-heading{gap:12px}.community-heading .button{flex:0 0 auto}}
.community-write-page{margin-top:22px;border-top:0}.community-write select[name=post_tag]{width:100%;height:43px;padding:0 12px;border:1px solid #cbd6e1;background:#fff}.community-post-tag{display:inline-flex;margin-right:8px;padding:3px 6px;color:#fff;background:#146fca;font-size:9px;font-style:normal;vertical-align:1px}.community-post-tag[data-tag=update]{background:#db671c}.community-post-tag[data-tag=maintenance]{background:#7258b9}.community-post-tag[data-tag=event]{background:#17834b}
.community-search{display:flex;gap:7px;margin:18px 0}.community-search-filter{flex:0 0 120px}.community-search-query{flex:1}.community-search select,.community-search input{width:100%;height:42px;padding:0 13px;border:1px solid #cbd6e1;background:#fff;color:#17324f}.community-search button,.community-search a{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:42px;padding:0 14px;border:1px solid #b9c7d5;background:#fff;color:#17324f}.community-search button{color:#fff;border-color:#0870cf;background:#0870cf}.community-delete-form{margin-left:auto!important}.community-delete-form button{padding:0;border:0;background:transparent;color:#d14343;font-size:11px}.comment-section li>div{align-items:center}.comment-section li .community-delete-form{display:block;grid-template-columns:none;gap:0;margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.community-search{flex-wrap:wrap}.community-search-filter{flex:0 0 110px}.community-search-query{flex:1 1 calc(100% - 117px)}.community-search button{flex:1}.community-search a{flex:0 0 auto}}
.screenshot-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px 13px}.screenshot-meta small{min-width:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screenshot-meta>span{display:flex;flex:0 0 auto;gap:8px}.screenshot-meta b{color:#51677e;font-size:10px;font-weight:700}
.screenshot-card strong em{margin-left:4px;color:#0871d3;font-size:11px;font-style:normal}.community-author{display:inline-flex;align-items:center;gap:5px;min-width:0;vertical-align:middle}.community-author .community-author-rank{width:26px;height:16px;object-fit:contain;image-rendering:auto;flex:0 0 auto}.community-author .community-author-avatar{width:28px;height:40px;object-fit:cover;object-position:center top;flex:0 0 auto;border:1px solid #b9c9da;background:#eaf1f8}.community-author>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-list-author{display:flex;align-items:center;justify-content:center;min-width:0}.community-post header .community-author-rank,.comment-section .community-author-rank{width:30px;height:18px}.community-post header .community-author-avatar,.comment-section .community-author-avatar{width:32px;height:46px}.screenshot-meta .community-author-rank{width:24px;height:15px}

/* Match the proven game-info sticky sidebar and add keyboard/mouse focus feedback. */
.community-sidebar{position:sticky;top:126px;align-self:start;height:max-content}
.community-sidebar a{transition:color .16s,background-color .16s,box-shadow .16s}
.community-sidebar a:hover,.community-sidebar a:focus-visible{color:#0867c2;background:#edf6ff;box-shadow:inset 4px 0 #1683df;outline:0}
.community-sidebar a[aria-current=page]{box-shadow:inset 4px 0 #ff9d20}
.community-sidebar a[aria-current=page]:hover,.community-sidebar a[aria-current=page]:focus-visible{color:#fff;background:#0b62b8}
.community-list li{transition:background-color .16s,box-shadow .16s}
.community-list li:not(.community-empty):hover,.community-list li:not(.community-empty):focus-within{background:#edf6ff;box-shadow:inset 4px 0 #1683df}
.community-list li>a:focus-visible{color:#0867c2;outline:0;text-decoration:underline}
.community-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:26px}.community-pagination a,.community-pagination span{display:grid;min-width:36px;height:36px;padding:0 10px;place-items:center;border:1px solid #cbd7e3;color:#31506e;background:#fff;font-size:12px;font-weight:800}.community-pagination a:hover,.community-pagination a:focus-visible,.community-pagination a[aria-current=page]{color:#fff;border-color:#0870cf;background:#0870cf;outline:0}.community-pagination span{color:#a7b2bd;background:#f4f6f8}
.screenshot-card{transition:border-color .16s,box-shadow .16s,transform .16s}
.screenshot-card:hover,.screenshot-card:focus-within{border-color:#1683df;box-shadow:0 8px 20px #0a5da31c;transform:translateY(-2px)}
.screenshot-card a:focus-visible{outline:0}
.screenshot-card:focus-within img{transform:scale(1.03)}
@media(max-width:760px){.community-sidebar{position:static}}
.post-new{display:inline-flex;margin-left:5px;padding:1px 4px;color:#fff;background:#ff4f23;font:900 8px Arial,sans-serif;font-style:normal;vertical-align:1px}.community-author.is-admin>span{color:#e35b13;font-weight:900;letter-spacing:.02em}

[data-author-menu]{position:relative;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}
[data-author-menu]:hover,[data-author-menu]:focus-visible,[data-author-menu][aria-expanded=true]{border-color:#58a9ec;background:#dff0ff;box-shadow:0 0 0 3px #dff0ff;outline:0;transform:translateY(-1px)}
[data-author-menu]::after{position:absolute;bottom:calc(100% + 7px);left:50%;z-index:40;padding:5px 7px;border-radius:4px;color:#fff;background:#0d3153;box-shadow:0 5px 14px #071b2f38;content:attr(data-author-hint);font-size:9px;font-style:normal;font-weight:800;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .15s,transform .15s;white-space:nowrap}
[data-author-menu]:hover::after,[data-author-menu]:focus-visible::after,[data-author-menu][aria-expanded=true]::after{opacity:1;transform:translate(-50%,0)}
.author-action-menu{position:fixed;z-index:1300;display:grid;width:156px;padding:6px;border:1px solid #b9c9da;border-radius:8px;background:#fff;box-shadow:0 12px 34px #0b254044}
.author-action-menu[hidden]{display:none}
.author-action-menu a,.author-action-menu button{display:flex;width:100%;min-height:38px;align-items:center;padding:0 12px;border:0;border-radius:5px;color:#173a58;background:transparent;font-family:inherit;font-size:12px;font-weight:800;line-height:1.3;text-align:left;cursor:pointer}
.author-action-menu a:before,.author-action-menu button:before{width:22px;color:#1477ca;font-size:14px}.author-action-menu button:before{content:"▣"}.author-action-menu a:before{content:"✉"}
.author-action-menu a:hover,.author-action-menu a:focus-visible,.author-action-menu button:hover,.author-action-menu button:focus-visible{color:#0867bd;background:#eaf5ff;outline:0}

.pilot-mini-modal{width:min(520px,calc(100% - 24px));max-width:none;max-height:90vh;padding:0;overflow:auto;border:0;border-radius:14px;color:#17324f;background:#f4f8fc;box-shadow:0 26px 70px #00182d66}
.pilot-mini-modal::backdrop{background:#06172fb8;backdrop-filter:blur(3px)}
.pilot-mini-shell{overflow:hidden;border:1px solid #b8cadb;border-radius:14px;background:#f4f8fc}
.pilot-mini-head{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 20px;color:#fff;background:#0e2e50}
.pilot-mini-head>div{display:flex;align-items:center;gap:10px}.pilot-mini-head b{color:#55baff;font-size:11px;letter-spacing:.18em}.pilot-mini-head span{padding-left:10px;border-left:1px solid #ffffff3b;font-size:12px;font-weight:800}
.pilot-mini-head button{width:36px;height:36px;border:0;border-radius:50%;color:#dcecff;background:#ffffff0f;font-size:25px;cursor:pointer}.pilot-mini-head button:hover,.pilot-mini-head button:focus-visible{color:#fff;background:#ffffff26;outline:2px solid #58baff}
.pilot-mini-cover{display:flex;height:105px;align-items:flex-end;padding:0 22px 16px;color:#cdeaff;background:radial-gradient(circle at 76% 30%,#7ad2ff66 0 8%,transparent 9%),linear-gradient(135deg,#1268aa,#194978 52%,#0d3156);font:800 9px/1 Arial,sans-serif;letter-spacing:.2em}
.pilot-mini-identity{display:flex;min-height:88px;align-items:center;gap:15px;padding:0 22px 8px;background:#fff}
.pilot-mini-avatar{display:grid;width:76px;height:76px;margin-top:-35px;flex:0 0 76px;place-items:center;overflow:hidden;border:4px solid #fff;border-radius:10px;color:#fff;background:#197ac7;box-shadow:0 4px 16px #08284633;font-size:28px;font-weight:900}
.pilot-mini-avatar-image{width:100%;height:100%;object-fit:contain;object-position:center bottom;background:#eaf2f8}.pilot-mini-avatar-image.is-fallback{display:grid;place-items:center}
.pilot-mini-name{min-width:0;flex:1}.pilot-mini-name>div{display:flex;align-items:center;gap:7px}.pilot-mini-name h2{min-width:0;overflow:hidden;color:#102d4a;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.pilot-mini-name em,.pilot-mini-name i{display:inline-flex;padding:4px 6px;border-radius:4px;font:900 8px/1 Arial,sans-serif;font-style:normal;letter-spacing:.05em}.pilot-mini-name em{color:#a83d15;background:#ffe8dc}.pilot-mini-name i.is-online{color:#057a4c;background:#dbf8eb}.pilot-mini-name i.is-offline{color:#778697;background:#edf1f5}.pilot-mini-name p{margin-top:6px;color:#718399;font-size:11px}
.pilot-mini-affiliation{display:flex;gap:10px;padding:12px 22px;border-top:1px solid #e1e8ef;border-bottom:1px solid #d4e0ea;background:#fff}.pilot-mini-affiliation>span{display:flex;min-width:0;flex:1;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d9e4ed;border-radius:7px;background:#f7fafc}.pilot-mini-affiliation b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pilot-mini-affiliation-icon{width:34px;height:24px;flex:0 0 34px;object-fit:contain}
.pilot-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 22px 10px}.pilot-mini-stat{display:flex;min-height:68px;align-items:center;gap:11px;padding:11px;border:1px solid #d4e1ec;border-radius:8px;background:#fff}.pilot-mini-stat-icon{width:54px;height:38px;flex:0 0 54px;object-fit:contain}.pilot-mini-stat>div{min-width:0}.pilot-mini-stat span{display:block;margin-bottom:5px;color:#7d8c9d;font-size:9px}.pilot-mini-stat strong{display:block;overflow:hidden;color:#153651;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.pilot-mini-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 22px 18px;padding:14px 0;border-top:1px solid #d5e0ea;border-bottom:1px solid #d5e0ea}.pilot-mini-fact{min-width:0;padding:0 12px;border-left:1px solid #dce5ed}.pilot-mini-fact:first-child{border-left:0}.pilot-mini-fact dt{margin-bottom:6px;color:#8392a2;font-size:9px}.pilot-mini-fact dd{overflow:hidden;color:#264864;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.pilot-mini-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 22px 20px}.pilot-mini-footer .button{min-height:39px;padding:0 17px}
.pilot-mini-state{display:grid;min-height:260px;place-items:center;padding:35px;color:#637990;font-size:13px;font-weight:800;text-align:center}.pilot-mini-state:before{display:block;width:34px;height:34px;margin:0 auto 14px;border:4px solid #c7d9e8;border-top-color:#1683df;border-radius:50%;content:"";animation:pilot-mini-spin .8s linear infinite}.pilot-mini-state.is-error{color:#b34131}.pilot-mini-state.is-error:before{display:grid;place-items:center;border:0;color:#fff;background:#cf4b3c;content:"!";animation:none}
@keyframes pilot-mini-spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.pilot-mini-cover{height:82px}.pilot-mini-identity{padding-inline:15px}.pilot-mini-affiliation,.pilot-mini-stats{padding-inline:15px}.pilot-mini-facts{grid-template-columns:1fr;margin-inline:15px}.pilot-mini-fact{display:grid;grid-template-columns:90px 1fr;padding:7px 5px;border-top:1px solid #e1e8ee;border-left:0}.pilot-mini-fact:first-child{border-top:0}.pilot-mini-fact dt{margin:0}.pilot-mini-footer{padding-inline:15px}.pilot-mini-stat-icon{width:42px;flex-basis:42px}.pilot-mini-stat strong{font-size:11px}}

/* Pilot mini-home v2: one strong portrait area without duplicated rank/guild cards. */
.pilot-mini-modal{width:min(610px,calc(100% - 24px));background:#edf4f9}
.pilot-mini-shell{background:#edf4f9}
.pilot-mini-hero{position:relative;overflow:hidden;padding:22px 25px 25px;color:#fff;background:radial-gradient(circle at 85% 8%,#53b8ec5c 0 9%,transparent 9.5%),linear-gradient(135deg,#0c609b 0,#123c68 58%,#092a4c 100%)}
.pilot-mini-hero:before{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:34px 34px;content:"";mask-image:linear-gradient(to bottom,#0008,transparent)}
.pilot-mini-eyebrow{position:relative;margin:0 0 14px;color:#8ed8ff;font:900 9px/1 Arial,sans-serif;letter-spacing:.23em}
.pilot-mini-hero-body{position:relative;display:grid;grid-template-columns:158px minmax(0,1fr);gap:22px;align-items:center}
.pilot-mini-portrait{min-width:0;text-align:center}
.pilot-mini-portrait-frame{display:grid;width:158px;height:176px;place-items:end center;overflow:hidden;border:4px solid #fff;border-radius:12px;color:#fff;background:radial-gradient(circle at 50% 28%,#3478ae,#0a315b 62%,#061d3a);box-shadow:0 10px 26px #001a3466;font-size:38px;font-weight:900}
.pilot-mini-portrait-image{display:block;width:auto;height:96%;max-width:96%;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #00152c88)}
.pilot-mini-portrait-image.is-fallback{display:grid;place-items:center}
.pilot-mini-portrait small{display:block;overflow:hidden;margin:9px auto 0;color:#c8e7f8;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.pilot-mini-profile{min-width:0}
.pilot-mini-status-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#81cdf7;font:900 9px/1 Arial,sans-serif;letter-spacing:.18em}
.pilot-mini-status-line i{display:inline-flex;padding:5px 7px;border-radius:4px;font-size:8px;font-style:normal;letter-spacing:.07em}.pilot-mini-status-line i.is-online{color:#064d36;background:#6af0ba}.pilot-mini-status-line i.is-offline{color:#d9e4ed;background:#ffffff1f}
.pilot-mini-profile>div:nth-of-type(2){display:flex;align-items:center;gap:8px}.pilot-mini-profile h2{min-width:0;overflow:hidden;color:#fff;font-size:27px;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.pilot-mini-profile em{display:inline-flex;padding:5px 7px;border-radius:4px;color:#8c3514;background:#ffdfce;font:900 8px/1 Arial,sans-serif;font-style:normal}
.pilot-mini-profile em.is-staff-kr{color:#fff;background:#1685d1}.pilot-mini-profile em.is-staff-jp{color:#fff;background:#ca426e}
.pilot-mini-login-id{margin:6px 0 15px;color:#b8d4e6;font-size:11px}
.pilot-mini-identity-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pilot-mini-identity-cards article{display:flex;min-width:0;align-items:center;gap:8px;padding:9px 10px;border:1px solid #ffffff21;border-radius:7px;background:#061d3447}
.pilot-mini-identity-icon{width:34px;height:25px;flex:0 0 34px;object-fit:contain}.pilot-mini-identity-cards article>div{min-width:0}.pilot-mini-identity-cards span{display:block;margin-bottom:4px;color:#8eb8d3;font-size:8px}.pilot-mini-identity-cards b{display:block;overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.pilot-mini-hangar{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(145px,.65fr);gap:12px;padding:18px 22px 10px}
.pilot-mini-aircraft-card{min-width:0;padding:13px 16px;border:1px solid #cadbe8;border-radius:10px;background:linear-gradient(135deg,#fff,#f3f8fc);box-shadow:0 5px 14px #1439540c}.pilot-mini-aircraft-card>span{color:#1681d2;font:900 8px/1 Arial,sans-serif;letter-spacing:.18em}.pilot-mini-aircraft-card>div{display:flex;min-height:82px;align-items:center;gap:16px}.pilot-mini-aircraft-image{width:128px;height:76px;flex:0 0 128px;object-fit:contain}.pilot-mini-aircraft-card small{display:block;margin-bottom:6px;color:#8091a2;font-size:9px}.pilot-mini-aircraft-card strong{display:block;overflow:hidden;color:#153854;font-size:20px;text-overflow:ellipsis;white-space:nowrap}
.pilot-mini-counters{display:grid;gap:10px}.pilot-mini-counters article{display:flex;min-height:61px;align-items:center;justify-content:space-between;padding:10px 13px;border:1px solid #cadbe8;border-radius:10px;background:#fff}.pilot-mini-counters span{color:#7d8e9f;font-size:9px}.pilot-mini-counters strong{color:#0d609d;font-size:18px}
.pilot-mini-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2px 22px 16px;padding:14px 0;border-top:1px solid #ccdbe6;border-bottom:1px solid #ccdbe6}.pilot-mini-records .pilot-mini-fact{min-width:0;padding:0 14px;border-left:1px solid #d3e0e9}.pilot-mini-records .pilot-mini-fact:first-child{border-left:0}.pilot-mini-records dt{margin-bottom:7px;color:#7c8e9f;font-size:9px}.pilot-mini-records dd{overflow:hidden;color:#173e5c;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.pilot-mini-footer{padding:0 22px 20px}.pilot-mini-footer .button-primary{background:#0c75c8}
@media(max-width:560px){.pilot-mini-hero{padding:19px 16px 20px}.pilot-mini-hero-body{grid-template-columns:118px minmax(0,1fr);gap:14px}.pilot-mini-portrait-frame{width:118px;height:140px}.pilot-mini-profile h2{font-size:21px}.pilot-mini-identity-cards{grid-template-columns:1fr}.pilot-mini-identity-cards article{padding:7px 8px}.pilot-mini-hangar{grid-template-columns:1fr;padding-inline:15px}.pilot-mini-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-mini-aircraft-image{width:110px;flex-basis:110px}.pilot-mini-records{grid-template-columns:1fr;margin-inline:15px}.pilot-mini-records .pilot-mini-fact{display:grid;grid-template-columns:92px minmax(0,1fr);padding:8px 5px;border-top:1px solid #d8e3eb;border-left:0}.pilot-mini-records .pilot-mini-fact:first-child{border-top:0}.pilot-mini-records dt{margin:0}.pilot-mini-footer{padding-inline:15px}}

/* One compact author identity: avatar -> nickname -> rank. */
.community-author{gap:5px;max-width:100%;line-height:1}
.community-author .community-author-avatar{order:1;width:24px;height:28px;border-radius:2px;object-fit:contain;object-position:center bottom;background:#f1f5f9}
.community-author .community-author-name{order:2;flex:0 1 auto;min-width:6.2em;max-width:9em;overflow:hidden;color:#263e58;font-size:12px;font-style:normal;font-weight:800;line-height:1.25;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.community-author .community-author-rank{order:3;width:30px;height:20px}
.community-author.is-admin .community-author-name{color:#d95912}
.community-list-author{justify-content:flex-start;padding-left:8px;overflow:visible}
.community-post header .community-author-avatar,.comment-section .community-author-avatar{width:28px;height:32px}
.community-post header .community-author-rank,.comment-section .community-author-rank{width:34px;height:22px}
.community-post header .community-author-name,.comment-section .community-author-name{font-size:13px}
.screenshot-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"author stats" "date stats";gap:3px 8px;align-items:center}
.screenshot-author{grid-area:author;min-width:0}
.screenshot-meta time{grid-area:date;color:#8b99a8;font-size:9px}
.screenshot-stats{grid-area:stats}
.screenshot-meta .community-author-rank{width:28px;height:18px}
.screenshot-meta .community-author-avatar{width:22px;height:26px}
.screenshot-meta .community-author-name{min-width:6.2em;max-width:7.5em;font-size:11px}

/* Unified icon metrics and a calmer author/meta hierarchy. */
.community-metric{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0;color:#5c7186;font:700 10px/1 Arial,sans-serif;white-space:nowrap}
.community-metric b{color:inherit!important;font:inherit!important}
.metric-icon{display:inline-block;width:13px;height:13px;flex:0 0 13px;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.metric-up{color:#1971b8}.metric-down{color:#7a8998}.metric-view{color:#536a80}
.metric-up .metric-icon{-webkit-mask-image:url("../icons/thumb-up.svg");mask-image:url("../icons/thumb-up.svg")}
.metric-down .metric-icon{background:#d62525;-webkit-mask-image:url("../icons/thumb-down.svg");mask-image:url("../icons/thumb-down.svg")}
.metric-view .metric-icon{-webkit-mask-image:url("../icons/eye.svg");mask-image:url("../icons/eye.svg")}

.community-list-head,.community-list li{grid-template-columns:50px minmax(0,1fr) 165px 64px 46px 76px}
.community-list-reactions,.community-list-views{display:flex;align-items:center;justify-content:center;gap:6px}
.community-list-reactions .community-metric{gap:2px}

.screenshot-meta{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"author stats" "date stats";padding-top:2px}
.screenshot-stats{display:flex!important;align-items:center;justify-content:flex-end;gap:7px}
.screenshot-stats .community-metric{gap:2px}

.community-post h2{margin-bottom:12px}
.community-post header .community-post-meta{display:flex;align-items:center;gap:14px;min-height:46px;padding:7px 10px;border:1px solid #dce5ed;background:#f6f8fb}
.community-post-author{display:flex;align-items:center;min-width:0}
.community-post-facts{display:flex;align-items:center;gap:12px;margin-left:auto;color:#7b8b9b}
.community-post-facts time{padding-right:12px;border-right:1px solid #d8e1e9}
.community-post-meta .community-delete-form{margin-left:0!important;padding-left:12px;border-left:1px solid #d8e1e9}
.community-post-meta .community-author-name{font-size:12px}
.community-author .community-author-avatar{position:relative;display:block;width:34px;height:38px;overflow:hidden;font-style:normal;image-rendering:auto}
.community-post-meta .community-author-avatar{width:42px!important;height:48px!important}
.community-author .community-author-avatar>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(2.18);transform-origin:50% 14%;image-rendering:auto}

.vote-actions button{display:grid;place-items:center;width:54px;min-width:54px;height:46px;padding:0;border-radius:2px}
.vote-actions button:first-of-type{color:#1971b8}.vote-actions button:last-of-type{color:#6f7f8e}
.vote-actions button .community-metric{color:inherit;font-size:12px}
.vote-actions button .metric-icon{width:17px;height:17px;flex-basis:17px}
.vote-actions button.is-active,.vote-actions button:hover{color:#fff}

@media(max-width:760px){.community-post header .community-post-meta{flex-wrap:wrap}.community-post-facts{margin-left:0}.community-post-meta .community-delete-form{margin-left:auto!important}.community-list-head,.community-list li{grid-template-columns:44px 1fr 82px}}

.editor-inline-image-preview{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:12px 0;padding:10px;border:1px solid #b9ccdd;background:#f4f8fb;cursor:default}
.editor-inline-image-preview img{display:block;max-width:min(100%,640px);max-height:420px;object-fit:contain;background:#e7edf3}
.editor-inline-image-preview small{max-width:100%;overflow:hidden;color:#5e7185;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.editor-files li>span:last-child{display:flex;align-items:center;gap:5px}
.editor-files button:disabled{color:#17834b;cursor:default}
.post-inline-image{display:block;max-width:100%;height:auto;margin:18px auto}
.editor-toolbar button{display:inline-flex;align-items:center;justify-content:center}.editor-toolbar .editor-format-button,.editor-toolbar .editor-align-button{width:36px;padding:0}.editor-toolbar button:hover,.editor-toolbar button:focus-visible,.editor-toolbar .editor-align-button.is-active{color:#0867c2;border-color:#1683df;background:#eaf5ff;outline:2px solid #80c7ff;outline-offset:1px}.editor-align-icon{display:flex;width:16px;height:14px;flex-direction:column;justify-content:space-between}.editor-align-icon i{display:block;height:2px;border-radius:1px;background:currentColor}.editor-align-icon i:nth-child(2),.editor-align-icon i:nth-child(4){width:11px}.editor-align-icon.is-left i{align-self:flex-start}.editor-align-icon.is-center i{align-self:center}.editor-align-icon.is-right i{align-self:flex-end}.editor-color-control{--editor-selected-color:#17324f;position:relative;display:inline-flex;width:38px;height:34px;align-items:center;justify-content:center;color:#17324f;border:1px solid #c4d0dc;background:#fff;cursor:pointer}.editor-color-control:hover,.editor-color-control:focus-within{color:#0867c2;border-color:#1683df;background:#eaf5ff;outline:2px solid #80c7ff;outline-offset:1px}.editor-color-control>span{position:relative;font:bold 16px/1 Arial,sans-serif}.editor-color-control>span:after{position:absolute;right:-2px;bottom:-5px;left:-2px;height:3px;background:var(--editor-selected-color);content:""}.editor-color-control input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.editor-media-button{white-space:nowrap}
.youtube-embed{width:min(100%,760px);aspect-ratio:16/9;margin:18px auto}
.youtube-embed iframe{display:block;width:100%;height:100%;border:0}
.comment-section>form{grid-template-columns:minmax(0,1fr) 118px}
.comment-section>form>.button{min-width:118px;padding-inline:14px;white-space:nowrap;word-break:keep-all}
@media(max-width:760px){.comment-section>form{grid-template-columns:1fr}.comment-section>form>.button{justify-self:end}}
.community-admin-tools{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px 12px;border:1px solid #f0c4b7;background:#fff8f5}.community-admin-tools>strong{flex:0 0 auto;color:#b64120;font-size:12px}.community-admin-tools form{display:flex;align-items:center;gap:7px;margin:0}.community-admin-tools select{height:36px;min-width:150px;padding:0 30px 0 10px;border:1px solid #cbd6e1;background:#fff;color:#17324f}.community-admin-tools .button{min-height:36px;padding:0 13px;white-space:nowrap}.community-admin-tools .community-admin-delete{color:#fff;border-color:#d9482b;background:#d9482b}
@media(max-width:760px){.community-admin-tools{align-items:stretch;flex-direction:column}.community-admin-tools form{width:100%}.community-admin-tools label{flex:1}.community-admin-tools select{width:100%}}
.community-list li.is-pinned{background:#fff8f4}.community-list li.is-pinned>a,.community-post h2.is-pinned{color:#d62525}.notice-board li.is-pinned>a{background:#fff8f4}.notice-board li.is-pinned>a>span{color:#d62525;font-weight:900}.community-admin-tools .community-admin-pin{color:#fff;border-color:#c28a00;background:#c28a00}

/* Nested threaded comments with explicit reply targets and per-account votes. */
.comment-section>ul{margin:0;padding:0;list-style:none}
.comment-section>ul>li{position:relative;padding:16px 10px}
.comment-section>ul>li.is-reply{margin-left:28px;padding-left:22px;border-left:3px solid #d8e5f1;background:#f8fbfe}
.comment-section>ul>li.comment-depth-2,.comment-section>ul>li.comment-depth-3,.comment-section>ul>li.comment-depth-4,.comment-section>ul>li.comment-depth-5,.comment-section>ul>li.comment-depth-6{margin-left:44px}
.comment-reply-mark{position:absolute;top:17px;left:-2px;color:#6c8aa7;font-size:18px;font-style:normal}
.comment-head{display:flex!important;align-items:center;gap:12px!important;min-height:34px}
.comment-reply-target{color:#0870cf;font-size:11px;font-weight:800;white-space:nowrap}
.comment-reply-target:hover,.comment-reply-target:focus-visible{color:#d45a20;text-decoration:underline;outline:2px solid #1683df;outline-offset:2px}
.comment-head time{margin-left:auto;color:#8796a7}
.comment-head .community-delete-form{display:block!important;margin:0!important}
.comment-head .community-delete-form button{padding:4px 7px;color:#c43b2e;border:1px solid #edc8c3;background:#fff}
.comment-section>ul>li>p{margin:10px 0 8px;padding-left:2px;color:#283f57;line-height:1.65}
.comment-section>ul>li.is-deleted>p{color:#8a98a8;font-style:italic}
.comment-deleted-author{color:#8a98a8}
.comment-actions{display:flex!important;align-items:flex-start;gap:12px!important}
.comment-vote-form{display:flex!important;grid-template-columns:none!important;gap:5px!important;margin:0!important}
.comment-vote-form button{display:grid;place-items:center;width:44px;height:32px;padding:0;border:1px solid #ccd7e2;background:#fff}
.comment-vote-form button .community-metric{font-size:11px}
.comment-vote-form button.is-active:first-of-type{border-color:#1971b8;background:#e7f3ff}
.comment-vote-form button.is-active:last-of-type{border-color:#d62525;background:#fff0f0}
.comment-reply{flex:1;min-width:0}
.comment-reply summary{display:inline-flex;align-items:center;height:32px;padding:0 10px;color:#42627f;border:1px solid #ccd7e2;background:#fff;cursor:pointer;font-size:11px;font-weight:800;list-style:none}
.comment-reply summary::-webkit-details-marker{display:none}
.comment-reply[open] summary{color:#0867c2;border-color:#9fc5e7;background:#eef7ff}
.comment-reply summary:hover,.comment-reply summary:focus-visible{color:#0867c2;border-color:#1683df;outline:3px solid #1683df;outline-offset:2px}
.comment-vote-form button:hover,.comment-vote-form button:focus-visible{border-color:#1683df;outline:3px solid #1683df;outline-offset:2px}
.comment-write-form{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:8px!important;margin-top:14px!important}
.comment-write-form textarea{min-height:72px;resize:vertical}
.comment-write-form>.button{min-width:118px;padding-inline:14px;white-space:nowrap;word-break:keep-all}
.comment-reply .comment-write-form{margin:8px 0 0!important;padding:10px;background:#eef4f9}
@media(max-width:760px){.comment-section>ul>li.is-reply{margin-left:14px}.comment-section>ul>li.comment-depth-2,.comment-section>ul>li.comment-depth-3,.comment-section>ul>li.comment-depth-4,.comment-section>ul>li.comment-depth-5,.comment-section>ul>li.comment-depth-6{margin-left:22px}.comment-head{flex-wrap:wrap}.comment-head time{margin-left:0}.comment-actions{flex-direction:column}.comment-reply{width:100%}.comment-write-form{grid-template-columns:1fr!important}.comment-write-form>.button{justify-self:end}}
.community-edited-time{color:#0870cf;font-size:10px;font-weight:700;white-space:nowrap}.community-edit-link{padding-left:12px;color:#0870cf;border-left:1px solid #d8e1e9;font-size:11px;font-weight:800}.community-edit-link:hover,.community-edit-link:focus-visible{color:#d45a20;text-decoration:underline;outline:2px solid #1683df;outline-offset:2px}.rich-editor .editor-existing-image{display:block;max-width:100%;height:auto;margin:10px auto}.comment-edit summary{display:inline-flex;align-items:center;height:32px;padding:0 10px;color:#42627f;border:1px solid #ccd7e2;background:#fff;cursor:pointer;font-size:11px;font-weight:800;list-style:none}.comment-edit summary::-webkit-details-marker{display:none}.comment-edit summary:hover,.comment-edit summary:focus-visible,.comment-edit[open] summary{color:#0867c2;border-color:#1683df;background:#eef7ff;outline:2px solid #1683df;outline-offset:1px}.comment-edit[open]{flex:1 0 100%;order:3}.comment-edit .comment-edit-form{margin:8px 0 0!important;padding:10px;background:#eef4f9}.comment-edit-form textarea{grid-column:1}.comment-edit-form .mention-help{grid-column:1/-1}@media(max-width:760px){.community-post-facts{flex-wrap:wrap}.community-edit-link{margin-left:auto}.comment-edit{width:100%}}

.community-translate-link{display:inline-flex;align-items:center;min-height:30px;margin-left:auto;padding:0 11px;color:#fff;border:1px solid #0870cf;border-radius:4px;background:#0870cf;font-size:11px;font-weight:800;white-space:nowrap}.community-translate-link:hover,.community-translate-link:focus-visible{border-color:#075ca8;background:#075ca8;outline:2px solid #66b8ff;outline-offset:2px}.browser-translation-page{min-width:320px;background:#edf2f7}.browser-translation-page #content{min-height:100vh}.browser-translation-reader{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:30px 0 60px}.browser-translation-toolbar{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:24px;padding:17px 22px;color:#eaf5ff;border:1px solid #2a5f8e;background:#0c3155;box-shadow:0 10px 28px #0b254033}.browser-translation-toolbar .archive-logo{width:132px;height:58px}.browser-translation-toolbar strong{font-size:20px}.browser-translation-toolbar p{margin-top:5px;color:#b9cee2;font-size:12px;line-height:1.6}.browser-translation-toolbar nav{display:flex;align-items:center;gap:6px;white-space:nowrap}.browser-translation-toolbar nav span{margin-right:2px;color:#b9cee2;font-size:11px;font-weight:800}.browser-translation-toolbar nav a{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 11px;color:#eaf5ff;border:1px solid #4c7397;border-radius:4px;font-size:11px;font-weight:800}.browser-translation-toolbar nav a[aria-current=page]{color:#092847;border-color:#fff;background:#fff}.browser-translation-toolbar nav .translation-reader-close{margin-left:7px;color:#fff;border-color:#1788e3;background:#0870cf}.browser-translation-post{margin-top:18px;padding:38px 44px 48px;border:1px solid #cfdae5;background:#fff;box-shadow:0 12px 34px #17334f17}.browser-translation-post>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;color:#7b8da0;border-bottom:1px solid #dbe3eb;font-size:11px}.browser-translation-post>header>span{color:#0870cf;font-weight:900}.browser-translation-post>header>div{display:flex;align-items:center;gap:13px}.browser-translation-post h1{margin:28px 0 10px;color:#102f50;font-size:30px;line-height:1.35;overflow-wrap:anywhere}.browser-translation-post .community-post-body{min-height:260px;padding:30px 0 0;font-size:15px;line-height:1.9}.browser-translation-post .post-gallery{margin:24px 0 0}.browser-translation-post .community-author-name{max-width:180px}@media(max-width:820px){.browser-translation-toolbar{grid-template-columns:105px 1fr}.browser-translation-toolbar .archive-logo{width:100px;height:44px}.browser-translation-toolbar nav{grid-column:1/-1;flex-wrap:wrap}.browser-translation-post{padding:28px 25px 38px}}@media(max-width:520px){.browser-translation-reader{width:calc(100% - 18px);padding-top:9px}.browser-translation-toolbar{display:flex;flex-wrap:wrap;gap:13px;padding:15px}.browser-translation-toolbar .archive-logo{width:92px;height:40px}.browser-translation-toolbar>div{flex:1;min-width:180px}.browser-translation-toolbar nav{width:100%}.browser-translation-toolbar nav .translation-reader-close{margin-left:auto}.browser-translation-post{margin-top:9px;padding:23px 17px 30px}.browser-translation-post>header{align-items:flex-start;gap:10px}.browser-translation-post h1{margin-top:22px;font-size:24px}.browser-translation-post .community-post-body{padding-top:22px;font-size:14px}}
.community-list-slot{min-height:58px!important;padding:0!important;visibility:hidden}.community-list-slot.community-empty{display:flex!important;align-items:center;justify-content:center;visibility:visible}.screenshot-grid{position:relative;grid-auto-rows:1fr}.screenshot-card-slot{display:grid;visibility:hidden}.screenshot-card-slot>.screenshot-thumb{aspect-ratio:16/10}.screenshot-card-slot>strong{min-height:35px}.screenshot-card-slot>.screenshot-meta{min-height:55px}.screenshot-grid>.community-empty{position:absolute;inset:0;display:flex!important;align-items:center;justify-content:center;margin:0;padding:0}
.rt-align-left{text-align:left}.rt-align-center{text-align:center}.rt-align-right{text-align:right}
.community-author.is-staff-kr .community-author-name{color:#0875c7;font-weight:900}.community-author.is-staff-jp .community-author-name{color:#bd3763;font-weight:900}.community-author-role{flex:0 0 auto;padding:2px 4px;border-radius:3px;color:#fff;background:#61758a;font:900 7px/1.2 Arial,sans-serif;letter-spacing:.02em;white-space:nowrap}.community-author.is-staff-kr .community-author-role{background:#1685d1}.community-author.is-staff-jp .community-author-role{background:#ca426e}

/* Keep dense author/reaction cells and editor controls from painting into neighbours. */
@media(min-width:761px){.community-list-head,.community-list li{grid-template-columns:50px minmax(0,1fr) 200px 76px 46px 76px}.community-list-author{box-sizing:border-box;padding-right:14px;overflow:hidden}.community-list-reactions{box-sizing:border-box;padding-left:8px;border-left:1px solid #e1e7ed}}
.community-write .editor-toolbar{align-items:center}
.community-write .editor-color-control{display:inline-flex;grid-template-columns:none;gap:0;align-items:center;justify-content:center;flex:0 0 38px}
.community-write .editor-color-control>span{width:auto;align-self:auto;justify-self:auto}
.community-write .editor-color-control input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0}
.community-write .editor-media-button{flex:0 0 auto}

/* One language at a time; keep its title, toolbar and body together. */
.community-write-notice>label{grid-template-columns:1fr;gap:7px;max-width:260px}
.notice-language-switcher{min-width:0;border:1px solid #cbd6e1;background:#fff}
.notice-composer{min-width:0}
.notice-editor-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#f3f6f9;border-bottom:1px solid #cbd6e1}
.community-write .notice-editor-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;justify-self:stretch;min-height:52px;padding:12px;border:0;border-bottom:3px solid transparent;background:transparent;color:#62788e;font-size:15px;cursor:pointer}
.notice-editor-tabs button+button{border-left:1px solid #d8e0e8}
.community-write .notice-editor-tabs button[aria-selected=true]{border-bottom-color:#0874cf;background:#fff;color:#12395e;font-weight:700}
.notice-editor-tabs button:focus-visible{outline:2px solid #0874cf;outline-offset:-5px}
.notice-editor-tabs small{font-size:11px;font-weight:400;white-space:nowrap;color:#637991}
.notice-editor-hint{margin:0;padding:12px 16px;color:#62788e;font-size:12px;line-height:1.6}
.community-write .notice-title-field{display:grid;grid-template-columns:1fr;gap:7px;padding:0 0 18px}
.notice-title-field>span{font-size:13px;font-weight:700}
.notice-title-field input{font-size:16px}
.notice-composer [data-notice-panel][hidden]{display:none!important}
.notice-language-card{min-width:0;padding:20px;border:1px solid #cbd6e1;border-top:4px solid #0874cf;background:#fff}
.notice-language-card[data-notice-panel=ja]{border-top-color:#7856a7}
.notice-language-heading{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #e2e8ef}
.notice-language-heading strong{font-size:19px;color:#16416a}
.notice-language-card[data-notice-panel=ja] .notice-language-heading strong{color:#68458e}
.notice-language-heading p,.notice-shared-attachments>p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#62788e}
.notice-body-label{margin-bottom:7px;font-size:13px;font-weight:700}
.notice-body-shell{width:100%;box-sizing:border-box}
.notice-composer .rich-editor{min-height:280px;max-height:60vh;overflow:auto;resize:vertical}
.notice-shared-attachments{min-width:0;padding:16px;border:1px dashed #b5c7d9;background:#f5f8fb}
.notice-shared-attachments>strong{font-size:13px;color:#335778}
.notice-shared-attachments .editor-drop-hint{margin:12px 0 0}
.notice-shared-attachments .editor-files{margin:0;padding:8px 0 0}
@media(max-width:520px){.community-write-notice{padding:14px}.community-write .notice-editor-tabs button{gap:5px;flex-direction:column}.notice-editor-hint{padding:10px 12px}.notice-language-card{padding:14px}.notice-language-heading strong{font-size:17px}.community-write .notice-title-field{padding:0 0 14px}.notice-composer .rich-editor{min-height:220px}.notice-shared-attachments{padding:12px}}

/* account-tools.css */
.plane-skin-shop{display:grid;gap:28px}.plane-skin-grid article{grid-template-rows:256px auto auto}.plane-skin-grid article.is-equipped{border-color:#e88a16;box-shadow:0 0 0 2px #e88a1644,0 6px 18px #17395612}.plane-skin-image{background:#05080b}.plane-skin-image img{object-fit:contain;image-rendering:auto}.avatar-shop-owned-note{display:grid;min-height:42px;margin:0 15px 15px;place-items:center;color:#17659f;border:1px solid #9fc7e5;background:#e8f4fc;font-size:11px;font-weight:900}.plane-skin-grid article.is-equipped .avatar-shop-owned-note{color:#8a4a07;border-color:#e7bd79;background:#fff4df}@media(max-width:600px){.plane-skin-grid article{grid-template-rows:256px auto auto}}
.account-tool-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #cad7e5}
.account-tool-head>div{display:grid;gap:4px}.account-tool-head strong{color:#0c294b;font-size:16px}.account-tool-head span{color:#7a8ca2;font-size:11px}
.account-tool-head button,.notification-list button,.message-list button{min-height:32px;padding:0 13px;color:#185f9f;border:1px solid #b9cce0;background:#fff;font-weight:700}
.account-tool-head button:hover,.account-tool-head button:focus-visible,.notification-list button:hover,.notification-list button:focus-visible,.message-list button:hover,.message-list button:focus-visible{color:#fff;border-color:#0873cf;background:#0873cf;outline:2px solid #8acbff;outline-offset:1px}
.account-tool-empty{margin:0;padding:55px 20px;color:#77899d;border:1px dashed #c7d4e2;background:#f8fafc;text-align:center}
.notification-list,.message-list{display:grid;margin:0;padding:0;list-style:none}
.notification-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:66px;padding:10px 12px;border-bottom:1px solid #dce5ee;background:#fff}
.notification-list li.is-unread{background:#f2f8fe}.notification-list li>i{display:grid;width:30px;height:30px;place-items:center;color:#1674c8;border-radius:50%;background:#e3f1fd;font-style:normal;font-weight:900}
.notification-list li.is-unread>i{color:#fff;background:#1674c8}.notification-list li>div{display:grid;gap:5px}.notification-list strong{color:#15304f;font-size:13px}.notification-list time,.message-list time{color:#8292a5;font:11px Arial,sans-serif}
.message-center-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #cfdae6}.message-center-head>div{display:grid;gap:4px}.message-center-head strong{color:#173451;font-size:15px}.message-center-head span{color:#7a8da0;font-size:10px}.message-center-head>.button{height:38px;padding-inline:18px}
.message-compose-modal{width:min(540px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:visible;padding:0;border:0;border-top:4px solid #eeb400;border-radius:4px;background:#fff;box-shadow:0 22px 70px #00132673}.message-compose-modal::backdrop{background:#03142699;backdrop-filter:blur(2px)}
.message-compose{display:grid;gap:17px;padding:0 24px 22px}.message-compose>header{display:flex;align-items:center;justify-content:space-between;margin:0 -24px;padding:17px 20px;border-bottom:1px solid #d8e1ea;background:#f4f7fa}.message-compose>header>div{display:grid;gap:4px}.message-compose>header strong{color:#102e4c;font-size:18px}.message-compose>header span{color:#71859a;font-size:10px}.message-compose>header>button{width:34px;height:34px;color:#61768b;border:1px solid #c8d4df;background:#fff;font-size:23px;line-height:1}.message-compose>header>button:hover,.message-compose>header>button:focus-visible{color:#fff;border-color:#e24d35;background:#e24d35;outline:2px solid #f4aea2}
.message-compose label{position:relative;display:grid;gap:7px}.message-compose label>span,.message-recipient-field>label{color:#526a83;font-size:11px;font-weight:800}.message-compose input,.message-compose textarea{width:100%;border:1px solid #b8c9d9;background:#fff;padding:10px;color:#172f4c;resize:vertical}.message-compose input{height:44px}.message-compose textarea{min-height:148px;line-height:1.6}.message-compose input:focus,.message-compose textarea:focus{border-color:#0b75ce;outline:2px solid #9cd2ff}.message-compose label>small{color:#7c8da0;font-size:10px}
.message-recipient-field{display:grid;gap:7px}.message-recipient-field>div{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px}.message-recipient-field>div>.button{height:44px;padding:0 12px}.message-recipient-field>small{display:flex;min-height:18px;align-items:center;gap:4px;color:#7c8da0;font-size:10px}.message-recipient-field>small.is-valid{color:#16824f;font-weight:800}.message-recipient-field>small.is-valid>b{color:#e9531b;font-size:11px}.message-recipient-field>small.is-error{color:#d33c31;font-weight:800}.message-recipient-guild{display:inline-flex;align-items:center;gap:3px;color:#526a83}.message-recipient-guild img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated}.message-compose [data-message-send]:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.25)}
.message-compose>footer{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.message-compose>footer .button{height:40px;min-width:90px}.message-tabs{display:flex;margin-bottom:0;border-bottom:2px solid #143e6e}.message-tabs a{min-width:112px;padding:11px 18px;color:#60758c;border:1px solid #cad6e2;border-bottom:0;background:#fff;text-align:center;font-weight:700}.message-tabs a[aria-current="page"]{color:#fff;border-color:#126bc0;background:#126bc0}
.message-list li{padding:15px 16px;border-bottom:1px solid #dce5ee;background:#fff}.message-list li.is-unread{border-left:3px solid #1680d8;background:#f2f8fe}.message-list header{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-list header strong{color:#657a91;font-size:11px}.message-list header b{margin-left:5px;color:#e9531b;font-size:13px}.message-list p{margin:12px 0;color:#1a304a;font-size:13px;line-height:1.65;word-break:break-word}.message-list li>div{display:flex;justify-content:flex-end;gap:6px}.message-list form{margin:0}.message-list button.is-delete{color:#d44135;border-color:#ecc6c2}.message-list button.is-delete:hover,.message-list button.is-delete:focus-visible{color:#fff;border-color:#d44135;background:#d44135;outline-color:#f4aaa4}
@media(max-width:760px){.message-center-head{align-items:flex-start}.message-compose-modal{max-height:calc(100vh - 20px)}.message-compose{padding-right:16px;padding-left:16px}.message-compose>header{margin-right:-16px;margin-left:-16px}.message-recipient-field>div{grid-template-columns:1fr}.notification-list li{grid-template-columns:30px minmax(0,1fr)}.notification-list li>form{grid-column:2}.message-list header{align-items:flex-start;flex-direction:column}}
.activity-tabs{display:flex;border-bottom:2px solid #143e6e}.activity-tabs a{min-width:128px;padding:12px 17px;color:#60758c;border:1px solid #cad6e2;border-bottom:0;background:#fff;text-align:center;font-weight:700}.activity-tabs a[aria-current="page"]{color:#fff;border-color:#126bc0;background:#126bc0}
.activity-list{margin:0;padding:0;list-style:none}.activity-list li{border-bottom:1px solid #dce5ee}.activity-list li>a{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:78px;padding:13px 15px;color:#233e59;background:#fff}.activity-list li>a:hover,.activity-list li>a:focus-visible{background:#f0f7fd;outline:2px solid #80c7ff;outline-offset:-2px}.activity-kind{padding:6px 7px;color:#0f68b4;border:1px solid #a9cee9;border-radius:2px;background:#edf7ff;text-align:center;font-size:10px;font-weight:800}.activity-list li>a>div{display:grid;min-width:0;gap:5px}.activity-list strong{overflow:hidden;color:#163453;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.activity-list p{overflow:hidden;margin:0;color:#718398;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.activity-list small{color:#718398;font-size:10px}.activity-list small b{color:#e9541e}.activity-list time{color:#8192a5;font:10px Arial,sans-serif}
.mention-token{display:inline;padding:1px 4px;color:#0568b6;border-radius:3px;background:#dff1ff;font-weight:800}.comment-write-form>textarea{grid-column:1;grid-row:1}.comment-write-form>.mention-help{grid-column:1/-1;grid-row:2;color:#698096;font-size:10px}.comment-write-form>.button{grid-column:2;grid-row:1}.editor-drop-hint{line-height:1.5}
@media(max-width:760px){.activity-tabs a{min-width:0;flex:1;padding-inline:7px}.activity-list li>a{grid-template-columns:64px minmax(0,1fr)}.activity-list time{grid-column:2}.comment-write-form>.button{grid-column:1;grid-row:2}.comment-write-form>.mention-help{grid-row:3}}

.avatar-center{display:grid;gap:20px}.avatar-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #c9d8e7;background:linear-gradient(135deg,#f7fbff,#edf5fc)}.avatar-center-head>div{display:grid;gap:5px}.avatar-center-head span{color:#2674b7;font:700 10px Arial,sans-serif;letter-spacing:.12em}.avatar-center-head strong{color:#102f50;font-size:19px}.avatar-center-head p{margin:0;color:#60758c;font-size:12px}.avatar-center-head em{padding:7px 10px;color:#9a7017;border:1px solid #e8d399;background:#fff8df;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.avatar-legacy-notice{margin:0;padding:12px 14px;color:#924b23;border-left:3px solid #e77d39;background:#fff4eb;font-size:12px}.avatar-part-heading{display:flex;align-items:baseline;gap:10px;padding-bottom:7px;border-bottom:2px solid #1d72b7}.avatar-part-heading strong{color:#123958;font-size:16px}.avatar-part-heading small{color:#71869a;font-size:10px}.avatar-background-heading{margin-top:8px}.avatar-choice-grid,.avatar-background-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.avatar-choice-grid article,.avatar-background-grid article{display:grid;grid-template-rows:auto auto auto;overflow:hidden;border:1px solid #c8d6e4;background:#fff;box-shadow:0 6px 18px #17395612}.avatar-choice-grid article.is-selected,.avatar-background-grid article.is-selected{border-color:#1477c8;box-shadow:0 0 0 2px #63b4f455,0 8px 24px #17548320}.avatar-choice-image{display:grid;min-height:380px;place-items:end center;overflow:hidden;background:linear-gradient(#e9f4fc 0 54%,#d8e5ed 54% 56%,#eff3f5 56%)}.avatar-choice-image img{display:block;width:min(100%,340px);height:auto;image-rendering:pixelated}.avatar-background-preview{position:relative;display:grid;min-height:150px;place-items:center;overflow:hidden;background:#edf2f5}.avatar-background-preview span{position:relative;z-index:2;padding:5px 10px;color:#49647b;border:1px solid #b8c7d3;background:#ffffffd9;font-size:10px;font-weight:800}.avatar-background-preview.is-none:before{position:absolute;inset:0;background-image:linear-gradient(45deg,#dbe4e9 25%,transparent 25%),linear-gradient(-45deg,#dbe4e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe4e9 75%),linear-gradient(-45deg,transparent 75%,#dbe4e9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;content:""}.avatar-background-preview.is-animated{background:radial-gradient(ellipse at 50% 65%,#0a536b 0 7%,transparent 35%),linear-gradient(#061128,#092945)}.avatar-background-preview.is-animated:before,.avatar-background-preview.is-animated:after{position:absolute;width:140%;height:2px;border-radius:50%;background:#43a5b7;box-shadow:35px -42px #78cad1,-45px 35px #174f6d;content:"";opacity:.65;animation:avatar-bg-drift 3s linear infinite}.avatar-background-preview.is-animated:after{width:4px;height:4px;box-shadow:35px -42px #78cad1,-45px 35px #174f6d,68px 20px #337e96,-72px -17px #a1d7da;animation-duration:4.5s}.avatar-choice-copy{display:grid;gap:4px;padding:14px 16px;border-top:1px solid #d7e1ea}.avatar-choice-copy span{color:#1872b9;font-size:10px;font-weight:800}.avatar-choice-copy strong{color:#102f50;font-size:17px}.avatar-choice-copy small{color:#75889b;font-size:10px}.avatar-choice-grid form,.avatar-background-grid form{margin:0;padding:0 16px 16px}.avatar-choice-grid form .button,.avatar-background-grid form .button{width:100%;height:42px}.avatar-choice-grid form .button:disabled,.avatar-background-grid form .button:disabled{cursor:default;opacity:1;color:#17659f;border-color:#9fc7e5;background:#e8f4fc}.avatar-apply-note{margin:0;padding:11px 14px;color:#60758c;border:1px dashed #bfcedc;background:#f8fafc;font-size:11px}@keyframes avatar-bg-drift{to{transform:translate(26px,-6px)}}
@media(max-width:760px){.avatar-center-head{align-items:stretch;flex-direction:column}.avatar-center-head em{width:max-content}.avatar-choice-grid,.avatar-background-grid{grid-template-columns:1fr}.avatar-choice-image{min-height:340px}.avatar-choice-image img{width:min(100%,310px)}}
.avatar-current-card{display:flex;align-items:center;justify-content:space-between;min-height:310px;padding:18px 30px;overflow:hidden;border:1px solid #173f64;background:linear-gradient(135deg,#0d2c49,#155b8a);color:#fff}.avatar-current-card>div{display:grid;gap:7px}.avatar-current-card span{color:#79c8f2;font:800 10px Arial,sans-serif;letter-spacing:.15em}.avatar-current-card strong{font-size:22px}.avatar-current-card small{color:#bed9e9;font-size:11px}.avatar-current-card img{align-self:flex-end;width:240px;height:288px;object-fit:contain;object-position:center bottom;image-rendering:auto}.avatar-center-actions{display:grid;justify-items:end;gap:8px}.avatar-center-actions a{padding:8px 12px;color:#fff;background:#176eaa;font-size:11px;font-weight:800;text-decoration:none}.avatar-part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.avatar-part-grid article{display:grid;grid-template-rows:200px auto auto;overflow:hidden;border:1px solid #c8d6e4;background:#fff;box-shadow:0 5px 15px #17395610}.avatar-part-grid article.is-selected{border-color:#1477c8;box-shadow:0 0 0 2px #63b4f455}.avatar-part-image{display:grid;place-items:center;overflow:hidden;background:linear-gradient(#e9f4fc,#eff3f5)}.avatar-part-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:auto}.avatar-part-grid form{margin:0;padding:0 14px 14px}.avatar-part-grid form .button{width:100%;height:40px}.avatar-part-grid form .button:disabled{cursor:default;opacity:1;color:#17659f;border-color:#9fc7e5;background:#e8f4fc}.button-shop{color:#fff;border-color:#bd6a12;background:#e67b18}.button-shop:hover{background:#c8640c}.avatar-shop{display:grid;gap:26px}.avatar-shop-status{display:flex;justify-content:space-between;gap:24px;padding:22px 26px;color:#fff;background:linear-gradient(135deg,#0b2946,#146397)}.avatar-shop-status>div{display:grid;gap:6px}.avatar-shop-status>div:last-child{justify-items:end}.avatar-shop-status span{color:#82cff7;font:800 10px Arial,sans-serif;letter-spacing:.14em}.avatar-shop-status strong{font-size:22px}.avatar-shop-status small{color:#c3deed;font-size:11px}.avatar-shop-status a{color:#fff;font-size:11px;font-weight:800}.avatar-shop-group{display:grid;gap:12px}.avatar-shop-group>header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:8px;border-bottom:2px solid #1677be}.avatar-shop-group>header span{color:#123958;font-size:20px;font-weight:900}.avatar-shop-group>header small{color:#71869a;font-size:10px}.avatar-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.avatar-shop-grid article{display:grid;grid-template-rows:240px auto auto;overflow:hidden;border:1px solid #c8d6e4;background:#fff;box-shadow:0 6px 18px #17395612}.avatar-shop-grid article.is-owned{border-color:#70a7cc}.avatar-shop-image{display:grid;place-items:center;background:linear-gradient(#eaf5fc,#f2f5f7)}.avatar-shop-image img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.avatar-shop-grid article>div:nth-child(2){display:grid;gap:5px;padding:15px}.avatar-shop-grid article>div span{color:#2174b5;font-size:10px;font-weight:800}.avatar-shop-grid article>div strong{color:#102f50;font-size:17px}.avatar-shop-grid article>div b{color:#b7670e;font-size:14px}.avatar-shop-grid form{margin:0;padding:0 15px 15px}.avatar-shop-grid .button{width:calc(100% - 30px);height:42px;margin:0 15px 15px}.avatar-shop-grid form .button{width:100%;margin:0}@media(max-width:900px){.avatar-part-grid,.avatar-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.avatar-current-card,.avatar-shop-status{padding:14px 18px}.avatar-current-card img{width:180px;height:230px}.avatar-part-grid,.avatar-shop-grid{grid-template-columns:1fr}.avatar-part-grid article{grid-template-rows:230px auto auto}.avatar-shop-status{display:grid}.avatar-shop-status>div:last-child{justify-items:start}}
.avatar-account-fitting-copy{width:min(100%,430px)}.avatar-account-fitting-copy>[data-avatar-account-status].is-error{color:#ffb2a9}.avatar-account-look-summary{display:grid;gap:5px;margin:8px 0 2px}.avatar-account-look-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border:1px solid #ffffff2e;background:#ffffff0d}.avatar-account-look-summary dt{color:#8fd4f7;font-size:9px}.avatar-account-look-summary dd{margin:0;color:#fff;font-size:11px;font-weight:900}.avatar-account-fitting form{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px}.avatar-account-fitting form .button{width:100%!important;height:40px!important;margin:0!important;border:1px solid #b8cfe0!important;background:#f8fbfd!important;color:#214b6c!important;font-size:11px!important;font-weight:900!important}.avatar-account-fitting form .button:hover,.avatar-account-fitting form .button:focus-visible{border-color:#69a9d3!important;background:#e9f5fc!important}.avatar-account-fitting form .button-primary{border-color:#e47a16!important;background:#e47a16!important;color:#fff!important}.avatar-account-fitting form .button-primary:hover,.avatar-account-fitting form .button-primary:focus-visible{border-color:#c96108!important;background:#c96108!important}.avatar-account-fitting form .button:disabled{cursor:not-allowed;opacity:1!important;border-color:#aebdca!important;background:#d9e0e6!important;color:#738492!important}.avatar-account-option{grid-column:1;grid-row:1/-1;display:grid;width:100%;height:100%;padding:0;color:inherit;border:0;background:transparent;text-align:left;cursor:pointer;grid-template-rows:150px minmax(60px,auto) 40px}.avatar-account-option-label{display:grid;min-height:32px;margin:0 9px 8px;padding:4px 8px;place-items:center;color:#fff;background:#1678b8;font-size:10px;font-weight:900;line-height:1.2;text-align:center}.avatar-account-option:hover .avatar-account-option-label,.avatar-account-option:focus-visible .avatar-account-option-label,.avatar-part-grid article.is-look-active .avatar-account-option-label{background:#e77b17}.avatar-account-option:focus-visible{outline:3px solid #70bdf0;outline-offset:-3px}.avatar-part-grid article.is-look-active{border-color:#e77b17!important;box-shadow:0 0 0 3px #f2a04b66!important}.avatar-part-grid article.is-look-active .avatar-account-option-label:before{margin-right:4px;content:"✓"}@media(max-width:600px){.avatar-account-fitting{display:grid}.avatar-account-fitting>img{grid-row:1;justify-self:center}.avatar-account-fitting-copy{grid-row:2;width:100%}.avatar-account-option{grid-template-rows:120px minmax(60px,auto) 40px}}
.avatar-shop-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;overflow:auto;border:0;border-top:4px solid #e88a16;background:#fff;box-shadow:0 28px 90px #00162d80}.avatar-shop-dialog::backdrop{background:#031426b8;backdrop-filter:blur(3px)}.avatar-shop-dialog-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;color:#fff;background:#0d3457}.avatar-shop-dialog-panel>header>div{display:grid;gap:4px}.avatar-shop-dialog-panel>header span{color:#72c5f0;font:800 9px Arial,sans-serif;letter-spacing:.16em}.avatar-shop-dialog-panel>header h2{margin:0;font-size:23px}.avatar-shop-dialog-panel>header>button{width:38px;height:38px;color:#fff;border:1px solid #ffffff55;background:#ffffff12;font-size:27px;line-height:1}.avatar-shop-dialog-layout{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(300px,1.05fr)}.avatar-shop-tryon{display:grid;gap:12px;padding:22px;background:#e8f2f8}.avatar-shop-preview-stage{display:grid;height:430px;place-items:end center;overflow:hidden;border:1px solid #bdd2e1;background:radial-gradient(circle at 50% 20%,#1a6b91,#0a2944 65%)}.avatar-shop-preview-stage img{width:340px;height:408px;object-fit:contain;object-position:center bottom;image-rendering:auto}.avatar-shop-preview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.avatar-shop-preview-actions button{height:39px;color:#31546f;border:1px solid #afc5d6;background:#fff;font-size:11px;font-weight:800}.avatar-shop-preview-actions button.is-active{color:#fff;border-color:#1475bc;background:#1475bc}.avatar-shop-tryon>small{min-height:17px;color:#567187;text-align:center;font-size:10px}.avatar-shop-payment{display:grid;align-content:start;gap:18px;padding:26px}.avatar-shop-part-summary{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px;padding:10px;border:1px solid #d2dee8;background:#f7fafc}.avatar-shop-part-summary img{width:160px;height:120px;object-fit:contain}.avatar-shop-part-summary span{color:#1872b9;font-size:12px;font-weight:900}.avatar-shop-payment dl{display:grid;margin:0;border-top:2px solid #173f64}.avatar-shop-payment dl>div{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #dce5ed}.avatar-shop-payment dt{color:#60758c;font-size:11px}.avatar-shop-payment dd{margin:0;color:#173653;font-size:13px;font-weight:900}.avatar-shop-payment dl>div:last-child dd{color:#be660e}.avatar-shop-payment>p{min-height:38px;margin:0;padding:11px 12px;color:#5b7085;background:#f2f6f9;font-size:11px;line-height:1.5}.avatar-shop-payment>p.is-error{color:#b5362e;background:#fff0ee}.avatar-shop-payment form{margin:0}.avatar-shop-payment .button{width:100%;height:46px;margin:0}.avatar-shop-payment .button:disabled{cursor:not-allowed;opacity:.48}@media(max-width:720px){.avatar-shop-dialog-layout{grid-template-columns:1fr}.avatar-shop-preview-stage{height:330px}.avatar-shop-preview-stage img{width:250px;height:300px}.avatar-shop-part-summary{grid-template-columns:120px minmax(0,1fr)}.avatar-shop-part-summary img{width:120px;height:90px}}

/* admin.css */
.page-admin{background:#eef2f7;color:#17273b}.page-admin #content{min-height:calc(100vh - 72px)}
.admin-season-summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-bottom:20px}.admin-season-summary>article{min-width:0;padding:24px}.admin-season-kicker{color:#2781c1;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.12em}.admin-season-summary h2{margin:10px 0 18px;color:#153652;font-size:24px;overflow-wrap:anywhere}.admin-season-current dl{display:grid;gap:12px;margin:0}.admin-season-current dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.admin-season-current dt{color:#718397;font-size:12px}.admin-season-current dd{margin:0;color:#274e6d;font-size:13px;font-weight:800;overflow-wrap:anywhere}.admin-season-status{border-top:3px solid #d39a43!important}.admin-season-status.is-ready{border-top-color:#279878!important}.admin-season-status p{margin:0 0 12px;color:#647b8e;font-size:13px}.admin-season-status p strong{margin-left:8px;color:#173f5e}.admin-season-status small{display:block;color:#7a8a98;font-size:12px;line-height:1.7}.admin-season-transition{margin-bottom:20px}.admin-season-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:22px;list-style:none}.admin-season-flow li{min-width:0;padding:18px;border:1px solid #dce6ef;border-radius:8px;background:#f7fafc}.admin-season-flow li>span{display:block;margin-bottom:10px;color:#2781c1;font:900 11px Arial,sans-serif}.admin-season-flow b{color:#204464;font-size:14px}.admin-season-flow p{margin:9px 0 0;color:#6e8192;font-size:12px;line-height:1.8}.admin-season-block{margin:0 22px 20px;padding:14px 16px;border:1px solid #ead6b5;border-radius:7px;color:#825621;background:#fff8ee;font-size:13px;line-height:1.7}.admin-season-form{padding:0 22px 22px}.admin-season-form fieldset{min-width:0;margin:0;padding:0;border:0}.admin-season-name{display:grid;max-width:460px;gap:8px;color:#44627b;font-size:13px;font-weight:800}.admin-season-name input{width:100%;height:46px;padding:0 13px;border:1px solid #c4d3df;border-radius:7px;color:#183f5e;background:#fff;font:700 14px Arial,sans-serif}.admin-season-name input:focus{border-color:#1684d6;outline:3px solid #1684d620}.admin-season-checks{display:grid;gap:12px;margin-top:20px;padding:19px;border:1px solid #dae4ed;border-radius:8px;background:#f8fafc}.admin-season-checks label{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.admin-season-checks input{flex:0 0 auto;width:18px;height:18px;margin:3px 0 0;accent-color:#147fc5}.admin-season-checks b{color:#2b4a65;font-size:13px;line-height:1.7}.admin-season-checks small{display:block;margin-top:4px;color:#748799;font-size:12px;line-height:1.7}.admin-season-form footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.admin-season-form footer p{margin:0;color:#75899a;font-size:12px}.admin-season-form button{min-height:46px;padding:10px 20px;border:0;border-radius:6px;color:#fff;background:#0877c2;font-size:13px;font-weight:900;cursor:pointer}.admin-season-form button:hover,.admin-season-form button:focus-visible{background:#0867a7;outline:3px solid #1684d630}.admin-season-form fieldset:disabled input{color:#8293a2;background:#eff3f6}.admin-season-form fieldset:disabled label{cursor:default}.admin-season-form button:disabled{color:#7b8c9a;background:#dce4eb;cursor:not-allowed;outline:0}.admin-season-history-scroll{overflow-x:auto}.admin-season-history table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.admin-season-history th,.admin-season-history td{padding:16px 22px;border-bottom:1px solid #e4ebf1;white-space:nowrap}.admin-season-history thead th{color:#708598;background:#f6f9fc;font-size:11px}.admin-season-history tbody th{color:#234c6d}.admin-season-history td{color:#6c8193}.admin-season-history tbody tr:last-child>*{border-bottom:0}@media(max-width:780px){.admin-season-summary,.admin-season-flow{grid-template-columns:1fr}.admin-season-summary>article{padding:20px}.admin-season-flow{padding:18px;gap:10px}.admin-season-flow li{padding:16px}.admin-season-form{padding:0 18px 18px}.admin-season-block{margin:0 18px 18px}.admin-season-form footer{align-items:stretch;flex-direction:column}.admin-season-form button{width:100%}.admin-season-checks{padding:15px}}@media(max-width:480px){.admin-season-current dl>div{flex-direction:column}.admin-season-summary h2{font-size:22px}.admin-season-history th,.admin-season-history td{padding:14px 16px}}
.admin-game-grant-notice{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:14px 17px;border:1px solid #bcd9ed;border-radius:8px;color:#45657e;background:#f1f9ff;font-size:11px;line-height:1.5}.admin-game-grant-notice strong{flex:0 0 auto;padding:4px 7px;border-radius:5px;color:#fff;background:#1179c2;font-size:10px}.admin-game-grant-panel{margin-bottom:18px}.admin-cash-field select{width:100%;height:58px;padding:0 12px;border:1px solid #cfdbe6;border-radius:7px;color:#1b3956;background:#fff;font:700 12px/1.45 Arial,sans-serif}.admin-cash-field select:focus{border-color:#1684d6;outline:3px solid rgba(22,132,214,.12)}@media(max-width:600px){.admin-game-grant-notice{align-items:flex-start;flex-direction:column}}
.admin-plane-picker{grid-column:1/-1;min-width:0;margin:0;padding:0;border:1px solid #cfdbe6;border-radius:8px;background:#f8fbfe;overflow:hidden}.admin-plane-picker>legend{margin-left:12px;padding:0 6px;color:#173b5d;font-size:12px;font-weight:900}.admin-plane-picker>legend small{margin-left:5px;color:#8799aa;font-size:9px}.admin-plane-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid #dbe5ed;background:#eef7ff}.admin-plane-picker-toolbar label,.admin-plane-picker-group label{display:flex;align-items:center;gap:9px;cursor:pointer}.admin-plane-picker-toolbar input,.admin-plane-picker-group input{width:17px;height:17px;flex:0 0 auto;margin:0;accent-color:#087bd1}.admin-plane-picker-toolbar span,.admin-plane-picker-group span{display:grid;min-width:0;gap:2px}.admin-plane-picker-toolbar b,.admin-plane-picker-group b{color:#173b5d;font-size:12px}.admin-plane-picker-toolbar small,.admin-plane-picker-group small{color:#7c91a4;font:700 9px/1.35 Arial,sans-serif;overflow-wrap:anywhere}.admin-plane-picker-toolbar>strong{flex:0 0 auto;padding:6px 9px;border-radius:999px;color:#0871bd;background:#fff;font-size:10px}.admin-plane-picker-scroll{max-height:420px;padding:14px;overflow:auto}.admin-plane-picker-group+ .admin-plane-picker-group{margin-top:17px;padding-top:16px;border-top:1px solid #dde6ee}.admin-plane-picker-group h3{margin:0 0 10px;color:#5c7287;font-size:10px;letter-spacing:.05em}.admin-plane-picker-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.admin-plane-picker-group label{min-width:0;padding:9px 10px;border:1px solid #dce5ed;border-radius:7px;background:#fff}.admin-plane-picker-group label:hover{border-color:#9fc8e7;background:#f5fbff}.admin-plane-picker-group label:has(input:checked){border-color:#1684d6;background:#eaf6ff;box-shadow:inset 0 0 0 1px rgba(22,132,214,.08)}.admin-plane-picker-group input:focus-visible{outline:3px solid rgba(22,132,214,.18);outline-offset:2px}@media(max-width:900px){.admin-plane-picker-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.admin-plane-picker-toolbar{align-items:flex-start}.admin-plane-picker-scroll{max-height:360px;padding:11px}.admin-plane-picker-group>div{grid-template-columns:1fr}}
.admin-welcome-plane-panel{margin-bottom:18px}.admin-welcome-plane-panel>form{display:grid;gap:16px;padding:18px 20px}.admin-welcome-plane-panel .admin-toggle-field{max-width:420px}.admin-welcome-plane-toolbar>div{display:flex;flex-wrap:wrap;gap:7px}.admin-welcome-plane-toolbar button{height:32px;padding:0 11px;border:1px solid #a8c9df;border-radius:5px;color:#12679f;background:#fff;font-size:10px;font-weight:900;cursor:pointer}.admin-welcome-plane-toolbar button:hover,.admin-welcome-plane-toolbar button:focus-visible{color:#fff;border-color:#087bd1;background:#087bd1;outline:3px solid rgba(8,123,209,.14)}.admin-welcome-plane-panel footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-welcome-plane-panel footer small{color:#71879a;font-size:10px}.admin-welcome-plane-panel footer button{height:42px;padding:0 22px;border:0;border-radius:5px;color:#fff;background:#087bd1;font-weight:900;cursor:pointer}@media(max-width:600px){.admin-welcome-plane-toolbar,.admin-welcome-plane-panel footer{align-items:stretch;flex-direction:column}.admin-welcome-plane-toolbar>strong{align-self:flex-start}.admin-welcome-plane-panel footer button{width:100%}}
.admin-game-plane-actions{display:flex;gap:8px}.admin-cash-grant-form>footer button.is-danger{background:#c83d34}.admin-cash-grant-form>footer button.is-danger:hover,.admin-cash-grant-form>footer button.is-danger:focus-visible{background:#a92e27;outline-color:rgba(200,61,52,.2)}@media(max-width:600px){.admin-game-plane-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}
.nav-item-admin>a{color:#ffd66b!important}.nav-item-admin>a:before{background:#eabf4d!important}
.admin-command-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 20%,rgba(43,118,189,.34),transparent 30%),linear-gradient(118deg,#061426 0%,#0b2847 58%,#0e3960 100%)}
.admin-command-hero:before{position:absolute;inset:0;content:"";opacity:.12;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.admin-command-hero:after{position:absolute;right:-100px;bottom:-150px;width:440px;height:300px;border:1px solid rgba(116,188,255,.22);border-radius:50%;box-shadow:0 0 0 45px rgba(116,188,255,.04),0 0 0 90px rgba(116,188,255,.03);content:"";transform:rotate(-12deg)}
.admin-command-hero-inner{position:relative;z-index:1;display:flex;min-height:260px;align-items:center;justify-content:space-between;gap:40px;padding-top:118px;padding-bottom:40px}.admin-command-hero p,.admin-panel-header p,.admin-content-header p{margin:0 0 8px;color:#68b7ff;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.22em}.admin-command-hero h1{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.045em}.admin-command-hero h1+span{display:block;margin-top:13px;color:#b6cbe0;font-size:14px}.admin-command-meta{display:grid;min-width:230px;justify-items:end;gap:8px}.admin-command-meta>span{display:flex;align-items:center;gap:8px;color:#dcf6e7;font-size:12px}.admin-command-meta>span i{width:8px;height:8px;border-radius:50%;background:#37d782;box-shadow:0 0 0 4px rgba(55,215,130,.12)}.admin-command-meta time{color:#87a3bf;font-size:11px}.admin-command-meta a{display:inline-flex;min-height:36px;align-items:center;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;background:rgba(255,255,255,.06);font-size:12px;font-weight:800}.admin-command-meta a:hover,.admin-command-meta a:focus-visible{border-color:#66b7ff;background:rgba(102,183,255,.14)}
.admin-workspace{padding:34px 0 72px}.admin-page-layout{display:grid;grid-template-columns:218px minmax(0,1fr);align-items:start;gap:24px}.admin-page-content{min-width:0}.admin-side-nav{position:sticky;top:20px;overflow:hidden;border:1px solid #d5e0eb;border-radius:10px;background:#fff;box-shadow:0 9px 26px rgba(18,45,73,.07)}.admin-side-nav>header{padding:20px;border-bottom:1px solid #e5ebf1;background:linear-gradient(135deg,#09233d,#104b78);color:#fff}.admin-side-nav>header span{display:block;margin-bottom:7px;color:#6fc1ff;font:800 8px/1 Arial,sans-serif;letter-spacing:.2em}.admin-side-nav>header strong{font-size:17px}.admin-side-nav nav{display:flex;flex-direction:column;padding:8px}.admin-side-nav nav a{position:relative;display:grid;grid-template-columns:28px 1fr 12px;grid-template-rows:auto auto;align-items:center;gap:2px 7px;min-height:62px;padding:9px 9px;border-radius:7px;color:#536679}.admin-side-nav nav a:hover,.admin-side-nav nav a:focus-visible{color:#0c6fb9;background:#f1f7fc}.admin-side-nav nav a[aria-current=page]{color:#086dbd;background:#eaf5fe;box-shadow:inset 3px 0 #1389df}.admin-side-nav nav a>span{grid-row:1/3;display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:#6b7e90;background:#edf2f6;font:900 8px/1 Arial,sans-serif}.admin-side-nav nav a[aria-current=page]>span{color:#0873c8;background:#d8efff}.admin-side-nav nav b{font-size:11px}.admin-side-nav nav small{color:#9aa5af;font-size:8px}.admin-side-nav nav i{grid-column:3;grid-row:1/3;color:#a6b2bd;font-size:17px;font-style:normal}.admin-side-nav>footer{display:grid;gap:7px;padding:14px 16px 17px;border-top:1px solid #e5ebf1;background:#f8fafc}.admin-side-nav>footer a{display:flex;min-height:35px;align-items:center;justify-content:center;border:1px solid #cbd9e6;border-radius:6px;color:#52687b;background:#fff;font-size:10px;font-weight:800}.admin-side-nav>footer a:first-child{border-color:#0877ce;color:#fff;background:#0877ce}.admin-side-nav>footer a:hover,.admin-side-nav>footer a:focus-visible{filter:brightness(.94)}
.admin-content-header{display:flex;min-height:76px;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:16px;padding:0 2px 15px;border-bottom:1px solid #d5dfe9}.admin-content-header p{margin-bottom:6px;color:#2685d3;font-size:8px}.admin-content-header h2{margin:0;color:#102a44;font-size:25px;letter-spacing:-.04em}.admin-content-header>span{max-width:430px;padding-bottom:2px;color:#758698;font-size:11px;text-align:right}
.admin-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-metric{position:relative;display:flex;min-height:122px;align-items:flex-start;gap:13px;overflow:hidden;padding:20px 17px;border:1px solid #d9e2ec;border-radius:9px;background:#fff;box-shadow:0 6px 18px rgba(24,48,75,.045)}.admin-metric:after{position:absolute;right:-17px;bottom:-24px;width:82px;height:82px;border-radius:50%;background:currentColor;content:"";opacity:.035}.admin-metric-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:9px;color:#147dd1;background:#eaf5ff}.admin-metric-icon:before{font-size:17px;font-weight:900}.admin-metric.is-game .admin-metric-icon:before{content:"↗"}.admin-metric.is-web .admin-metric-icon:before{content:"◎"}.admin-metric.is-accounts .admin-metric-icon:before{content:"♙"}.admin-metric.is-membership .admin-metric-icon:before{content:"★"}.admin-metric.is-community .admin-metric-icon:before{content:"≡"}.admin-metric.is-cash .admin-metric-icon:before{content:"C"}.admin-metric.is-game .admin-metric-icon{color:#15935f;background:#e8f9f1}.admin-metric.is-membership .admin-metric-icon,.admin-metric.is-cash .admin-metric-icon{color:#a96f00;background:#fff5db}.admin-metric>div{min-width:0}.admin-metric small{display:block;color:#738396;font-size:11px;font-weight:700}.admin-metric strong{display:block;margin-top:5px;color:#102a44;font:900 25px/1 Arial,sans-serif;letter-spacing:-.04em}.admin-metric strong em{margin-left:3px;color:#788898;font:700 11px/1 Arial,sans-serif;font-style:normal}.admin-metric p{overflow:hidden;margin:12px 0 0;color:#8a98a7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.admin-panel{overflow:hidden;border:1px solid #d8e1eb;border-radius:9px;background:#fff;box-shadow:0 7px 20px rgba(18,45,73,.045)}.admin-panel-header{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid #e5ebf1}.admin-panel-header p{margin-bottom:5px;color:#2685d3;font-size:8px}.admin-panel-header h2{margin:0;color:#162d45;font-size:17px;letter-spacing:-.03em}.admin-panel-header>span,.admin-panel-header>a{color:#778798;font-size:10px;font-weight:700}.admin-panel-header>a{padding:7px 9px;border-radius:5px}.admin-panel-header>a:hover,.admin-panel-header>a:focus-visible{color:#0874ce;background:#edf6ff}
.admin-channel-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:4px 20px 13px}.admin-channel-list article{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #edf1f5}.admin-channel-copy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;min-width:0}.admin-channel-copy strong{overflow:hidden;color:#20374f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-channel-copy small{grid-column:2;color:#94a0ad;font:8px/1 Arial,sans-serif}.admin-channel-state{grid-row:1/3;display:inline-flex;padding:4px 6px;border-radius:4px;color:#b05c16;background:#fff0e2;font-size:8px;font-weight:900}.admin-channel-state.is-live{color:#188058;background:#e5f8ef}.admin-channel-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.admin-channel-meter progress{width:100%;height:7px;overflow:hidden;border:0;border-radius:10px;background:#e9eef3}.admin-channel-meter progress::-webkit-progress-bar{border-radius:10px;background:#e9eef3}.admin-channel-meter progress::-webkit-progress-value{border-radius:10px;background:linear-gradient(90deg,#1a88dd,#41b3ff)}.admin-channel-meter progress::-moz-progress-bar{border-radius:10px;background:#1a88dd}.admin-channel-meter b{color:#263f58;font:900 10px/1 Arial,sans-serif}.admin-channel-meter b em{color:#9aa6b2;font-size:8px;font-style:normal}
.admin-pilot-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.admin-pilot-summary article{display:flex;min-height:82px;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid #d8e2ec;border-radius:9px;background:#fff}.admin-pilot-summary span{color:#758697;font-size:10px;font-weight:800}.admin-pilot-summary strong{color:#12314d;font:900 24px/1 Arial,sans-serif}.admin-pilot-summary em{margin-left:3px;color:#8795a3;font-size:10px;font-style:normal}.admin-table-head{display:grid;min-height:36px;align-items:center;padding:0 18px;color:#8b98a5;background:#f7f9fb;font-size:8px;font-weight:900;letter-spacing:.06em}.admin-presence-table .admin-table-head,.admin-presence-table article{grid-template-columns:minmax(180px,1.15fr) minmax(150px,.9fr) minmax(150px,.8fr) 75px}.admin-presence-table article{display:grid;align-items:center;min-height:72px;padding:8px 18px;border-top:1px solid #edf1f5}.admin-pilot-identity,.admin-member-identity{display:flex;min-width:0;align-items:center;gap:9px}.admin-pilot-identity>img,.admin-member-identity>img{width:31px;height:20px;object-fit:contain}.admin-pilot-identity>span,.admin-member-identity>span{display:flex;min-width:0;flex-direction:column}.admin-pilot-identity strong,.admin-member-identity strong{overflow:hidden;color:#20374f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-pilot-identity small,.admin-member-identity small,.admin-location small,.admin-heartbeat small,.admin-pilot-updated small{margin-top:3px;color:#929fac;font-size:9px}.admin-location,.admin-heartbeat,.admin-pilot-updated{display:flex;min-width:0;flex-direction:column}.admin-location>b{color:#197bc5;font-size:10px}.admin-location small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-heartbeat b{color:#19815b;font:900 10px/1 Arial,sans-serif}.admin-pilot-updated b{color:#40576d;font:700 9px/1 Arial,sans-serif}
.admin-account-header{min-height:88px}.admin-account-header form{display:flex;align-items:center;gap:6px}.admin-account-header input{width:250px;height:38px;padding:0 12px;border:1px solid #cad6e2;border-radius:5px;color:#233b52;background:#fff;font-size:11px}.admin-account-header button,.admin-account-header form>a{display:inline-flex;height:38px;align-items:center;justify-content:center;padding:0 14px;border:0;border-radius:5px;color:#fff;background:#0b79d0;font-size:11px;font-weight:800;cursor:pointer}.admin-account-header form>a{color:#617384;background:#edf1f5}.admin-account-table .admin-table-head,.admin-account-table article{grid-template-columns:minmax(210px,1.3fr) 95px 135px 85px minmax(155px,1fr)}.admin-account-table article{display:grid;min-height:74px;align-items:center;padding:9px 18px;border-top:1px solid #edf1f5}.admin-account-table article>span{display:flex;min-width:0;flex-direction:column;padding-right:10px}.admin-member-identity{position:relative;flex-direction:row!important}.admin-member-identity>em{display:inline-flex;margin-left:auto;padding:3px 5px;border-radius:3px;color:#a36800;background:#fff3cd;font-size:8px;font-style:normal;font-weight:900}.admin-account-table article>span>b:not(.admin-badge){overflow:hidden;color:#44566a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-account-table article>span>small{overflow:hidden;margin-top:4px;color:#97a2ad;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.admin-badge{align-self:flex-start;display:inline-flex;padding:4px 7px;border-radius:10px;color:#65788b;background:#eef2f6;font-size:8px}.admin-badge.is-online{color:#147654;background:#e5f8ee}.admin-badge.is-danger{color:#ba3a32;background:#ffebea}.admin-badge.is-membership{color:#9b6800;background:#fff3d0}.admin-cash-value{color:#b17808!important;font:900 12px/1 Arial,sans-serif!important}
.admin-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-activity-list,.admin-purchase-list{margin:0;padding:4px 20px 13px;list-style:none}.admin-activity-list li,.admin-purchase-list li{border-bottom:1px solid #edf1f5}.admin-activity-list li:last-child,.admin-purchase-list li:last-child{border-bottom:0}.admin-activity-list a,.admin-purchase-list li{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:16px}.admin-activity-list a:hover,.admin-activity-list a:focus-visible{margin:0 -9px;padding:0 9px;border-radius:5px;background:#f1f7fd}.admin-activity-list a>span,.admin-purchase-list li>span{display:flex;min-width:0;flex-direction:column}.admin-activity-list em{align-self:flex-start;padding:2px 5px;border-radius:3px;color:#2479b8;background:#e8f4fd;font-size:8px;font-style:normal;font-weight:800}.admin-activity-list strong,.admin-purchase-list strong{overflow:hidden;margin-top:4px;color:#223a52;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-activity-list small,.admin-purchase-list small{margin-top:4px;color:#96a2ae;font-size:8px}.admin-activity-list a>b{flex:0 0 auto;color:#7c8996;font-size:8px}.admin-activity-list a>b i{display:block;margin-top:4px;color:#3482bc;font-style:normal}.admin-purchase-list li>span:last-child{flex:0 0 auto;align-items:flex-end}.admin-purchase-list li>span:last-child b{color:#ad7405;font:900 10px/1 Arial,sans-serif}.admin-empty{display:flex!important;min-height:90px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:20px!important;color:#8e9ba8!important;font-size:11px!important}
@media(max-width:1060px){.admin-page-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.admin-channel-list{grid-template-columns:1fr}.admin-account-header{align-items:stretch;flex-direction:column}.admin-account-header form{width:100%}.admin-account-header label{flex:1}.admin-account-header input{width:100%}.admin-account-table .admin-table-head,.admin-account-table article{grid-template-columns:minmax(190px,1.2fr) 90px 125px 75px minmax(140px,1fr)}.admin-activity-grid{grid-template-columns:1fr}}
@media(max-width:780px){.admin-command-hero-inner{min-height:310px;align-items:flex-start;flex-direction:column;justify-content:center;gap:24px;padding-top:108px;padding-bottom:46px}.admin-command-meta{min-width:0;justify-items:start}.admin-command-hero h1{font-size:29px}.admin-workspace{padding-top:18px}.admin-page-layout{display:block}.admin-side-nav{position:static;margin-bottom:18px}.admin-side-nav>header{display:none}.admin-side-nav nav{overflow-x:auto;flex-direction:row;padding:7px;scrollbar-width:none}.admin-side-nav nav::-webkit-scrollbar{display:none}.admin-side-nav nav a{grid-template-columns:25px auto;grid-template-rows:1fr;min-width:max-content;min-height:42px;padding:7px 12px}.admin-side-nav nav a>span{grid-row:1;width:25px;height:25px}.admin-side-nav nav a small,.admin-side-nav nav a i{display:none}.admin-side-nav>footer{display:none}.admin-content-header{align-items:flex-start;flex-direction:column;gap:8px}.admin-content-header>span{text-align:left}.admin-metric-grid{grid-template-columns:1fr 1fr}.admin-pilot-summary{grid-template-columns:repeat(3,1fr)}.admin-pilot-summary article{align-items:flex-start;flex-direction:column;gap:8px;padding:14px}.admin-presence-table .admin-table-head{display:none}.admin-presence-table article{grid-template-columns:1fr 1fr 65px;gap:8px 14px;padding:13px 16px}.admin-presence-table article>.admin-pilot-updated{grid-column:1/3}.admin-presence-table article>.admin-heartbeat{grid-column:3;grid-row:1/3;align-items:flex-end}.admin-account-table .admin-table-head{display:none}.admin-account-table article{grid-template-columns:1fr 1fr;gap:12px 18px;padding:16px 18px}.admin-account-table article>.admin-member-identity{grid-column:1/-1;padding-bottom:11px;border-bottom:1px solid #edf1f5}.admin-account-table article>span:last-child{grid-column:1/-1}.admin-panel-header{padding-right:16px;padding-left:16px}}
@media(max-width:480px){.admin-workspace{padding-bottom:45px}.admin-command-hero-inner{padding-right:18px;padding-left:18px}.admin-command-hero h1{font-size:26px}.admin-command-hero h1+span{font-size:12px}.admin-metric{min-height:112px;padding:17px 13px;gap:9px}.admin-metric-icon{width:31px;height:31px}.admin-metric strong{font-size:21px}.admin-pilot-summary{grid-template-columns:1fr 1fr}.admin-pilot-summary article:last-child{grid-column:1/-1}.admin-presence-table article{grid-template-columns:1fr 62px}.admin-presence-table article>.admin-location,.admin-presence-table article>.admin-pilot-updated{grid-column:1}.admin-presence-table article>.admin-heartbeat{grid-column:2;grid-row:1/4}.admin-channel-list{padding-right:16px;padding-left:16px}.admin-channel-list article{grid-template-columns:1fr;gap:11px}.admin-account-header form{flex-wrap:wrap}.admin-account-header label{flex-basis:100%}.admin-account-header button,.admin-account-header form>a{flex:1}.admin-account-table article{grid-template-columns:1fr}.admin-account-table article>span,.admin-account-table article>.admin-member-identity,.admin-account-table article>span:last-child{grid-column:1}.admin-activity-list,.admin-purchase-list{padding-right:16px;padding-left:16px}}
@media(max-width:340px){.admin-metric-grid{grid-template-columns:1fr}}
.admin-approval-list { display:grid; gap:14px; padding:18px; }
.admin-approval-list>article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; padding:18px; border:1px solid #dce6f0; border-radius:10px; background:#fff; }
.admin-approval-main h3 { margin:8px 0 4px; color:#092d53; }
.admin-approval-main h3 small { color:#71869b; font-size:12px; }
.admin-approval-main p { color:#60758a; font-size:12px; }
.admin-approval-main dl { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:12px; }
.admin-approval-main dl div { display:flex; gap:7px; font-size:12px; }
.admin-approval-main dt { color:#7c8d9e; }
.admin-approval-main dd { color:#173c61; font-weight:700; }
.admin-approval-audit { margin-top:10px; color:#1f6f4a!important; }
.admin-approval-actions { display:grid; align-content:center; gap:8px; min-width:190px; }
.admin-approval-actions button { padding:10px 12px; border:0; border-radius:7px; color:#fff; background:#1677cf; font-weight:800; }
.admin-approval-actions .is-jp { background:#6a56ba; }
.admin-approval-actions .is-reject { background:#a84747; }
@media(max-width:780px){.admin-approval-list>article{grid-template-columns:1fr}.admin-approval-actions{grid-template-columns:1fr 1fr}.admin-approval-actions .is-reject{grid-column:1/-1}}
.admin-account-table .admin-table-head,.admin-account-table article{grid-template-columns:minmax(190px,1.2fr) 85px 130px 115px 70px minmax(140px,1fr)}
@media(max-width:1060px){.admin-account-table .admin-table-head,.admin-account-table article{grid-template-columns:minmax(175px,1.2fr) 80px 115px 105px 65px minmax(125px,1fr)}}
@media(max-width:780px){.admin-account-table article{grid-template-columns:1fr 1fr}.admin-account-table article>.admin-member-identity{grid-column:1/-1}.admin-account-table article>span:last-child{grid-column:1/-1}}

/* 관리자 화면 가독성 */
.admin-page-layout{grid-template-columns:236px minmax(0,1fr);gap:26px}
.admin-side-nav>header span{font-size:10px}.admin-side-nav>header strong{font-size:19px}
.admin-side-nav nav a{min-height:68px}.admin-side-nav nav a>span{font-size:10px}.admin-side-nav nav b{font-size:13px}.admin-side-nav nav small{font-size:10px;line-height:1.35}.admin-side-nav>footer a{font-size:12px}
.admin-content-header p,.admin-panel-header p{font-size:10px}.admin-content-header h2{font-size:27px}.admin-content-header>span{font-size:13px;line-height:1.5}
.admin-metric small{font-size:13px}.admin-metric strong{font-size:28px}.admin-metric strong em{font-size:12px}.admin-metric p{font-size:12px}
.admin-panel-header h2{font-size:19px}.admin-panel-header>span,.admin-panel-header>a{font-size:12px}
.admin-channel-copy strong{font-size:14px}.admin-channel-copy small{font-size:10px}.admin-channel-state{font-size:10px}.admin-channel-meter b{font-size:12px}.admin-channel-meter b em{font-size:10px}
.admin-pilot-summary span{font-size:12px}.admin-pilot-summary em{font-size:12px}
.admin-heartbeat form{margin-top:7px}.admin-heartbeat button{padding:6px 8px;border:0;border-radius:5px;color:#fff;background:#c53d3d;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.admin-heartbeat button:hover{background:#a92f2f}
.admin-table-head{min-height:40px;font-size:10px}.admin-pilot-identity strong,.admin-member-identity strong{font-size:13px}.admin-pilot-identity small,.admin-member-identity small,.admin-location small,.admin-heartbeat small,.admin-pilot-updated small{font-size:11px;line-height:1.35}.admin-location>b,.admin-heartbeat b,.admin-pilot-updated b{font-size:12px}
.admin-account-header input,.admin-account-header button,.admin-account-header form>a{font-size:13px}.admin-member-identity>em{font-size:10px}.admin-account-table article>span>b:not(.admin-badge){font-size:11px}.admin-account-table article>span>small{font-size:10.5px;line-height:1.4}.admin-badge{font-size:10px}.admin-cash-value{font-size:14px!important}
.admin-activity-list em,.admin-activity-list a>b{font-size:10px}.admin-activity-list strong,.admin-purchase-list strong{font-size:13px}.admin-activity-list small,.admin-purchase-list small{font-size:10.5px}.admin-purchase-list li>span:last-child b{font-size:12px}.admin-empty{font-size:13px!important}
.admin-approval-main h3 small,.admin-approval-main p,.admin-approval-main dl div{font-size:13px}.admin-approval-actions button{font-size:13px}
@media(max-width:1060px){.admin-page-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}}
.admin-account-panel{position:relative;overflow:visible}.admin-account-panel:has(.admin-account-tools[open]){z-index:30}.admin-account-table{position:relative}.admin-account-table .admin-table-head,.admin-account-table article{grid-template-columns:minmax(170px,1.2fr) 80px 115px 100px 65px minmax(125px,1fr) 110px}
.admin-account-table article>span>small.is-error{color:#b23a34;font-weight:800}.admin-account-access{align-items:stretch;justify-content:center;padding-right:0!important}.admin-account-access form{display:block}.admin-account-access button{width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:6px;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.admin-account-access .is-withdraw{background:#b83c3c}.admin-account-access .is-restore{background:#16805c}.admin-account-access button:hover,.admin-account-access button:focus-visible{filter:brightness(.93);outline:3px solid rgba(30,111,178,.15);outline-offset:2px}.admin-account-access>small{margin:auto!important;text-align:center;white-space:normal!important}
@media(max-width:1060px){.admin-account-table .admin-table-head,.admin-account-table article{grid-template-columns:minmax(160px,1.2fr) 75px 105px 90px 60px minmax(115px,1fr) 100px}}
@media(max-width:780px){.admin-account-table article{grid-template-columns:1fr 1fr}.admin-account-table article>.admin-account-access{grid-column:1/-1}.admin-account-access button{min-height:40px;font-size:12px}}
.admin-account-count{display:block;margin-top:7px;color:#71869a;font-size:12px;font-weight:800}.admin-account-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:18px;border-top:1px solid #e5ebf1;background:#fbfcfd}.admin-account-pagination a,.admin-account-pagination span{display:grid;min-width:34px;height:34px;place-items:center;border:1px solid #d2dde8;border-radius:6px;color:#536b82;background:#fff;font-size:12px;font-weight:800}.admin-account-pagination a:hover,.admin-account-pagination a:focus-visible{border-color:#1785d7;color:#0871c2;background:#edf7ff}.admin-account-pagination a[aria-current=page]{border-color:#0c78cb;color:#fff;background:#0c78cb}.admin-account-pagination .is-direction{padding:0 12px;min-width:58px}.admin-account-pagination span{border-color:transparent;background:transparent}
@media(max-width:480px){.admin-account-pagination{gap:4px;padding:14px 8px}.admin-account-pagination a,.admin-account-pagination span{min-width:31px;height:31px}.admin-account-pagination .is-direction{min-width:50px;padding:0 8px}}
.admin-member-identity>em.is-staff-kr{color:#fff;background:#1685d1}.admin-member-identity>em.is-staff-jp{color:#fff;background:#ca426e}.admin-protected-session{margin-top:7px!important;padding:5px 6px;border-radius:5px;color:#7d8791!important;background:#edf1f4;font-weight:800}.admin-approval-readonly{align-self:center;padding:10px 12px;border:1px solid #dce4eb;border-radius:7px;color:#718293;background:#f6f8fa;font-size:11px;font-weight:800}.admin-account-tools{position:relative;margin-top:6px}.admin-account-tools[open]{z-index:40}.admin-account-tools>summary{padding:7px 8px;border:1px solid #c9d8e4;border-radius:6px;color:#315b7e;background:#f3f8fc;font-size:10px;font-weight:900;cursor:pointer;list-style:none;text-align:center}.admin-account-tools>summary::-webkit-details-marker{display:none}.admin-account-tools[open]>summary{color:#fff;border-color:#147bc3;background:#147bc3}.admin-account-tools>div{position:absolute;z-index:20;top:calc(100% + 6px);right:0;display:grid;width:270px;gap:8px;padding:12px;border:1px solid #bfcfdd;border-radius:8px;background:#fff;box-shadow:0 13px 32px #102b4430}.admin-account-tools form{display:grid!important;grid-template-columns:1fr 92px;gap:7px;padding-bottom:8px;border-bottom:1px solid #e6edf3}.admin-account-tools form:last-child{grid-template-columns:1fr;border-bottom:0}.admin-account-tools label{display:grid;gap:4px;color:#64788b;font-size:9px;font-weight:900}.admin-account-tools select,.admin-account-tools input{width:100%;height:32px;padding:0 8px;border:1px solid #cad7e2;border-radius:5px;color:#193b58;background:#fff;font-size:11px}.admin-account-tools button{align-self:end;min-height:32px!important;background:#1a7fc6}.admin-account-tools form:last-child button{margin-top:2px}.admin-operator-audit{margin-bottom:20px}.admin-audit-table article{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr 135px;min-height:70px;align-items:center;padding:10px 18px;border-top:1px solid #e7edf3}.admin-audit-table article>span{display:flex;min-width:0;flex-direction:column;padding-right:12px}.admin-audit-table article b{overflow:hidden;color:#233f59;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-audit-table article small{margin-top:4px;color:#7f90a0;font-size:9px;line-height:1.35}.admin-audit-table .admin-table-head{grid-template-columns:1fr 1fr 1fr 1.5fr 135px}@media(max-width:900px){.admin-audit-table .admin-table-head{display:none}.admin-audit-table article{grid-template-columns:1fr 1fr;gap:10px}.admin-audit-table article>span:nth-child(4){grid-column:1/-1}.admin-account-tools>div{right:auto;left:0}}@media(max-width:520px){.admin-audit-table article{grid-template-columns:1fr}.admin-audit-table article>span:nth-child(4){grid-column:auto}.admin-account-tools>div{position:fixed;right:12px;bottom:12px;left:12px;top:auto;width:auto}}
.admin-cash-table .admin-table-head,.admin-cash-table article{grid-template-columns:minmax(155px,1.15fr) 90px 125px 115px minmax(135px,.9fr) minmax(155px,1fr)}.admin-cash-table article{display:grid;min-height:88px;align-items:center;padding:10px 18px;border-top:1px solid #edf1f5}.admin-cash-table article>span{display:flex;min-width:0;flex-direction:column;padding-right:12px}.admin-cash-table article b:not(.admin-badge){overflow:hidden;color:#344b62;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-cash-table article small{overflow:hidden;margin-top:5px;color:#8796a5;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.admin-cash-table small.is-error{color:#b23a34;font-weight:800}.admin-cash-summary article:first-child{border-color:#b9daf2;background:#f5fbff}
.admin-cash-member>b{display:flex;align-items:center;gap:7px}.admin-cash-member>b>i{flex:0 0 auto;padding:3px 6px;border-radius:4px;color:#5865f2;background:#eef0ff;font-size:8px;font-style:normal;font-weight:900}.admin-cash-member>small+small{margin-top:2px!important;color:#a0acb7!important}
.admin-cash-header{align-items:flex-end}.admin-cash-tabs{display:flex;gap:5px}.admin-cash-tabs a{display:flex;min-height:34px;align-items:center;gap:6px;padding:0 13px;border:1px solid #d4e0ea;border-radius:6px;color:#61768a;background:#f8fafc;font-size:11px;font-weight:900}.admin-cash-tabs a b{color:#91a0af;font-size:9px}.admin-cash-tabs a[aria-current=page]{border-color:#147fce;color:#fff;background:#147fce}.admin-cash-tabs a[aria-current=page] b{color:#cfeaff}.admin-cash-method>b{align-self:flex-start;padding:4px 7px;border-radius:5px;font-size:10px}.admin-cash-method>b.is-kr{color:#147654;background:#e5f8ee}.admin-cash-method>b.is-jp{color:#5941aa;background:#eeeaff}.admin-cash-method small{white-space:normal!important}.admin-cash-decision{display:flex;gap:4px;margin-top:7px}.admin-cash-decision button{min-height:27px;padding:0 8px;border:0;border-radius:5px;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.admin-cash-decision .is-approve{background:#15805b}.admin-cash-decision .is-reject{background:#ad4141}.admin-cash-decision button:hover,.admin-cash-decision button:focus-visible{filter:brightness(.94)}
.admin-cash-search{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid #edf1f5}.admin-cash-search label{flex:1}.admin-cash-search input{width:100%;height:36px;padding:0 11px;border:1px solid #cbd9e5;border-radius:6px;color:#23445f;background:#fff;font-size:11px}.admin-cash-search button,.admin-cash-search>a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 14px;border:0;border-radius:6px;color:#fff;background:#147fce;font-size:11px;font-weight:900;cursor:pointer}.admin-cash-search>a{color:#60768a;background:#eef3f7}
@media(max-width:1060px){.admin-cash-table .admin-table-head,.admin-cash-table article{grid-template-columns:minmax(140px,1fr) 80px 105px 105px minmax(115px,.8fr) minmax(135px,.9fr)}.admin-cash-tabs a{padding:0 10px}}
@media(max-width:780px){.admin-cash-table .admin-table-head{display:none}.admin-cash-table article{grid-template-columns:1fr 1fr;gap:13px 18px;padding:16px 18px}.admin-cash-table article>span{padding-right:0}.admin-cash-table article>span:first-child{grid-column:1/-1;padding-bottom:11px;border-bottom:1px solid #edf1f5}}
@media(max-width:600px){.admin-cash-header{align-items:stretch;flex-direction:column}.admin-cash-tabs{width:100%}.admin-cash-tabs a{flex:1;justify-content:center}}
.admin-manual-cash-panel{margin-bottom:20px}.admin-manual-cash-list{display:grid;gap:12px;padding:18px}.admin-manual-cash-list>article{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;padding:17px;border:1px solid #dce6f0;border-radius:9px;background:#fff}.admin-manual-cash-main h3{display:flex;align-items:center;gap:8px;margin:9px 0 5px;color:#123553;font-size:16px}.admin-manual-cash-main h3 i{padding:3px 6px;border-radius:4px;color:#5865f2;background:#eef0ff;font-size:9px;font-style:normal}.admin-manual-cash-main>p{margin:0;color:#718398;font-size:12px}.admin-manual-cash-main dl{display:flex;flex-wrap:wrap;gap:12px 24px;margin:13px 0 0}.admin-manual-cash-main dl div{display:flex;gap:7px;font-size:12px}.admin-manual-cash-main dt{color:#8493a2}.admin-manual-cash-main dd{color:#173c61;font-weight:900}.admin-manual-cash-audit{margin-top:12px!important;color:#27704f!important}.admin-manual-cash-actions{display:grid;align-content:center;gap:8px}.admin-manual-cash-actions button{min-height:40px;border:0;border-radius:7px;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.admin-manual-cash-actions .is-approve{background:#15805b}.admin-manual-cash-actions .is-reject{background:#ad4141}.admin-manual-cash-actions button:hover,.admin-manual-cash-actions button:focus-visible{filter:brightness(.94);outline:3px solid rgba(30,111,178,.15);outline-offset:2px}@media(max-width:780px){.admin-manual-cash-list>article{grid-template-columns:1fr}.admin-manual-cash-actions{grid-template-columns:1fr 1fr}}@media(max-width:480px){.admin-manual-cash-main dl{display:grid}.admin-manual-cash-actions{grid-template-columns:1fr}}
.admin-cash-grant-panel{margin-bottom:18px}.admin-cash-grant-form{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;padding:20px}.admin-cash-scope{min-width:0;margin:0;padding:0;border:0}.admin-cash-scope legend,.admin-cash-field>span{display:block;margin-bottom:8px;color:#4c6278;font-size:11px;font-weight:900}.admin-cash-scope>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-cash-scope label{position:relative;cursor:pointer}.admin-cash-scope input{position:absolute;opacity:0;pointer-events:none}.admin-cash-scope label>span{display:grid;min-height:58px;align-content:center;gap:4px;padding:9px 12px;border:1px solid #d4dee8;border-radius:7px;color:#40566d;background:#f8fafc;transition:.15s ease}.admin-cash-scope label b{font-size:12px}.admin-cash-scope label small{color:#8a99a8;font-size:9px}.admin-cash-scope input:checked+span{border-color:#1282d6;color:#086dbd;background:#edf7ff;box-shadow:inset 0 0 0 1px #1282d6}.admin-cash-scope input:focus-visible+span{outline:3px solid rgba(18,130,214,.18);outline-offset:2px}.admin-cash-field{display:block;min-width:0}.admin-cash-field>span small{margin-left:5px;color:#92a0ad;font-size:9px;font-weight:700}.admin-cash-field input,.admin-cash-field textarea{width:100%;border:1px solid #cfdbe6;border-radius:7px;color:#1b3956;background:#fff;font:700 12px/1.45 Arial,sans-serif}.admin-cash-field input{height:58px;padding:0 13px}.admin-cash-field textarea{min-height:66px;padding:11px 13px;resize:vertical;font-family:inherit}.admin-cash-field input:focus,.admin-cash-field textarea:focus{border-color:#1684d6;outline:3px solid rgba(22,132,214,.12)}.admin-cash-field.is-disabled{opacity:.45}.admin-cash-memo-field{grid-column:1/-1}.admin-cash-grant-form>footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:15px;border-top:1px solid #e5ebf1}.admin-cash-grant-form>footer p{margin:0;color:#75889b;font-size:11px}.admin-cash-grant-form>footer button{min-width:150px;height:42px;border:0;border-radius:7px;color:#fff;background:#087bd1;font-size:12px;font-weight:900;cursor:pointer}.admin-cash-grant-form>footer button:hover,.admin-cash-grant-form>footer button:focus-visible{background:#066bb7;outline:3px solid rgba(8,123,209,.16);outline-offset:2px}.admin-cash-method>b.is-all{color:#8a5d00;background:#fff2cc}.admin-cash-ledger-memo{overflow:visible!important;color:#586f85!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word}@media(max-width:900px){.admin-cash-grant-form{grid-template-columns:1fr 1fr}.admin-cash-scope{grid-column:1/-1}}@media(max-width:600px){.admin-cash-grant-form{grid-template-columns:1fr;padding:16px}.admin-cash-scope,.admin-cash-memo-field,.admin-cash-grant-form>footer{grid-column:1}.admin-cash-grant-form>footer{align-items:stretch;flex-direction:column}.admin-cash-grant-form>footer button{width:100%}}

.admin-reward-settings{display:grid;gap:18px}.admin-reward-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.admin-reward-channel-grid fieldset{min-width:0;margin:0;padding:16px;border:1px solid #dce5ee;border-radius:8px;background:#f8fbfe}.admin-reward-channel-grid legend{display:flex;align-items:center;gap:7px;padding:0 6px;color:#173b5d}.admin-reward-channel-grid legend b{font-size:14px}.admin-reward-channel-grid legend small{color:#7e94a8;font:800 9px/1 Arial,sans-serif;letter-spacing:.12em}.admin-reward-channel-grid label{display:block;margin-top:13px}.admin-reward-channel-grid label>span{display:block;margin-bottom:6px;color:#587087;font-size:11px;font-weight:800}.admin-reward-channel-grid label>div,.admin-reward-drop-grid label>div{display:flex;height:44px;align-items:center;border:1px solid #cbd8e4;border-radius:6px;background:#fff;overflow:hidden}.admin-reward-channel-grid input,.admin-reward-drop-grid input{min-width:0;height:100%;flex:1;padding:0 12px;border:0;outline:0;color:#0d4f84;background:transparent;font:900 17px/1 Arial,sans-serif}.admin-reward-channel-grid em,.admin-reward-drop-grid em{display:grid;height:100%;min-width:44px;place-items:center;border-left:1px solid #dde6ee;color:#6b8094;background:#f3f7fa;font-size:11px;font-style:normal;font-weight:900}.admin-reward-channel-grid label>div:focus-within,.admin-reward-drop-grid label>div:focus-within{border-color:#1483d4;box-shadow:0 0 0 3px rgba(20,131,212,.11)}.admin-reward-drop-panel>p{margin:0;padding:0 20px 20px;color:#7a8c9e;font-size:11px}.admin-reward-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.admin-reward-drop-grid label{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,.8fr);align-items:center;gap:18px;padding:16px;border:1px solid #dce5ee;border-radius:8px;background:#f8fbfe}.admin-reward-drop-grid label>span{display:grid;gap:5px}.admin-reward-drop-grid label>span b{color:#173b5d;font-size:14px}.admin-reward-drop-grid label>span small{color:#8192a3;font-size:10px}.admin-reward-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:1px solid #cbdbe8;border-radius:9px;background:#eef7ff}.admin-reward-submit span{color:#667d91;font-size:11px}.admin-reward-submit span b{color:#0b6fb9}.admin-reward-submit button{min-width:190px;height:44px;border:0;border-radius:7px;color:#fff;background:#087bd1;font-size:12px;font-weight:900;cursor:pointer}.admin-reward-submit button:hover,.admin-reward-submit button:focus-visible{background:#066bb7;outline:3px solid rgba(8,123,209,.16);outline-offset:2px}@media(max-width:900px){.admin-reward-channel-grid{grid-template-columns:1fr}.admin-reward-drop-grid{grid-template-columns:1fr}}@media(max-width:600px){.admin-reward-channel-grid,.admin-reward-drop-grid{padding:15px}.admin-reward-drop-grid label{grid-template-columns:1fr}.admin-reward-submit{align-items:stretch;flex-direction:column}.admin-reward-submit button{width:100%}}
.admin-economy-settings{display:grid;gap:18px}.admin-economy-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:20px}.admin-economy-level-grid label{display:grid;gap:7px}.admin-economy-level-grid label>span{color:#577087;font-size:11px;font-weight:900}.admin-economy-level-grid label>div{display:flex;height:42px;border:1px solid #cbd8e4;background:#fff}.admin-economy-level-grid input{min-width:0;width:100%;padding:0 9px;border:0;color:#0d5b94;font-weight:900}.admin-economy-level-grid em{display:grid;min-width:48px;place-items:center;border-left:1px solid #dce5ed;color:#72879a;background:#f4f7fa;font-size:9px;font-style:normal;font-weight:900}.admin-economy-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.admin-economy-package-grid fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:15px;border:1px solid #d9e3eb;background:#f8fbfd}.admin-economy-package-grid legend{padding:0 6px;color:#173b5d;font-weight:900}.admin-economy-package-grid label{display:grid;gap:6px;color:#61798f;font-size:10px;font-weight:800}.admin-economy-package-grid input{height:40px;padding:0 10px;border:1px solid #c9d6e1;color:#0b609d;background:#fff;font-weight:900}.admin-reset-panel{margin-top:22px;border-color:#edc6c1}.admin-reset-panel>form{padding:20px}.admin-reset-panel>form>p{margin:0 0 15px;padding:11px 13px;color:#a03f35;background:#fff1ef;font-size:11px;font-weight:800}.admin-reset-scopes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.admin-reset-scopes label{cursor:pointer}.admin-reset-scopes input{position:absolute;opacity:0}.admin-reset-scopes span{display:grid;gap:4px;min-height:64px;padding:12px;border:1px solid #d8e2ea;background:#f8fbfd}.admin-reset-scopes b{color:#284761;font-size:11px}.admin-reset-scopes small{color:#7e909f;font-size:9px}.admin-reset-scopes input:checked+span{border-color:#df5a49;box-shadow:inset 0 0 0 1px #df5a49;background:#fff3f1}.admin-reset-confirm{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:14px;margin-top:15px}.admin-reset-confirm>span{color:#5b7083;font-size:11px}.admin-reset-confirm>span b{display:block;margin-top:3px;color:#c43f31}.admin-reset-confirm input{height:42px;padding:0 12px;border:1px solid #cbd7e1}.admin-reset-panel footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}.admin-reset-panel footer small{color:#75899b;font-size:10px}.admin-reset-panel footer button{min-width:190px;height:42px;border:0;border-radius:5px;color:#fff;background:#c74738;font-weight:900;cursor:pointer}.admin-welcome-cash-panel{margin-bottom:18px}.admin-welcome-cash-panel>form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,1fr) auto;align-items:end;gap:16px;padding:18px 20px}.admin-toggle-field input{position:absolute;opacity:0}.admin-toggle-field>span{display:grid;gap:4px;padding:11px 12px;border:1px solid #d8e2ea;background:#f7fafc;cursor:pointer}.admin-toggle-field b{color:#244761;font-size:11px}.admin-toggle-field small{color:#7a8f9f;font-size:9px}.admin-toggle-field input:checked+span{border-color:#159057;background:#edf9f3}.admin-welcome-cash-panel>form>button{height:42px;padding:0 22px;border:0;border-radius:5px;color:#fff;background:#087bd1;font-weight:900;cursor:pointer}@media(max-width:900px){.admin-economy-level-grid{grid-template-columns:repeat(2,1fr)}.admin-economy-package-grid{grid-template-columns:1fr}.admin-reset-scopes{grid-template-columns:repeat(2,1fr)}.admin-welcome-cash-panel>form{grid-template-columns:1fr}}@media(max-width:600px){.admin-economy-level-grid,.admin-economy-package-grid{padding:14px}.admin-economy-package-grid fieldset{grid-template-columns:1fr}.admin-reset-scopes{grid-template-columns:1fr}.admin-reset-confirm{grid-template-columns:1fr}.admin-reset-panel footer{align-items:stretch;flex-direction:column}.admin-reset-panel footer button{width:100%}}
.admin-download-link-grid{display:grid;gap:16px;padding:22px}.admin-download-link-grid label{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px}.admin-download-link-grid label>span{display:grid;gap:4px;color:#24445f}.admin-download-link-grid label b{font-size:12px}.admin-download-link-grid label small{color:#8293a3;font-size:9px}.admin-download-link-grid input{width:100%;height:42px;padding:0 12px;border:1px solid #cad7e2;border-radius:7px;color:#173b59;background:#fff;font:700 11px Arial,sans-serif}.admin-download-link-grid input:focus{border-color:#1684d6;outline:3px solid rgba(22,132,214,.12)}.admin-download-help{margin:0;padding:0 22px 22px;color:#74889a;font-size:10px}.admin-download-settings .admin-panel{margin-bottom:0}@media(max-width:680px){.admin-download-link-grid label{grid-template-columns:1fr;gap:8px}}
.admin-membership-pricing-panel{margin-bottom:20px}.admin-membership-pricing-list{display:grid;gap:14px;padding:20px}.admin-membership-pricing-list>form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;border:1px solid #d7e3ed;border-radius:9px;background:#f8fbfd}.admin-membership-pricing-list>form>header,.admin-membership-pricing-list>form>footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-membership-pricing-list>form>header span{display:grid;gap:4px}.admin-membership-pricing-list>form>header b{color:#173b5a;font-size:15px}.admin-membership-pricing-list>form>header small,.admin-membership-pricing-list>form>header time,.admin-membership-pricing-list>form>footer small{color:#7c8f9f;font-size:10px}.admin-membership-pricing-list fieldset{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:13px;border:1px solid #d9e4ed;background:#fff}.admin-membership-pricing-list legend{padding:0 6px;color:#176ea9;font-size:12px;font-weight:900}.admin-membership-pricing-list label{display:grid;gap:6px;color:#597187;font-size:10px;font-weight:900}.admin-membership-pricing-list label>div{display:flex;height:40px;overflow:hidden;border:1px solid #cad8e4;border-radius:6px}.admin-membership-pricing-list input{min-width:0;width:100%;padding:0 10px;border:0;outline:0;color:#0b5d98;background:#fff;font:900 14px Arial,sans-serif}.admin-membership-pricing-list em{display:grid;min-width:34px;place-items:center;color:#6d8295;background:#f1f5f8;font-size:10px;font-style:normal;font-weight:900}.admin-membership-pricing-list fieldset>small{grid-column:1/-1;color:#527087;font-size:10px;font-weight:800}.admin-membership-pricing-list>form>footer{padding-top:12px;border-top:1px solid #dfe8ef}.admin-membership-pricing-list>form>footer button{height:38px;padding:0 20px;border:0;border-radius:6px;color:#fff;background:#087bd1;font-size:11px;font-weight:900;cursor:pointer}.admin-membership-pricing-empty{margin:0;padding:22px;color:#7d8d9c;font-size:12px}@media(max-width:780px){.admin-membership-pricing-list>form{grid-template-columns:1fr}.admin-membership-pricing-list>form>header,.admin-membership-pricing-list>form>footer{grid-column:1}.admin-membership-pricing-list>form>header{align-items:flex-start;flex-direction:column}.admin-membership-pricing-list>form>footer{align-items:stretch;flex-direction:column}.admin-membership-pricing-list>form>footer button{width:100%}}@media(max-width:480px){.admin-membership-pricing-list{padding:14px}.admin-membership-pricing-list fieldset{grid-template-columns:1fr}.admin-membership-pricing-list fieldset>small{grid-column:1}}

/* Store gift switches. */
@media(min-width:901px){.admin-reward-channel-grid{grid-template-columns:repeat(4,1fr)}}
.admin-economy-product-setting{display:grid;align-content:start;gap:9px}.admin-economy-package-grid .admin-store-gift-toggle{grid-column:1/-1}.admin-store-gift-toggle{display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:flex-start;gap:7px!important;width:max-content;color:#45677f!important;cursor:pointer}.admin-store-gift-toggle input[type=checkbox]{position:static!important;width:17px!important;min-width:17px!important;height:17px!important;margin:0!important;padding:0!important;border:1px solid #b8cad8!important;accent-color:#1481c8}.admin-store-gift-toggle>span{color:#45677f!important;font-size:10px!important;font-weight:900!important}.admin-membership-pricing-list>form>footer .admin-store-gift-toggle{margin-right:auto}.admin-membership-pricing-list>form>footer>small{margin-right:auto}@media(max-width:780px){.admin-membership-pricing-list>form>footer .admin-store-gift-toggle{margin-right:0}}

/* Canonical game identity and cross-country display names. */
.admin-identity-summary small{color:#52697e!important;white-space:normal;overflow-wrap:anywhere}.admin-identity-summary strong{font-size:12px}.admin-identity-summary small b{color:#234763;font-weight:800}.admin-account-tools .admin-identity-form{grid-template-columns:minmax(0,1fr);gap:9px}.admin-identity-form label{font-size:10px}.admin-identity-form label small,.admin-identity-help{margin:0;color:#52697e;font-size:10px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.admin-account-tools>div{max-height:min(70vh,620px);overflow-y:auto;overscroll-behavior:contain}

/* Guild assignment previews in the existing member settings panel. */
.admin-account-tools .admin-guild-editor{grid-template-columns:minmax(0,1fr);min-width:0}
.admin-guild-editor fieldset{border:0;margin:0;padding:0;min-width:0}
.admin-guild-editor legend{font-weight:700;margin-bottom:8px}
.admin-guild-editor p{margin:0 0 10px;font-size:12px}
.admin-account-tools .admin-guild-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.admin-account-tools .admin-guild-options label{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid #425976;border-radius:6px;cursor:pointer;white-space:normal;text-align:center}
.admin-guild-options label:has(input:checked){border-color:#1684d6;background:#e7f2fc}
.admin-account-tools .admin-guild-options input{width:16px;height:16px;min-height:0;margin:0;accent-color:#429dff}
.admin-account-tools .admin-guild-options img{width:48px;height:48px;object-fit:contain}
.admin-guild-editor>small{display:block;margin:10px 0;line-height:1.5}

/* Scoped season reward tables and unavailable settings. */
.page-admin .admin-panel,.page-admin .admin-reward-settings{min-width:0}
.page-admin .admin-panel .admin-table-wrap{max-width:100%;padding:4px 20px 20px;overflow-x:auto}
.page-admin .admin-panel .admin-table{width:100%;border-collapse:collapse;color:#405b73;font-size:13px;line-height:1.6;text-align:left}
.page-admin .admin-panel .admin-table th,.page-admin .admin-panel .admin-table td{padding:12px 16px;border-bottom:1px solid #e1e9f0;white-space:nowrap}
.page-admin .admin-panel .admin-table thead th{color:#557189;background:#f3f7fa;font-size:12px;font-weight:800}
.page-admin .admin-panel .admin-table tbody tr:nth-child(even){background:#f9fbfd}
.page-admin .admin-panel .admin-table th:last-child,.page-admin .admin-panel .admin-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.page-admin .admin-panel .admin-table-wrap+p{margin:0 20px 20px;color:#647b8e;font-size:12px;line-height:1.8}
.page-admin .admin-panel>.admin-empty-state{margin:20px;padding:16px;border:1px solid #e8d9ba;border-radius:7px;color:#75592f;background:#fff8ec;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.page-admin .admin-reward-submit button:disabled,.page-admin .admin-reward-submit button:disabled:hover,.page-admin .admin-reward-submit button:disabled:focus-visible{color:#718294;background:#dfe6ed;cursor:not-allowed;outline:none}
@media(max-width:600px){.page-admin .admin-panel .admin-table-wrap{padding:4px 12px 14px}.page-admin .admin-panel .admin-table th,.page-admin .admin-panel .admin-table td{padding:11px 12px;font-size:12px}.page-admin .admin-panel .admin-table-wrap+p{margin:0 14px 16px}.page-admin .admin-panel>.admin-empty-state{margin:14px;padding:13px}}

/* recharge.css */
.recharge-panel{width:min(620px,calc(100vw - 28px))}
.recharge-manual{display:grid;gap:13px;padding:20px;border:1px solid rgba(135,190,255,.28);border-radius:8px;background:linear-gradient(135deg,rgba(10,43,84,.95),rgba(13,66,120,.92));box-shadow:0 12px 28px rgba(0,20,50,.2);color:#fff}
.recharge-manual>strong{font-size:18px}
.recharge-manual-quote{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid rgba(135,190,255,.3);border-radius:7px;background:rgba(4,27,58,.35)}
.recharge-manual-quote>span{grid-column:1/-1;color:#7fc8ff;font-size:11px;font-weight:900;letter-spacing:.08em}
.recharge-manual-quote>p{display:flex!important;flex-direction:column;gap:4px;padding:10px;border-radius:6px;background:rgba(255,255,255,.06)}
.recharge-manual-quote small{color:#abc3dd;font-size:11px}.recharge-manual-quote b{color:#fff;font-size:18px}
.recharge-manual>p{margin:0;color:#d5e5f6;font-size:13px;line-height:1.7}
.recharge-manual>a{display:flex;min-height:48px;align-items:center;justify-content:center;border-radius:7px;background:#fee500;color:#191919;font-size:14px;font-weight:900}
.recharge-manual>small{color:#9eb3ce;font-size:11px;line-height:1.6}
.recharge-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 10px}
.recharge-product{position:relative;display:block;cursor:pointer}
.recharge-product:last-child{grid-column:1/-1}
.recharge-product input{position:absolute;opacity:0;pointer-events:none}
.recharge-product-main{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:12px 15px;border:1px solid rgba(135,190,255,.28);border-radius:8px;background:linear-gradient(135deg,rgba(10,43,84,.95),rgba(13,66,120,.92));box-shadow:0 8px 24px rgba(0,20,50,.16);color:#fff;transition:border-color .16s,transform .16s,box-shadow .16s}
.recharge-product:last-child .recharge-product-main{justify-content:center;gap:34px}
.recharge-product-main b{font-size:18px;color:#96d9ff}
.recharge-product-main strong{font-size:15px;letter-spacing:.01em}
.recharge-product input:checked+.recharge-product-main{border-color:#4db8ff;box-shadow:0 0 0 2px rgba(49,158,236,.22),0 12px 26px rgba(0,25,60,.24);transform:translateY(-1px)}
.recharge-rate,.recharge-notice{margin:10px 0;color:#9eb3ce;font-size:12px;line-height:1.6}
.recharge-paypal-recipient{display:grid;gap:4px;margin:12px 0;padding:13px;border:1px solid #365e84;border-radius:7px;background:#071b31;color:#ddecff}
.recharge-paypal-recipient span{font-size:12px;font-weight:800;color:#9eb3ce}
.recharge-paypal-recipient strong{font:800 15px/1.4 monospace;overflow-wrap:anywhere}
.recharge-paypal-recipient small{font-size:11px;line-height:1.5;color:#9eb3ce}
.recharge-form>button{width:100%;min-height:48px;margin-top:8px;border:0;border-radius:7px;background:#0877d1;color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.recharge-form>button:disabled{opacity:.48;cursor:not-allowed}
.recharge-paypal-link{display:flex;min-height:48px;margin-top:12px;align-items:center;justify-content:center;border-radius:7px;background:#0070ba;color:#fff;font-size:15px;font-weight:900;text-decoration:none}
.recharge-transaction{display:grid;gap:7px;margin:14px 0 8px;color:#e7f3ff;font-size:13px;font-weight:800}
.recharge-transaction input{min-height:46px;padding:0 13px;border:1px solid #54789a;border-radius:7px;background:#071b31;color:#fff;font:700 15px/1.2 monospace;letter-spacing:.06em;text-transform:uppercase}
.recharge-transaction input:focus{border-color:#4db8ff;outline:2px solid rgba(49,158,236,.22)}
.recharge-transaction small{color:#9eb3ce;font-size:11px;font-weight:500;line-height:1.6}
@media(max-width:620px){.recharge-products{grid-template-columns:1fr}.recharge-product:last-child{grid-column:auto}.recharge-product-main{min-height:58px}.recharge-product:last-child .recharge-product-main{justify-content:space-between;gap:14px}}

/* population.css */
/* Population history and public pilot directory. */
.population-history-card{order:1;padding:18px 18px 14px;border:1px solid #d4dde7;background:#fff}
.population-history-card>header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:11px;border-bottom:2px solid #17304e}
.population-history-card>header div{display:grid;gap:2px}.population-history-card>header span{color:#0870d9;font:800 8px Arial,sans-serif;letter-spacing:.15em}.population-history-card>header h2{margin:0;color:#152d49;font-size:17px}.population-history-card>header>b{color:#60778e;font-size:9px}
.population-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:11px}.population-weekdays button{height:25px;padding:0;color:#637b90;border:1px solid #d1dce5;border-radius:3px;background:#f4f7fa;font-size:9px;font-weight:800;cursor:pointer}.population-weekdays button:hover{border-color:#70b9df;background:#eaf6fc}.population-weekdays button:focus-visible{outline:2px solid #2e9bd3;outline-offset:1px}.population-weekdays button[aria-pressed=true]{color:#fff;border-color:#1177b6;background:#1177b6;box-shadow:0 2px 6px #1177b63d}
.population-hourly-chart{margin-top:10px}.population-hourly-chart ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.population-hourly-chart ol[hidden]{display:none!important}
.population-hourly-chart li{display:grid;min-height:25px;grid-template-columns:45px minmax(0,1fr) 39px;align-items:center;gap:8px}.population-period-label{display:grid;gap:1px;color:#244c6b}.population-period-label b{font:800 9px Arial,sans-serif}.population-period-label small{color:#8a9bab;font:6px Arial,sans-serif;letter-spacing:.08em}
.population-period-bar{display:block;height:10px;overflow:hidden;border-radius:5px;background:#e8eef3}.population-period-bar i{display:block;height:100%;min-width:0;border-radius:5px;background:linear-gradient(90deg,#35b7df,#1377ba);box-shadow:0 0 5px #1585c44a}
.population-hourly-chart li>strong{color:#126fa8;font:900 11px Arial,sans-serif;text-align:right}.population-hourly-chart li>strong small{margin-left:2px;color:#71879a;font:7px sans-serif}.population-hourly-chart li.is-empty .population-period-bar i{display:none}.population-hourly-chart li.is-empty>strong{color:#a1afba}
.population-history-card>footer{display:flex;justify-content:space-between;margin-top:8px;padding-top:9px;border-top:1px solid #e0e7ed}.population-history-card>footer span,.population-history-card>footer b{font-size:8px}.population-history-card>footer span{color:#72879a}.population-history-card>footer b{color:#1a719f}
.page-home .population-strip>a{position:relative;text-decoration:none;transition:background .16s}.page-home .population-strip>a:after{position:absolute;right:14px;color:#72b8e7;content:"→";font-size:13px}.page-home .population-strip>a:focus-visible{outline:2px solid #62b9eb;outline-offset:-3px}

.pilot-directory-section{padding:30px 0 65px;background:#f1f4f8}.pilot-directory-shell{display:grid;gap:16px}.pilot-directory-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #c7d5e1;background:#fff;box-shadow:0 7px 20px #17395612}.pilot-directory-tabs a{display:grid;gap:3px;padding:16px 20px;color:#47647d;border-left:1px solid #d7e1e9;text-decoration:none}.pilot-directory-tabs a:first-child{border-left:0}.pilot-directory-tabs span{color:#2b7eb6;font:900 8px Arial,sans-serif;letter-spacing:.15em}.pilot-directory-tabs strong{font-size:14px}.pilot-directory-tabs a[aria-current=page]{color:#fff;background:linear-gradient(105deg,#0b3457,#126da4)}.pilot-directory-tabs a[aria-current=page] span{color:#8fd2f3}
.pilot-directory-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid #cfdae4;background:#fff}.pilot-directory-toolbar>div{display:grid;gap:3px}.pilot-directory-toolbar>div>span{color:#2380bb;font:900 8px Arial,sans-serif;letter-spacing:.14em}.pilot-directory-toolbar h2{margin:0;color:#143753;font-size:21px}.pilot-directory-toolbar small{color:#688197;font-size:10px}.pilot-directory-toolbar form{display:grid;grid-template-columns:minmax(180px,270px) 58px}.pilot-directory-toolbar input{width:100%;height:38px;padding:0 11px;border:1px solid #bdcedb;color:#173a57;background:#f9fbfc;font-size:11px}.pilot-directory-toolbar input:focus{border-color:#1680c3;outline:2px solid #79c2ee}.pilot-directory-toolbar button{border:0;color:#fff;background:#1577b5;font-size:10px;font-weight:900}
.pilot-channel-groups{display:grid;gap:10px}.pilot-channel-group{border:1px solid #cbd8e2;background:#fff;box-shadow:0 4px 14px #1739560d}.pilot-channel-group>summary{display:grid;min-height:67px;grid-template-columns:9px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:0 20px;cursor:pointer;list-style:none}.pilot-channel-group>summary::-webkit-details-marker{display:none}.pilot-channel-group>summary>i{width:8px;height:8px;border-radius:50%;background:#aab7c1}.pilot-channel-group.has-users>summary>i{background:#36c676;box-shadow:0 0 7px #36c676}.pilot-channel-group>summary span{display:grid;gap:3px}.pilot-channel-group>summary strong{color:#173b58;font-size:14px}.pilot-channel-group>summary small{color:#8193a3;font:8px Arial,sans-serif}.pilot-channel-group>summary>b{color:#126ca7;font-size:12px}.pilot-channel-group>summary>em{color:#668096;font-style:normal;transition:transform .15s}.pilot-channel-group[open]>summary>em{transform:rotate(180deg)}.pilot-channel-group[open]>summary{border-bottom:1px solid #dbe4eb;background:#f8fbfd}
.pilot-online-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:8px 18px 15px;list-style:none}.pilot-online-list li{display:grid;min-width:0;grid-template-columns:40px minmax(0,1fr) minmax(80px,.8fr) auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #e2e9ef}.pilot-online-list li:nth-child(odd){border-right:1px solid #e2e9ef}.pilot-online-list img{width:38px;height:38px;object-fit:contain}.pilot-online-list li>span{display:grid;min-width:0;gap:2px}.pilot-online-list li>span strong,.pilot-online-list li>span small,.pilot-online-guild{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilot-online-list li>span strong{color:#173a57;font-size:12px}.pilot-online-list li>span small,.pilot-online-guild{color:#7a8fa1;font-size:8px}.pilot-channel-empty{margin:0;padding:24px;color:#768b9d;text-align:center;font-size:10px}
.pilot-status{display:inline-flex;min-width:62px;min-height:25px;align-items:center;justify-content:center;padding:4px 7px;color:#526d82;border-radius:13px;background:#e9eff4;font-size:8px;white-space:nowrap}.pilot-status.is-battle{color:#fff;background:#df563d}.pilot-status.is-room{color:#fff;background:#e88b2c}.pilot-status.is-channel{color:#fff;background:#1788c5}.pilot-status.is-lobby,.pilot-status.is-tutorial,.pilot-status.is-shop,.pilot-status.is-ranking{color:#116d9e;background:#dff2fb}.pilot-status.is-offline{color:#738391;background:#e7ebee}
.pilot-table-wrap{overflow:hidden;border:1px solid #c9d7e2;background:#fff}.pilot-table-head,.pilot-table li{display:grid;grid-template-columns:1.35fr .65fr 1fr 1.1fr .8fr .7fr;align-items:center;gap:12px}.pilot-table-head{min-height:40px;padding:0 18px;color:#5d768b;background:#eaf1f6;font-size:9px;font-weight:900}.pilot-table{margin:0;padding:0;list-style:none}.pilot-table li{min-height:66px;padding:8px 18px;border-top:1px solid #e0e8ef;color:#48647a;font-size:10px}.pilot-table li>strong{display:grid;min-width:0;gap:3px}.pilot-table li>strong b,.pilot-table li>strong small,.pilot-table li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilot-table li>strong b{color:#173b58;font-size:12px}.pilot-table li>strong small{color:#8396a6;font:8px Arial,sans-serif}.pilot-rank{display:grid!important;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:6px}.pilot-rank img{width:36px;height:36px;object-fit:contain}.pilot-rank small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.pilot-table time{color:#7a8fa1;font:9px Arial,sans-serif}.pilot-table .pilot-table-empty{display:block;padding:30px;text-align:center}.pilot-country{white-space:nowrap}

@media(max-width:760px){
.population-history-card{padding:17px 14px}
.page-home .population-strip>a:after{right:7px}.pilot-directory-section{padding:18px 0 45px}.pilot-directory-tabs a{padding:13px}.pilot-directory-toolbar{align-items:stretch;flex-direction:column;padding:17px}.pilot-directory-toolbar form{grid-template-columns:minmax(0,1fr) 58px}.pilot-online-list{grid-template-columns:1fr;padding:7px 12px 13px}.pilot-online-list li:nth-child(odd){border-right:0}.pilot-online-list li{grid-template-columns:36px minmax(0,1fr) auto}.pilot-online-list img{width:34px;height:34px}.pilot-online-guild{display:none!important}.pilot-table-head{display:none}.pilot-table li{grid-template-columns:minmax(0,1.3fr) .8fr;gap:8px 12px;padding:12px 14px}.pilot-table li>strong{grid-row:1/3}.pilot-rank{grid-column:1}.pilot-table .pilot-status{grid-column:2;grid-row:2}.pilot-table time{grid-column:2}.pilot-country{grid-column:2;grid-row:1}.pilot-table li>span:not(.pilot-country):not(.pilot-rank){grid-column:1}.pilot-table .pilot-table-empty{display:block}
}

/* app.css runtime additions */
.language-picker{position:relative;margin:0}.language-picker summary{display:flex;min-width:118px;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:6px;color:#eef7ff;background:#102e4d;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary::after{margin-left:auto;content:"⌄"}.language-picker summary img,.language-picker-menu img{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0b1d2e2e}.language-picker-menu{position:absolute;z-index:100;top:calc(100% + 5px);right:0;display:grid;min-width:142px;padding:5px;border:1px solid #bdd1e1;border-radius:7px;background:#fff;box-shadow:0 10px 28px #00172d38}.language-picker-menu a{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:5px;color:#173a58;font-size:12px;font-weight:800;text-decoration:none}.language-picker-menu a:hover,.language-picker-menu a[aria-current="page"]{color:#086cac;background:#e8f4fd}.language-picker summary:focus-visible{outline:2px solid #38a9ef;outline-offset:2px}.gate-language{position:absolute;top:18px;right:18px}.gate-language summary{border-color:#a8c9df;color:#173a58;background:#f4f9fd}
.site-language-picker{display:flex;height:100%;align-self:center;align-items:center;margin-left:10px}.site-language-picker summary{height:52px;padding:0 11px;border-radius:5px;background:linear-gradient(180deg,#ffffff0d,#061b2d4d)}
@media(max-width:980px){.site-language-picker{display:block;height:auto;margin:8px 0 0}.site-language-picker summary{width:100%;height:46px}.site-language-picker-menu{position:static;width:100%;margin-top:5px}}
.primary-nav>.nav-item>a{white-space:nowrap;word-break:keep-all}
html[lang="ja"] .primary-nav{gap:0}
html[lang="ja"] .primary-nav>.nav-item{flex:0 0 auto}
html[lang="ja"] .primary-nav>.nav-item>a{min-width:0;padding-right:10px;padding-left:10px;font-size:14px;letter-spacing:-.025em}
@media(max-width:980px){html[lang="ja"] .primary-nav>.nav-item>a{width:100%;padding-right:13px;padding-left:13px;font-size:15px;letter-spacing:0}}
.avatar-shop-dialog [hidden]{display:none!important}

/* Compact searchable avatar catalogs: 3 x 3 per page. */
.avatar-catalog{display:grid;gap:14px;scroll-margin-top:150px}.avatar-catalog [hidden]{display:none!important}.avatar-catalog-tools{position:sticky;top:76px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #c9d8e6;border-top:3px solid #176fae;background:#fffffff2;box-shadow:0 8px 18px #0d35531a;backdrop-filter:blur(8px)}.avatar-catalog-tabs{display:flex;flex-wrap:wrap;gap:6px}.avatar-catalog-tabs button{height:34px;padding:0 13px;color:#49647c;border:1px solid #bdcedc;background:#f6f9fb;font-size:11px;font-weight:800;transition:.16s ease}.avatar-catalog-tabs button:hover,.avatar-catalog-tabs button:focus-visible{color:#0d609e;border-color:#4391c8;background:#eaf6ff;outline:2px solid #8bcaf5}.avatar-catalog-tabs button[aria-pressed="true"]{color:#fff;border-color:#d96b12;background:#e77b17;box-shadow:0 3px 8px #b95b1438}.avatar-catalog-search{display:grid;min-width:220px;gap:4px}.avatar-catalog-search span{color:#5e7488;font-size:9px;font-weight:800}.avatar-catalog-search input{width:100%;height:36px;padding:0 34px 0 11px;color:#18344f;border:1px solid #afc3d4;background:#fff;font-size:12px}.avatar-catalog-search input:focus{border-color:#1477c8;outline:2px solid #8dcbf6}.avatar-catalog-summary{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;color:#73879a;font-size:10px}.avatar-catalog-summary strong{color:#145f99;font-size:15px}.avatar-catalog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.avatar-catalog-grid>article{position:relative;display:grid!important;grid-template-rows:150px auto auto!important;min-width:0;overflow:hidden;border:1px solid #c7d5e1!important;background:#fff;box-shadow:0 4px 12px #17395610!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.avatar-catalog-grid>article:before{position:absolute;z-index:2;top:0;left:0;width:0;height:3px;background:#e77b17;content:"";transition:width .18s ease}.avatar-catalog-grid>article:hover,.avatar-catalog-grid>article:focus-within{z-index:2;transform:translateY(-3px);border-color:#e58a2d!important;box-shadow:0 12px 25px #123d6029,0 0 0 2px #ffc16a59!important}.avatar-catalog-grid>article:hover:before,.avatar-catalog-grid>article:focus-within:before{width:100%}.avatar-catalog-grid>article.is-selected{border-color:#1477c8!important;box-shadow:0 0 0 2px #68b9f36b!important}.avatar-catalog-grid>article.is-selected:before{width:100%;background:#1477c8}.avatar-catalog-grid .avatar-shop-image,.avatar-catalog-grid .avatar-part-image{height:150px;min-height:0;overflow:hidden;background:linear-gradient(155deg,#e9f5fc,#f5f7f8)}.avatar-catalog-grid .avatar-shop-image img,.avatar-catalog-grid .avatar-part-image img{display:block;width:100%;height:100%;padding:8px;object-fit:contain;image-rendering:auto;transition:transform .2s ease}.avatar-catalog-grid>article:hover .avatar-shop-image img,.avatar-catalog-grid>article:focus-within .avatar-shop-image img,.avatar-catalog-grid>article:hover .avatar-part-image img,.avatar-catalog-grid>article:focus-within .avatar-part-image img{transform:scale(1.045)}.avatar-catalog-grid .avatar-shop-copy,.avatar-catalog-grid .avatar-choice-copy{display:grid;gap:3px;min-height:76px;padding:9px 11px!important;border-top:1px solid #d8e2ea}.avatar-catalog-grid .avatar-shop-copy span,.avatar-catalog-grid .avatar-choice-copy span{color:#2475b3;font-size:9px;font-weight:800}.avatar-catalog-grid .avatar-shop-copy strong,.avatar-catalog-grid .avatar-choice-copy strong{overflow:hidden;color:#122f4d;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.avatar-catalog-grid .avatar-shop-copy b{color:#b6620d;font-size:11px}.avatar-catalog-grid .avatar-choice-copy small{overflow:hidden;color:#788b9c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.avatar-catalog-grid>article>.button{width:calc(100% - 20px)!important;height:34px!important;margin:0 10px 10px!important;padding:0 8px;font-size:10px}.avatar-catalog-grid>article>form{margin:0!important;padding:0 10px 10px!important}.avatar-catalog-grid>article>form .button{width:100%!important;height:34px!important;margin:0!important;padding:0 8px;font-size:10px}.avatar-catalog-empty{margin:0;padding:36px 20px;color:#6d8194;border:1px dashed #bdcedc;background:#f8fafc;text-align:center;font-size:12px}.avatar-catalog-pagination{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px}.avatar-catalog-pagination button{min-width:34px;height:34px;padding:0 8px;color:#496279;border:1px solid #bdcddd;background:#fff;font:800 11px Arial,sans-serif}.avatar-catalog-pagination button:hover,.avatar-catalog-pagination button:focus-visible{color:#0d609e;border-color:#3e90c9;background:#edf7ff;outline:2px solid #91cff8}.avatar-catalog-pagination button[aria-current="page"]{color:#fff;border-color:#146faa;background:#146faa}.avatar-catalog-pagination button:disabled{cursor:default;opacity:.35}.avatar-owned-catalog{margin-top:2px}
@media(max-width:900px){.avatar-catalog-tools{top:64px;align-items:stretch;flex-direction:column}.avatar-catalog-search{min-width:0}.avatar-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.avatar-catalog-grid{grid-template-columns:1fr!important}.avatar-catalog-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.avatar-catalog-tabs button{flex:0 0 auto}.avatar-catalog-tools{top:58px}}

/* Keep the current full-body preview readable. */
.avatar-current-card{min-height:270px}
.avatar-current-card img{width:200px;height:240px}

/* Dense avatar merchandise shelf.  Every part stays fully inside its stage. */
.avatar-catalog{gap:10px}
.avatar-catalog-tools{gap:10px;padding:8px 10px}
.avatar-catalog-tabs{gap:4px}
.avatar-catalog-tabs button{height:30px;padding:0 10px}
.avatar-catalog-search{min-width:190px}
.avatar-catalog-search input{height:32px}
.avatar-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:10px!important}
.avatar-catalog-grid>article{grid-template-rows:136px auto auto!important;box-shadow:0 2px 7px #17395612!important}
.avatar-catalog-grid .avatar-shop-image,.avatar-catalog-grid .avatar-part-image{position:relative;height:136px;background:radial-gradient(circle at 50% 42%,#fff 0,#eef7fc 52%,#e5f0f7 100%)}
.avatar-catalog-grid .avatar-shop-image:after,.avatar-catalog-grid .avatar-part-image:after{position:absolute;inset:7px;border:1px solid #ffffffb8;pointer-events:none;content:""}
.avatar-catalog-grid .avatar-shop-image img,.avatar-catalog-grid .avatar-part-image img{box-sizing:border-box;width:100%;height:100%;padding:9px 13px;object-fit:contain;filter:drop-shadow(0 4px 3px #17395626)}
.avatar-catalog-grid .avatar-shop-copy,.avatar-catalog-grid .avatar-choice-copy{min-height:60px;gap:2px;padding:7px 9px!important}
.avatar-catalog-grid .avatar-shop-copy strong,.avatar-catalog-grid .avatar-choice-copy strong{font-size:13px}
.avatar-catalog-grid>article>.button{width:calc(100% - 16px)!important;height:30px!important;margin:0 8px 8px!important;font-size:10px}
.avatar-catalog-grid>article>form{padding:0 8px 8px!important}
.avatar-catalog-grid>article>form .button{height:30px!important}
.avatar-catalog-grid>article:hover,.avatar-catalog-grid>article:focus-within{transform:translateY(-2px)}
.avatar-catalog-grid>article:hover .avatar-shop-image img,.avatar-catalog-grid>article:focus-within .avatar-shop-image img,.avatar-catalog-grid>article:hover .avatar-part-image img,.avatar-catalog-grid>article:focus-within .avatar-part-image img{transform:scale(1.025)}
@media(max-width:900px){.avatar-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important}}
@media(max-width:600px){.avatar-current-card img{width:168px;height:202px}.avatar-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.avatar-catalog-grid>article{grid-template-rows:120px auto auto!important}.avatar-catalog-grid .avatar-shop-image,.avatar-catalog-grid .avatar-part-image{height:120px}.avatar-catalog-grid .avatar-shop-image img,.avatar-catalog-grid .avatar-part-image img{padding:8px}.avatar-catalog-tools{padding:7px}.avatar-catalog-search{min-width:0}}
@media(max-width:380px){.avatar-catalog-grid{grid-template-columns:1fr!important}}

/* Avatar shop cart and purchase ledger. */
.avatar-shop-quick-links{display:flex;justify-content:flex-end;gap:8px;margin-top:-16px}.avatar-shop-quick-links a{display:flex;align-items:center;gap:9px;min-width:126px;padding:10px 12px;color:#174d78;border:1px solid #bfd0de;background:#fff;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 3px 10px #17395612}.avatar-shop-quick-links a:hover,.avatar-shop-quick-links a:focus-visible{color:#fff;border-color:#1676b9;background:#1676b9;outline:2px solid #8dcbf6}.avatar-shop-quick-links b{display:grid;min-width:22px;height:22px;padding:0 6px;place-items:center;color:#fff;border-radius:11px;background:#e77b17;font:800 10px Arial,sans-serif}.avatar-shop-purchase-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.avatar-shop-purchase-actions form{margin:0}.avatar-shop-purchase-actions .button{width:100%;height:46px;margin:0}
.avatar-cart-dialog{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;overflow:auto;border:0;border-top:4px solid #e77b17;background:#fff;box-shadow:0 28px 90px #00162d80}.avatar-cart-dialog::backdrop{background:#031426b8;backdrop-filter:blur(3px)}.avatar-cart-panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:#fff;background:#0d3457}.avatar-cart-panel>header>div{display:grid;gap:3px}.avatar-cart-panel>header span{color:#79caf2;font:800 9px Arial,sans-serif;letter-spacing:.16em}.avatar-cart-panel>header h2{margin:0;font-size:22px}.avatar-cart-panel>header button{width:36px;height:36px;color:#fff;border:1px solid #ffffff55;background:#ffffff12;font-size:26px}.avatar-cart-body{display:grid;gap:13px;padding:18px}.avatar-cart-empty{margin:0;padding:34px 16px;color:#6b8094;border:1px dashed #bbccda;background:#f7fafc;text-align:center;font-size:12px}.avatar-cart-list{display:grid;margin:0;padding:0;list-style:none}.avatar-cart-list li{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:78px;padding:8px 2px;border-bottom:1px solid #dae4ec}.avatar-cart-list img{width:72px;height:62px;padding:5px;object-fit:contain;background:#eef6fa}.avatar-cart-list div{display:grid;gap:4px}.avatar-cart-list strong{color:#173653;font-size:13px}.avatar-cart-list small{color:#71869a;font-size:10px}.avatar-cart-list b{color:#b8610c;font-size:12px}.avatar-cart-list button,.avatar-cart-clear{height:30px;padding:0 10px;color:#657b8f;border:1px solid #c5d3de;background:#fff;font-size:10px;font-weight:800}.avatar-cart-list button:hover,.avatar-cart-clear:hover{color:#b33b32;border-color:#df9b95}.avatar-cart-total{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;color:#516a80;background:#eef5fa;font-size:11px}.avatar-cart-total strong{color:#bd650e;font-size:18px}.avatar-cart-body form{margin:0}.avatar-cart-body form .button{width:100%;height:44px}.avatar-cart-clear{justify-self:end}.avatar-purchase-history{scroll-margin-top:90px;padding-top:0}.avatar-purchase-history .shell{display:grid;gap:12px}.avatar-purchase-history header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid #176fae}.avatar-purchase-history header>div{display:grid;gap:4px}.avatar-purchase-history header span{color:#2475b3;font:800 9px Arial,sans-serif;letter-spacing:.15em}.avatar-purchase-history h2{margin:0;color:#123553;font-size:21px}.avatar-purchase-history header small{color:#71869a;font-size:10px}.avatar-purchase-empty{margin:0;padding:34px;color:#6d8194;border:1px dashed #bdcedc;background:#f8fafc;text-align:center;font-size:12px}.avatar-purchase-table-wrap{overflow:auto;border:1px solid #c8d7e3}.avatar-purchase-table{width:100%;border-collapse:collapse;background:#fff;font-size:11px}.avatar-purchase-table th{padding:10px 12px;color:#537088;background:#edf4f9;text-align:left;font-size:10px}.avatar-purchase-table td{padding:11px 12px;color:#3f5870;border-top:1px solid #e0e8ef}.avatar-purchase-table td:nth-child(4){color:#b45f0b;font-weight:900}.avatar-purchase-table td strong,.avatar-purchase-table td small{display:block}.avatar-purchase-table td strong{color:#173653;font-size:12px}.avatar-purchase-table td small{margin-top:3px;color:#8a9aaa;font:9px Arial,sans-serif}
@media(max-width:600px){.avatar-shop-quick-links{margin-top:-10px}.avatar-shop-quick-links a{min-width:0;flex:1}.avatar-shop-purchase-actions{grid-template-columns:1fr}.avatar-cart-list li{grid-template-columns:58px minmax(0,1fr) auto}.avatar-cart-list img{width:58px;height:52px}.avatar-cart-list b{grid-column:2}.avatar-cart-list button{grid-column:3;grid-row:1/3}.avatar-purchase-table{min-width:620px}}

/* Multi-part avatar fitting room. */
.avatar-shop-dialog{width:min(1080px,calc(100vw - 28px))}.avatar-shop-dialog-layout{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr)}.avatar-shop-payment{gap:12px;padding:18px}.avatar-look-summary{display:grid;gap:8px;padding:11px 12px;border:1px solid #c8d8e5;background:#f6fafc}.avatar-look-summary>header{display:flex;align-items:center;justify-content:space-between}.avatar-look-summary>header strong{color:#153d60;font-size:13px}.avatar-look-summary>header span{padding:4px 8px;color:#fff;background:#1475b8;font-size:9px;font-weight:900}.avatar-look-summary dl{border-top:1px solid #d4e1ea!important}.avatar-look-summary dl>div{padding:8px 1px!important}.avatar-look-summary dd{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}.avatar-look-picker{display:grid;gap:8px}.avatar-look-picker>header{display:flex;align-items:end;justify-content:space-between}.avatar-look-picker>header strong{color:#173d5e;font-size:12px}.avatar-look-picker>header small{color:#72879a;font-size:9px}.avatar-look-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:230px;overflow:auto;padding:2px}.avatar-look-picker button{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;min-height:66px;padding:5px;color:#173653;border:1px solid #cad8e3;background:#fff;text-align:left;transition:.15s ease}.avatar-look-picker button:hover,.avatar-look-picker button:focus-visible{border-color:#e98a24;outline:2px solid #ffcb8b}.avatar-look-picker button.is-active{border-color:#1578bf;background:#edf7ff;box-shadow:0 0 0 2px #6ebcf15c}.avatar-look-picker button img{width:64px;height:54px;padding:3px;object-fit:contain;background:#edf5fa}.avatar-look-picker button span{display:grid;min-width:0;gap:2px}.avatar-look-picker button small{color:#62809a;font-size:8px}.avatar-look-picker button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.avatar-look-picker button b{color:#b96510;font-size:9px}.avatar-shop-payment>dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.avatar-shop-payment>dl>div:last-child dd{color:#be660e}.avatar-shop-payment>[data-avatar-look-cart]{width:100%;height:46px;margin:0}.avatar-purchase-account{display:grid;gap:14px;padding:4px 0}.avatar-shop-quick-links a:last-child:after{margin-left:auto;color:#e77b17;content:"→"}
@media(max-width:880px){.avatar-shop-dialog-layout{grid-template-columns:1fr}.avatar-look-picker>div{max-height:none}.avatar-shop-preview-stage{height:350px}.avatar-shop-preview-stage img{height:330px}}@media(max-width:560px){.avatar-look-picker>div{grid-template-columns:1fr}.avatar-shop-payment>dl{grid-template-columns:1fr}.avatar-look-picker>header{align-items:start;flex-direction:column;gap:3px}}

/* Keep the home profile avatar strictly inside its frame. */
.pilot-avatar{position:relative;contain:paint;clip-path:inset(0);isolation:isolate}.pilot-avatar img{display:block;clip-path:inset(0)}

/* Inline avatar-shop fitting: one fixed 5:6 canvas, no duplicate product modal. */
.avatar-shop-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);align-items:start;gap:18px}.avatar-shop-workbench>.avatar-catalog{grid-column:1;grid-row:1;min-width:0}.avatar-shop-fitting{position:sticky;top:82px;grid-column:2;grid-row:1;display:grid;gap:11px;overflow:hidden;padding:14px;border:1px solid #b9ccdc;border-top:4px solid #1676b9;background:#fff;box-shadow:0 9px 26px #1739561c}.avatar-shop-fitting>header{display:flex;align-items:end;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #d7e3ec}.avatar-shop-fitting>header div{display:grid;gap:2px}.avatar-shop-fitting>header span{color:#2680bc;font:800 9px Arial,sans-serif;letter-spacing:.15em}.avatar-shop-fitting>header h2{margin:0;color:#123957;font-size:20px}.avatar-shop-fitting>header>b{padding:5px 9px;color:#fff;background:#1475b8;font-size:9px}.avatar-shop-fitting-canvas{position:relative;width:min(100%,280px);aspect-ratio:5/6;margin:0 auto;overflow:hidden;contain:layout paint;background:radial-gradient(circle at 50% 40%,#fff 0,#eef7fc 58%,#dcebf5 100%);isolation:isolate}.avatar-shop-fitting-canvas:after{position:absolute;inset:8px;border:1px solid #fff;pointer-events:none;content:""}.avatar-shop-fitting-canvas img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:50% 100%}.avatar-shop-fitting-status{min-height:28px;margin:0;color:#527087;text-align:center;font-size:10px}.avatar-shop-fitting-status.is-error{color:#b83d35;font-weight:800}.avatar-shop-fitting-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.avatar-shop-fitting-actions button{height:34px;color:#315c7e;border:1px solid #bdd0df;background:#f7fafc;font-size:10px;font-weight:900}.avatar-shop-fitting-actions button:hover,.avatar-shop-fitting-actions button:focus-visible{color:#fff;border-color:#1475b8;background:#1475b8;outline:2px solid #87c8f3}.avatar-shop-fitting .avatar-look-summary{padding:8px 10px}.avatar-shop-fitting .avatar-look-summary dl{margin:0}.avatar-shop-fitting-total{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid #d1dee8;background:#f7fafc}.avatar-shop-fitting-total>div{display:grid;gap:3px;padding:8px;border-right:1px solid #dce6ed}.avatar-shop-fitting-total>div:last-child{border-right:0}.avatar-shop-fitting-total dt{color:#6d8395;font-size:8px}.avatar-shop-fitting-total dd{margin:0;color:#164467;font-size:10px;font-weight:900}.avatar-shop-fitting-total>div:nth-child(2) dd{color:#bb630d}.avatar-shop-fitting>[data-avatar-shop-payment-note]{min-height:28px;margin:0;color:#61798d;font-size:9px;line-height:1.55}.avatar-shop-fitting>[data-avatar-shop-payment-note].is-error{color:#b83d35;font-weight:800}.avatar-shop-fitting>[data-avatar-look-cart]{width:100%;height:42px;margin:0}.avatar-shop-grid>article{display:block!important;grid-template-rows:none!important;overflow:hidden}.avatar-shop-product{display:grid;width:100%;height:100%;padding:0;overflow:hidden;color:inherit;border:0;background:transparent;text-align:left;cursor:pointer;grid-template-rows:136px minmax(60px,auto) 32px}.avatar-shop-product>.avatar-shop-image{display:block;height:136px}.avatar-shop-product>.avatar-shop-copy{display:grid!important;min-width:0;min-height:60px!important;gap:2px;padding:7px 9px!important}.avatar-shop-product>.avatar-shop-copy small{color:#2475b3;font-size:9px;font-weight:800}.avatar-shop-product>.avatar-shop-copy strong{overflow:hidden;color:#122f4d;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.avatar-shop-product>.avatar-shop-copy b{color:#b6620d;font-size:10px}.avatar-shop-tryon-label{display:grid;margin:0 8px 8px;place-items:center;color:#fff;background:#1578b9;font-size:10px;font-weight:900}.avatar-shop-product:hover .avatar-shop-tryon-label,.avatar-shop-product:focus-visible .avatar-shop-tryon-label{background:#e77b17}.avatar-shop-product:focus-visible{outline:3px solid #70bdf0;outline-offset:-3px}.avatar-shop-grid>article.is-tryon-active{border-color:#e77b17!important;box-shadow:0 0 0 3px #f2a04b66!important}.avatar-shop-grid>article.is-tryon-active .avatar-shop-tryon-label{background:#e77b17}.avatar-shop-grid>article.is-tryon-active .avatar-shop-tryon-label:before{margin-right:4px;content:"✓"}
@media(max-width:980px){.avatar-shop-workbench{grid-template-columns:1fr}.avatar-shop-workbench>.avatar-catalog{grid-column:1;grid-row:2}.avatar-shop-fitting{position:relative;top:auto;grid-column:1;grid-row:1}.avatar-shop-fitting-canvas{width:min(100%,260px)}}
@media(max-width:600px){.avatar-shop-workbench{gap:12px}.avatar-shop-fitting{padding:11px}.avatar-shop-fitting-canvas{width:min(100%,240px)}.avatar-shop-product{grid-template-rows:120px minmax(60px,auto) 32px}.avatar-shop-product>.avatar-shop-image{height:120px}.avatar-shop-fitting-total{grid-template-columns:1fr}.avatar-shop-fitting-total>div{grid-template-columns:1fr auto;align-items:center;border-right:0;border-bottom:1px solid #dce6ed}.avatar-shop-fitting-total>div:last-child{border-bottom:0}}

/* Keep the selected check and label on one fixed-height row. */
.avatar-shop-tryon-label{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.avatar-shop-grid>article.is-tryon-active .avatar-shop-tryon-label:before{flex:0 0 auto}
.avatar-shop-simple-grid>article{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}.avatar-shop-simple-grid .avatar-shop-product{height:auto}.avatar-shop-simple-grid>article>form{margin:0 9px 9px}.avatar-shop-simple-grid>article>form .button{width:100%;height:34px;margin:0}.avatar-shop-owned-note{display:grid;height:34px;margin:0 9px 9px;place-items:center;color:#315c7e;border:1px solid #bdd0df;background:#f7fafc;font-size:10px;font-weight:900}.avatar-shop-fitting-actions.is-single{grid-template-columns:1fr}.avatar-shop-fitting>header strong{color:#123957;font-size:20px}.avatar-shop-fitting .avatar-look-summary dl{display:grid;margin:0}.avatar-shop-fitting .avatar-look-summary dl>div{display:flex;justify-content:space-between;gap:12px}.avatar-shop-fitting .avatar-look-summary dt{color:#6d8395;font-size:9px}.avatar-shop-fitting .avatar-look-summary dd{margin:0;color:#173d5e;font-size:10px;font-weight:900}
.avatar-shop-grid>article[data-avatar-kind="avatar"] .avatar-shop-image,.avatar-shop-fitting-canvas{background:#fff}

/* Registration is taller than the sign-in card: keep its top visible and let the page scroll. */
.registration-gate .login-screen{display:flex;width:100%;min-height:100vh;height:auto;align-items:flex-start;justify-content:center;padding:32px 20px}
.registration-gate .gate-panel{position:relative;top:auto;left:auto;width:min(620px,100%);min-height:0;margin:0;padding:28px 34px 34px;overflow:visible;align-items:stretch;justify-content:flex-start;transform:none}
.registration-gate .registration-language{align-self:stretch}
.registration-gate .gate-logo{width:190px;height:120px;margin:0 auto 12px}
.registration-gate .registration-heading h2{display:block;margin:0 0 7px;padding:0;color:#fff;border:0;font-size:21px;text-shadow:0 1px 2px #00122e}
.registration-gate .registration-heading span{color:#bad1e5}
.registration-gate .registration-form{width:100%}
@media(max-width:640px){.registration-gate .login-screen{padding:18px 10px}.registration-gate .gate-panel{padding:20px 14px 24px}.registration-gate .gate-logo{width:160px;height:100px}}

/* CASH service store. */
.service-store{display:grid;gap:22px}.service-store-wallet{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:1px;overflow:hidden;border:1px solid #bccfdd;border-top:4px solid #1676b9;background:#d6e2eb}.service-store-wallet>div{display:grid;gap:5px;min-height:76px;padding:14px 18px;background:#fff}.service-store-wallet span{color:#6a8194;font-size:10px;font-weight:800}.service-store-wallet strong{color:#123c5c;font-size:22px}.service-store-wallet strong.is-online{color:#bd4138}.service-store-wallet strong.is-offline{color:#16815b}.service-store-wallet .button{margin:0 16px}.service-store-warning{margin:0;padding:12px 15px;color:#a23b33;border:1px solid #efb2ac;background:#fff4f2;font-size:11px;font-weight:800}.service-store-nav{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #bfd1de;background:#fff}.service-store-nav a{padding:13px;color:#315d7d;border-right:1px solid #d5e1e9;text-align:center;font-size:11px;font-weight:900}.service-store-nav a:last-child{border-right:0}.service-store-nav a:hover,.service-store-nav a:focus-visible{color:#fff;background:#1676b9}.service-store-section{display:grid;gap:15px;scroll-margin-top:84px}.service-store-section>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:2px solid #176fae}.service-store-section>header>div{display:grid;gap:3px}.service-store-section>header span{color:#2580bc;font:800 9px Arial,sans-serif;letter-spacing:.15em}.service-store-section h2{margin:0;color:#123957;font-size:22px}.service-store-section>header p{max-width:520px;margin:0;color:#647d91;text-align:right;font-size:10px}.service-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-product-grid.service-membership-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-product-card{display:grid;align-content:start;gap:9px;min-width:0;padding:17px;border:1px solid #c3d3df;border-top:3px solid #1476b9;background:#fff;box-shadow:0 6px 18px #17395612}.service-product-card>span,.service-product-card>div>span{color:#277bb4;font:800 9px Arial,sans-serif;letter-spacing:.1em}.service-product-card h3{margin:0;color:#123650;font-size:18px}.service-product-card>strong,.service-product-card>div>strong{color:#bd650e;font-size:17px}.service-product-card form{align-self:end;margin-top:auto;padding-top:5px}.service-product-card form .button{width:100%;height:38px;margin:0}.service-product-card button:disabled{cursor:not-allowed;opacity:.55}.mastery-product-card{grid-template-columns:96px minmax(0,1fr);align-items:center}.mastery-product-card img{grid-row:1/3;width:96px;height:78px;padding:5px;object-fit:contain;background:#edf5fa}.mastery-product-card>div{display:grid;gap:5px}.mastery-product-card form{grid-column:1/3}.gold-product-card{min-height:176px;background:linear-gradient(135deg,#fff,#f4f9fc)}.gold-product-card h3{font-size:25px}.membership-product-card{min-height:225px}.membership-product-card p{display:flex;align-items:center;gap:8px;margin:0;color:#71879a;font-size:10px}.membership-product-card p b{padding:3px 6px;color:#fff;background:#e77b17;font-size:9px}.service-store-empty{margin:0;padding:28px;color:#637c90;border:1px dashed #b9ccda;background:#f7fafc;text-align:center;font-size:11px}
.membership-product-card p{flex-wrap:wrap}.membership-product-card p em{color:#245e87;font-style:normal;font-weight:800}
@media(max-width:860px){.service-product-grid.service-membership-grid{grid-template-columns:1fr}.service-store-section>header{align-items:start;flex-direction:column;gap:5px}.service-store-section>header p{text-align:left}.service-store-wallet{grid-template-columns:1fr 1fr}.service-store-wallet .button{grid-column:1/3;margin:12px}}
@media(max-width:600px){.service-store-wallet,.service-product-grid{grid-template-columns:1fr}.service-store-wallet .button{grid-column:1}.service-store-nav{grid-template-columns:1fr}.service-store-nav a{border-right:0;border-bottom:1px solid #d5e1e9}.service-store-nav a:last-child{border-bottom:0}.mastery-product-card{grid-template-columns:76px minmax(0,1fr)}.mastery-product-card img{width:76px;height:66px}}

/* Storefront visual refresh. */
.service-store{gap:20px}.service-store-wallet{grid-template-columns:1.35fr .8fr .9fr;min-height:118px;gap:0;overflow:hidden;border:0;border-radius:18px;background:linear-gradient(125deg,#082d50 0,#0c4d7c 62%,#0e6196 100%);box-shadow:0 18px 42px #0d3b6230}.service-store-wallet>div{min-height:118px;padding:24px 28px;background:transparent}.service-store-wallet>div+div{border-left:1px solid #ffffff22}.service-store-wallet span{color:#8fc9ec;font-size:10px;letter-spacing:.08em}.service-store-wallet strong{color:#fff;font-size:30px;letter-spacing:-.04em}.service-store-wallet strong small{margin-left:7px;color:#85c8ef;font-size:13px;letter-spacing:.04em}.service-wallet-status strong{display:flex;align-items:center;gap:9px;font-size:18px;letter-spacing:.04em}.service-wallet-status strong i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px currentColor;opacity:.85}.service-store-wallet strong.is-online{color:#ffb5a8}.service-store-wallet strong.is-offline{color:#78efbd}.service-wallet-history{display:grid;align-content:center;align-self:stretch;gap:5px;padding:24px 26px;color:#fff;background:#ffffff12;border-left:1px solid #ffffff22;transition:.18s ease}.service-wallet-history span{color:#89c9ed}.service-wallet-history strong{font-size:14px;letter-spacing:0}.service-wallet-history strong:after{margin-left:9px;content:"→"}.service-wallet-history:hover,.service-wallet-history:focus-visible{color:#fff;background:#ffffff24;outline:0}.service-store-warning{padding:14px 18px;border:0;border-radius:10px;background:#fff0ed;box-shadow:inset 4px 0 #f15a38}.service-store-nav{gap:12px;border:0;background:transparent}.service-store-nav a{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 12px;min-height:82px;padding:15px 18px;color:#173e5e;border:1px solid #d3e0e9!important;border-radius:14px;background:#fff;text-align:left;box-shadow:0 8px 24px #17395612;transition:.18s ease}.service-store-nav a span{grid-row:1/3;display:grid;width:44px;height:44px;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,#1683ca,#0c5f9b);font:900 12px Arial,sans-serif}.service-store-nav a strong{font-size:13px}.service-store-nav a small{color:#7890a3;font-size:9px;font-weight:600}.service-store-nav a:hover,.service-store-nav a:focus-visible{color:#173e5e;border-color:#79bce7!important;background:#fff;outline:0;transform:translateY(-2px);box-shadow:0 13px 30px #125a8f24}.service-store-nav a:nth-child(2) span{background:linear-gradient(145deg,#ff9f30,#e66018)}.service-store-nav a:nth-child(3) span{background:linear-gradient(145deg,#736ce8,#4237b5)}.service-store-section{gap:20px;padding:26px;border:1px solid #d6e2ea;border-radius:18px;background:#fff;box-shadow:0 10px 32px #17395610}.service-store-section>header{align-items:center;padding:0;border:0}.service-store-section>header>div{position:relative;padding-left:16px}.service-store-section>header>div:before{position:absolute;top:2px;bottom:2px;left:0;width:5px;border-radius:4px;background:#1680c3;content:""}.service-store-section>header span{color:#2281bc}.service-store-section h2{font-size:22px;letter-spacing:-.035em}.service-store-section>header p{color:#71899b;font-size:10px}.service-store-section.is-gold{background:linear-gradient(180deg,#fff 0,#f8fbfd 100%)}.service-store-section.is-gold>header>div:before{background:#f07821}.service-store-section.is-membership>header>div:before{background:#5a50cc}.service-store-empty{display:grid;min-height:110px;padding:25px;place-items:center;color:#58758c;border:0;border-radius:13px;background:#f1f6f9;font-size:11px}.service-store-empty:before{display:grid;width:40px;height:40px;margin-bottom:2px;place-items:center;color:#2b80b7;border-radius:50%;background:#ddecf5;font:900 17px Arial,sans-serif;content:"✓"}.service-store-section.is-mastery .service-store-empty:before{content:"—"}.service-store-empty.is-admin-membership{color:#443da4;background:#f1f0ff}.service-store-empty.is-admin-membership:before{color:#fff;background:linear-gradient(145deg,#746ce8,#4338b7);content:"∞"}.service-product-grid{gap:16px}.service-product-card{border:0;border-radius:15px;box-shadow:0 9px 25px #17395617}.service-product-card form .button{height:44px;border:0;border-radius:10px;box-shadow:none}.service-product-card form .button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.gold-product-card{position:relative;isolation:isolate;min-height:225px;padding:24px;overflow:hidden;background:linear-gradient(145deg,#fff8ed,#fff 70%);box-shadow:0 10px 28px #c56c1f1c}.gold-product-card:after{position:absolute;z-index:-1;top:-36px;right:-28px;width:150px;height:150px;border:24px solid #f7b95b;border-radius:50%;content:"";opacity:.2}.gold-product-card>span{color:#c86616}.gold-product-card h3{margin-top:8px;color:#153b59;font-size:30px;letter-spacing:-.04em}.gold-product-card>strong{color:#e36417;font-size:19px}.gold-product-card form{padding-top:20px}.gold-product-card .button{background:linear-gradient(90deg,#f47a1d,#ff9b2f)}.gold-product-card.is-featured{background:linear-gradient(140deg,#123f65,#0b2c4a);box-shadow:0 14px 35px #092d4a38}.gold-product-card.is-featured:after{border-color:#55aee5;opacity:.12}.gold-product-card.is-featured>span{color:#7bc8f3}.gold-product-card.is-featured h3{color:#fff}.gold-product-card.is-featured>strong{color:#ffb15e}.gold-product-card.is-featured .button{background:linear-gradient(90deg,#f26c1c,#ff9c32)}.mastery-product-card{padding:18px;background:#f8fbfd}.mastery-product-card img{border-radius:12px}.membership-product-card{padding:22px;background:linear-gradient(160deg,#f8f7ff,#fff)}.membership-product-card>span{color:#5b52c9}.membership-product-card form .button{background:linear-gradient(90deg,#574cc6,#746ce8)}.account-store-link{display:flex;width:min(320px,100%);height:44px;margin:18px auto 0;align-items:center;justify-content:center}.mypage-gold dd a{display:grid;height:28px;padding:0 9px;place-items:center;color:#fff;border-radius:5px;background:#1677b8;font-size:9px;font-weight:900}.plane-mastery-purchase-link{display:grid;min-width:116px;height:34px;padding:0 12px;place-items:center;color:#fff;border-radius:5px;background:#1677b8;font-size:9px;font-weight:900}
@media(max-width:860px){.service-store-wallet{grid-template-columns:1fr 1fr}.service-wallet-history{grid-column:1/3;min-height:64px;border-top:1px solid #ffffff22;border-left:0}.service-store-nav{grid-template-columns:1fr}.service-store-section{padding:20px}}
@media(max-width:600px){.service-store-wallet{grid-template-columns:1fr}.service-store-wallet>div+div{border-top:1px solid #ffffff22;border-left:0}.service-wallet-history{grid-column:1;min-height:62px}.service-store-wallet>div{min-height:94px;padding:19px 21px}.service-store-wallet strong{font-size:25px}.service-store-section{padding:17px;border-radius:14px}.service-store-section>header{align-items:flex-start}.service-store-nav a{min-height:76px}.gold-product-card h3{font-size:24px}.plane-mastery-purchase-link{min-width:96px}}

/* Categorized store and purchase confirmation. */
.store-page-layout{display:grid;max-width:1180px;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start;justify-content:center}.store-section-nav{top:90px}.store-home-panel{display:grid;gap:24px;padding:30px;border:1px solid #d6e2ea;border-radius:18px;background:#fff;box-shadow:0 10px 32px #17395610}.store-home-panel>div{display:grid;gap:7px}.store-home-panel>div>span{color:#2181bd;font:900 9px Arial,sans-serif;letter-spacing:.15em}.store-home-panel h2{margin:0;color:#123957;font-size:25px;letter-spacing:-.04em}.store-home-panel p{margin:0;color:#6b8396;font-size:11px}.store-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:end;margin-top:auto}.store-product-actions.is-single{grid-template-columns:1fr}.store-purchase-trigger{width:100%;height:44px;margin:0;border:0;border-radius:10px}.store-purchase-trigger:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.store-purchase-trigger:disabled{cursor:not-allowed;opacity:.55}.store-gift-trigger{border:1px solid #1979b8;color:#12699f;background:#fff}.mastery-product-card>.store-product-actions{grid-column:1/3}.gold-product-card>.store-product-actions{align-self:end}.gold-product-card .store-buy-trigger{background:linear-gradient(90deg,#f47a1d,#ff9b2f)}.gold-product-card.is-featured .store-buy-trigger{background:linear-gradient(90deg,#f26c1c,#ff9c32)}.gold-product-card .store-gift-trigger,.gold-product-card.is-featured .store-gift-trigger{border:1px solid #e97825;color:#d35e13;background:#fff}.membership-product-card>.store-product-actions{align-self:end}.membership-product-card .store-buy-trigger{background:linear-gradient(90deg,#574cc6,#746ce8)}.membership-product-card .store-gift-trigger{border-color:#655bd5;color:#5549bd;background:#fff}
.store-purchase-modal{width:min(560px,calc(100% - 28px));padding:0;overflow:hidden;color:#173956;border:0;border-radius:20px;background:#fff;box-shadow:0 30px 90px #001a2f66}.store-purchase-modal::backdrop{background:#051b2ec2;backdrop-filter:blur(3px)}.store-purchase-modal form{display:grid}.store-purchase-modal header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;color:#fff;background:linear-gradient(125deg,#082d50,#0d5d91)}.store-purchase-modal header div{display:grid;gap:3px}.store-purchase-modal header span{color:#91cef0;font:800 9px Arial,sans-serif;letter-spacing:.12em}.store-purchase-modal h2{margin:0;color:#fff;font-size:22px}.store-purchase-modal header>button{display:grid;width:34px;height:34px;padding:0;place-items:center;color:#fff;border:1px solid #ffffff38;border-radius:50%;background:#ffffff12;font-size:23px;line-height:1;cursor:pointer}.store-purchase-modal header>button:hover{background:#ffffff25}.store-purchase-summary{display:grid;gap:6px;padding:24px 25px 18px}.store-purchase-summary>span{color:#277bb4;font:900 10px Arial,sans-serif;letter-spacing:.09em}.store-purchase-summary>strong{color:#123650;font-size:25px;letter-spacing:-.04em}.store-purchase-summary>p{margin:3px 0 0;color:#6d8496;font-size:11px;line-height:1.6}.store-purchase-impact{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin:0 25px 14px;padding:14px 16px;border:1px solid #cfe0eb;border-radius:13px;background:linear-gradient(105deg,#f4f9fc,#edf6fc)}.store-purchase-impact>div{display:grid;gap:6px;min-width:0}.store-purchase-impact span{color:#6f8799;font-size:9px;font-weight:800}.store-purchase-impact strong{overflow-wrap:anywhere;color:#173f5f;font-size:15px}.store-purchase-impact>div:last-child strong{color:#0875bf}.store-purchase-impact i{display:grid;width:30px;height:30px;place-items:center;color:#fff;border-radius:50%;background:#1680c3;font-style:normal;font-weight:900}.store-purchase-modal dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0 25px;border:1px solid #d7e2ea;border-radius:12px;background:#f7fafc}.store-purchase-modal dl div{display:grid;gap:7px;padding:15px 13px;border-left:1px solid #d7e2ea}.store-purchase-modal dl div:first-child{border-left:0}.store-purchase-modal dt{color:#7990a2;font-size:9px;font-weight:800}.store-purchase-modal dd{margin:0;color:#173f5f;font-size:14px;font-weight:900;white-space:nowrap}.store-purchase-modal dd.is-shortage{color:#d54836}.store-purchase-status{margin:17px 25px 0;padding:11px 13px;color:#3e6f90;border-radius:9px;background:#edf6fc;font-size:10px;line-height:1.5}.store-purchase-status.is-shortage{color:#a93b31;background:#fff0ed}.store-purchase-modal footer{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px;padding:20px 25px 25px}.store-purchase-modal footer .button{height:44px;margin:0;border-radius:10px}.store-purchase-modal footer .button-primary{border:0;background:linear-gradient(90deg,#1477b8,#1592d1)}
@media(max-width:980px){.store-page-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.service-store-wallet{grid-template-columns:1fr 1fr}.service-wallet-history{grid-column:1/3;min-height:64px;border-top:1px solid #ffffff22;border-left:0}.service-product-grid{grid-template-columns:1fr}.service-product-grid.service-membership-grid{grid-template-columns:1fr}}
@media(max-width:720px){.store-page-layout{display:block}.store-section-nav{position:static;margin-bottom:16px}.store-section-nav nav{grid-template-columns:1fr 1fr}.store-section-nav a:nth-child(2n){border-left:1px solid #dbe3eb}.store-home-panel{padding:20px}.store-purchase-impact{grid-template-columns:1fr}.store-purchase-impact i{width:26px;height:26px;margin:-2px auto;transform:rotate(90deg)}.store-purchase-impact>div:last-child{text-align:right}.store-purchase-modal dl{grid-template-columns:1fr}.store-purchase-modal dl div{grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #d7e2ea;border-left:0}.store-purchase-modal dl div:first-child{border-top:0}.store-purchase-modal dd{text-align:right}}

/* Store product gifting. */
.store-purchase-modal{max-height:calc(100vh - 24px);overflow-x:hidden;overflow-y:auto}
.store-purchase-mode[hidden],.store-gift-recipient[hidden],.store-gift-recipient>article[hidden]{display:none!important}.store-purchase-modal header{padding:12px 18px}.store-purchase-modal h2{font-size:19px}.store-purchase-summary{padding:11px 18px 8px}.store-purchase-summary>strong{font-size:22px}.store-purchase-summary>p{line-height:1.35}.store-purchase-modal .store-purchase-mode{margin:0 18px 8px;padding:4px}.store-purchase-modal .store-purchase-mode button{height:34px}.store-purchase-modal .store-gift-recipient{gap:5px;margin:0 18px 8px;padding:9px}.store-purchase-modal .store-gift-recipient input{height:36px}.store-purchase-modal .store-gift-recipient>article{margin-top:1px;padding:8px}.store-purchase-modal .store-gift-recipient>article>i{width:38px;height:38px}.store-purchase-impact{margin:0 18px 8px;padding:9px 12px}.store-purchase-impact strong{font-size:13px}.store-purchase-modal dl{margin:0 18px}.store-purchase-modal dl div{padding:9px 11px}.store-purchase-status{margin:8px 18px 0;padding:7px 9px}.store-purchase-modal footer{padding:10px 18px 12px}.store-purchase-modal footer .button{height:40px}
.store-purchase-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 25px 16px;padding:5px;border-radius:12px;background:#eaf1f6}.store-purchase-mode button{height:38px;border:0;border-radius:8px;color:#668096;background:transparent;font-size:11px;font-weight:900;cursor:pointer}.store-purchase-mode button.is-active{color:#fff;background:#126fae;box-shadow:0 5px 14px #0d5d9133}.store-gift-recipient{display:grid;gap:8px;margin:0 25px 16px;padding:16px;border:1px solid #d5e2eb;border-radius:13px;background:#f8fbfd}.store-gift-recipient>label{color:#345d7c;font-size:10px;font-weight:900}.store-gift-recipient>div{display:grid;grid-template-columns:1fr auto;gap:7px}.store-gift-recipient input{min-width:0;height:40px;padding:0 11px;border:1px solid #c7d7e3;border-radius:8px;color:#173e5d;background:#fff;font:800 12px Arial,sans-serif}.store-gift-recipient input:focus{border-color:#1681ca;outline:3px solid #1681ca18}.store-gift-recipient>div button{min-width:88px;border:0;border-radius:8px;color:#fff;background:#177cb9;font-size:10px;font-weight:900;cursor:pointer}.store-gift-recipient>div button:disabled{cursor:wait;opacity:.55}.store-gift-recipient>p{margin:0;color:#758b9d;font-size:9px;line-height:1.5}.store-gift-recipient>p.is-valid{color:#087a50}.store-gift-recipient>p.is-error{color:#b3473c}.store-gift-recipient>article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:3px;padding:12px;border:1px solid #cde0ec;border-radius:10px;background:#fff}.store-gift-recipient>article>i{display:grid;width:46px;height:46px;overflow:hidden;place-items:center;color:#fff;border-radius:10px;background:linear-gradient(145deg,#2d88c3,#0f5e96);font:900 15px Arial,sans-serif}.store-gift-recipient>article>i img{width:100%;height:100%;object-fit:cover}.store-gift-recipient>article>span{display:grid;gap:4px;min-width:0}.store-gift-recipient>article small{overflow:hidden;color:#71899b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.store-gift-recipient>article strong{overflow:hidden;color:#153a57;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.store-gift-recipient .store-gift-rank{grid-template-columns:32px auto;align-items:center;color:#365b76}.store-gift-rank img{width:32px;height:32px;object-fit:contain}.store-gift-rank b{font-size:9px;white-space:nowrap}@media(max-width:520px){.store-purchase-mode,.store-gift-recipient{margin-right:17px;margin-left:17px}.store-gift-recipient>article{grid-template-columns:40px minmax(0,1fr)}.store-gift-recipient>article>i{width:40px;height:40px}.store-gift-recipient .store-gift-rank{grid-column:1/-1;justify-content:end}}

/* Regular-account services. */
.service-store-nav{grid-template-columns:repeat(5,1fr)}
.account-service-product-card{min-height:230px;background:linear-gradient(145deg,#fff,#f4f8fb)}
.account-service-product-card p{margin:0;color:#657f93;font-size:11px;line-height:1.65}
.account-service-product-card.is-pass{border-top-color:#176fae}
.account-service-product-card.is-kd-reset{border-top-color:#c85f21}
.account-service-product-card.is-kd-reset>span{color:#c85f21}
.account-service-product-card .store-buy-trigger{background:linear-gradient(90deg,#176fae,#2691d2)}
.account-service-product-card.is-kd-reset .store-buy-trigger{background:linear-gradient(90deg,#c85f21,#ee8733)}
@media(max-width:600px){.service-store-nav{grid-template-columns:1fr}}

/* Store mastery: show current progress before purchase. */
.store-mastery-progress{display:grid!important;gap:5px!important}
.store-mastery-progress>span{display:flex;align-items:center;justify-content:space-between;color:#617e94!important;font:800 9px Arial,sans-serif!important;letter-spacing:0!important}
.store-mastery-progress>span b{font-weight:800}
.store-mastery-progress>span em{color:#0877be;font-style:normal;font-weight:900}
.store-mastery-progress>div{height:8px;overflow:hidden;border-radius:999px;background:#dce8ef}
.store-mastery-progress>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1680c3,#35b1df)}
.store-mastery-progress>small{color:#7990a2;font-size:9px;text-align:right}

/* Gift inbox: pending gifts require an explicit claim and expire without refund. */
.service-store-section.is-giftbox>header>div:before{background:#8a55c8}.gift-inbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gift-inbox-card{display:grid;align-content:start;gap:12px;min-width:0;padding:19px;border:1px solid #d3dfea;border-top:4px solid #8856c7;border-radius:14px;background:#fff;box-shadow:0 8px 24px #18385312}.gift-inbox-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.gift-inbox-card>header span{color:#7650a9;font:900 9px Arial,sans-serif;letter-spacing:.13em}.gift-inbox-card>header b{padding:5px 8px;color:#fff;border-radius:10px;background:#8755c5;font-size:9px}.gift-inbox-card h3{margin:0;color:#183d5b;font-size:19px}.gift-inbox-card dl{display:grid;gap:7px;margin:0;padding:12px;border-radius:10px;background:#f4f7fa}.gift-inbox-card dl div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px}.gift-inbox-card dt{color:#7b8e9e;font-size:9px}.gift-inbox-card dd{margin:0;overflow-wrap:anywhere;color:#36566f;font-size:10px;font-weight:800}.gift-inbox-card form{margin-top:auto}.gift-inbox-card form .button{width:100%;height:42px;margin:0;border:0;border-radius:9px}.gift-inbox-card>p{margin:0;color:#638095;font-size:10px}.gift-inbox-card.is-claimed{border-top-color:#45a67a;background:#f8fffb}.gift-inbox-card.is-claimed>header b{background:#32966a}.gift-inbox-card.is-expired{border-top-color:#9aa8b4;background:#f4f6f8;opacity:.78}.gift-inbox-card.is-expired>header b{background:#8594a0}@media(max-width:760px){.gift-inbox-list{grid-template-columns:1fr}}
/* Aircraft skin GOLD store and actual BNE 360-degree viewer */
.is-plane-skins > header{align-items:flex-end}.plane-skin-family{margin-top:1.3rem;padding:1.1rem;border:1px solid rgba(117,177,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(7,21,48,.84),rgba(14,42,77,.64))}.plane-skin-family>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.plane-skin-family>header span{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.08em;color:#fff}.plane-skin-family>header small{color:#70c9ff;font-weight:800;letter-spacing:.12em}.plane-skin-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.plane-skin-product-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:0!important;background:linear-gradient(160deg,rgba(17,47,86,.98),rgba(5,18,41,.98))!important}.plane-skin-card-visual{position:relative;display:grid;place-items:center;min-height:172px;overflow:hidden;background:radial-gradient(circle at 50% 65%,rgba(75,165,255,.28),transparent 44%),linear-gradient(#1a477b,#081c3a)}.plane-skin-card-visual:after{content:"";position:absolute;inset:auto 8% 12%;height:1px;background:linear-gradient(90deg,transparent,#67c6ff,transparent);box-shadow:0 0 18px #4baaff}.plane-skin-card-visual img{display:block;width:100%;height:172px;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(0,0,0,.52));transition:transform .25s ease}.plane-skin-product-card:hover .plane-skin-card-visual img{transform:scale(1.06)}.plane-skin-card-visual span{position:absolute;left:.65rem;top:.6rem;padding:.25rem .48rem;border:1px solid rgba(139,211,255,.42);border-radius:99px;background:rgba(2,16,38,.68);font-size:.65rem;font-weight:900;letter-spacing:.11em;color:#a8e1ff}.plane-skin-card-copy{display:grid;gap:.2rem;padding:.9rem 1rem}.plane-skin-card-copy>span{font-size:.72rem;font-weight:800;color:#76c8ff}.plane-skin-card-copy h3{min-height:2.8em;margin:0;color:#fff;font-size:1rem;line-height:1.4;word-break:keep-all}.plane-skin-card-copy strong{color:#ffdd63;font-size:1.05rem}.plane-skin-product-card .store-product-actions{padding:0 1rem 1rem}.plane-skin-owned-badge{position:absolute;right:.65rem;top:.6rem;z-index:1;padding:.28rem .52rem;border-radius:99px;background:#36d39a;color:#04241b;font-size:.65rem;letter-spacing:.08em}.plane-skin-product-card.is-equipped .plane-skin-owned-badge{background:#ffdb59;color:#372900}.store-plane-spin{padding:.75rem 1rem 0}.store-plane-spin-stage{position:relative;display:grid;place-items:center;width:100%;height:min(42vh,350px);overflow:hidden;border:1px solid rgba(100,191,255,.45);border-radius:15px;background:radial-gradient(ellipse at 50% 70%,rgba(53,141,231,.30),transparent 50%),linear-gradient(180deg,#173c6b,#07172f);cursor:ew-resize;touch-action:none;user-select:none;outline:none}.store-plane-spin-stage:focus-visible{box-shadow:0 0 0 3px rgba(80,190,255,.5)}.store-plane-spin-stage.is-dragging{cursor:grabbing}.store-plane-spin-stage img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 22px 14px rgba(0,0,0,.48))}.store-plane-spin>p{display:flex;justify-content:center;gap:.45rem;margin:.45rem 0 0;color:#8eb6d8;font-size:.75rem}.store-plane-spin>p b{color:#64cbff;letter-spacing:.08em}.admin-plane-skin-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-plane-skin-price-grid form{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.7rem;border:1px solid rgba(94,162,224,.25);border-radius:12px;background:rgba(7,22,42,.76)}.admin-plane-skin-price-grid img{grid-row:1/3;width:92px;height:64px;object-fit:contain;background:#12345a;border-radius:8px}.admin-plane-skin-price-grid span{display:grid;min-width:0}.admin-plane-skin-price-grid small{color:#78b7e8}.admin-plane-skin-price-grid b{overflow:hidden;color:#eaf6ff;text-overflow:ellipsis;white-space:nowrap}.admin-plane-skin-price-grid label{display:flex;align-items:center;gap:.35rem}.admin-plane-skin-price-grid input{min-width:0;width:100%}.admin-plane-skin-price-grid em{color:#ffd75f;font-style:normal;font-weight:800}.admin-plane-skin-price-grid button{grid-column:3;grid-row:1/3}@media(max-width:980px){.plane-skin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-plane-skin-price-grid{grid-template-columns:1fr}}@media(max-width:620px){.plane-skin-product-grid{grid-template-columns:1fr}.store-plane-spin-stage{height:250px}}
.plane-skin-filters{display:grid;gap:.65rem;margin-top:1.2rem;padding:1rem;border:1px solid rgba(117,177,255,.24);border-radius:16px;background:rgba(5,20,43,.72)}.plane-skin-filters>div{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.plane-skin-filters strong{width:3.5rem;color:#8eb6d8;font-size:.78rem}.plane-skin-filters a{display:flex;align-items:center;gap:.35rem;min-width:3.2rem;justify-content:center;padding:.48rem .72rem;border:1px solid rgba(117,177,255,.24);border-radius:99px;color:#cce8ff;background:rgba(12,43,75,.7);font-size:.76rem;font-weight:900;text-decoration:none}.plane-skin-filters a:hover,.plane-skin-filters a[aria-current=page]{border-color:#66ceff;color:#03182d;background:#66ceff}.plane-skin-filters small{font-size:.64rem;opacity:.72}.plane-skin-family{padding:0;overflow:hidden}.plane-skin-family>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none}.plane-skin-family>summary::-webkit-details-marker{display:none}.plane-skin-family>summary>span{display:grid;gap:.2rem}.plane-skin-family>summary b{color:#fff;font-family:var(--font-display);font-size:1.18rem;letter-spacing:.06em}.plane-skin-family>summary small{color:#73c8fa;font-size:.72rem;font-weight:900}.plane-skin-family>summary em{color:#8eb6d8;font-size:.72rem;font-style:normal;font-weight:900;letter-spacing:.1em}.plane-skin-family>summary i{display:flex;align-items:center;gap:.45rem;color:#fff;font-size:.75rem;font-style:normal;font-weight:900}.plane-skin-family>summary i:after{content:"+";display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#1d6ca1;color:#fff;font-size:1.15rem}.plane-skin-family>summary i span:last-child{display:none}.plane-skin-family[open]>summary{border-bottom:1px solid rgba(117,177,255,.2);background:rgba(35,102,153,.16)}.plane-skin-family[open]>summary i:after{content:"−"}.plane-skin-family[open]>summary i span:first-child{display:none}.plane-skin-family[open]>summary i span:last-child{display:inline}.plane-skin-family>.plane-skin-product-grid{padding:1.1rem}@media(max-width:620px){.plane-skin-filters strong{width:100%}.plane-skin-family>summary{grid-template-columns:minmax(0,1fr) auto}.plane-skin-family>summary>em{display:none}.plane-skin-family>summary i span{display:none!important}}

/* Admin aircraft skin bulk product manager */
.admin-plane-skin-manager{display:grid;gap:14px}.admin-plane-skin-filters{display:grid;grid-template-columns:130px minmax(170px,1fr) 150px minmax(180px,1fr);gap:10px;padding:14px;border:1px solid rgba(85,153,211,.3);border-radius:13px;background:rgba(4,21,40,.72)}.admin-plane-skin-filters>label{display:grid;gap:5px}.admin-plane-skin-filters>label>span,.admin-plane-skin-bulk-controls>label>span{color:#7cb9e8;font-size:10px;font-weight:900}.admin-plane-skin-filters select,.admin-plane-skin-filters input,.admin-plane-skin-bulk-controls select,.admin-plane-skin-bulk-controls input{min-width:0;height:38px;border:1px solid rgba(102,171,229,.35);border-radius:8px;color:#eaf6ff;background:#071b31}.admin-plane-skin-filters>div{grid-column:1/-1;display:flex;align-items:center;gap:8px}.admin-plane-skin-filters button{height:34px;padding:0 12px;border:1px solid #377cae;border-radius:8px;color:#dff4ff;background:#0d3a5c}.admin-plane-skin-filters b{margin-left:auto;color:#65d2ff}.admin-plane-skin-bulk-controls{position:sticky;top:8px;z-index:5;display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:10px;align-items:end;padding:13px;border:1px solid rgba(255,204,74,.42);border-radius:13px;background:rgba(5,22,39,.96);box-shadow:0 10px 28px rgba(0,0,0,.28)}.admin-plane-skin-bulk-controls>label{display:grid;gap:5px}.admin-plane-skin-price-control{grid-template-columns:auto auto minmax(120px,1fr) auto!important;align-items:center}.admin-plane-skin-price-control>span{grid-column:1/5}.admin-plane-skin-price-control>input[type=checkbox]{width:18px;height:18px}.admin-plane-skin-price-control>em{color:#ffd65a;font-style:normal;font-weight:900}.admin-plane-skin-bulk-controls>button{height:40px;padding:0 16px;border:0;border-radius:9px;color:#082038;background:#ffd35a;font-weight:950}.admin-plane-skin-result{margin:0;color:#8eb8d7;font-size:11px;text-align:right}.admin-plane-skin-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-plane-skin-item{position:relative;display:grid!important;grid-template-columns:22px 96px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 10px;align-items:center;padding:9px;border:1px solid rgba(94,162,224,.25);border-radius:11px;background:rgba(7,22,42,.76);cursor:pointer}.admin-plane-skin-item:hover{border-color:#4caee8}.admin-plane-skin-item:has(input:checked){border-color:#ffd35a;box-shadow:0 0 0 1px rgba(255,211,90,.35)}.admin-plane-skin-item>input{width:18px!important;height:18px}.admin-plane-skin-item>img{grid-row:1/3;width:96px;height:70px;object-fit:contain;border-radius:8px;background:#12345a}.admin-plane-skin-item>span{display:grid;min-width:0;gap:2px}.admin-plane-skin-item small{color:#78b7e8}.admin-plane-skin-item b{overflow:hidden;color:#eaf6ff;text-overflow:ellipsis;white-space:nowrap}.admin-plane-skin-item code{overflow:hidden;color:#7190a9;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-plane-skin-item>strong{grid-column:3;color:#ffd75f;font-size:11px}.admin-plane-skin-item>em{position:absolute;bottom:8px;padding:3px 6px;border-radius:99px;font-size:8px;font-style:normal;font-weight:900}.admin-plane-skin-item>em:nth-of-type(1){right:65px}.admin-plane-skin-item>em:nth-of-type(2){right:8px}.admin-plane-skin-item>em.is-on{color:#08281b;background:#4ad39c}.admin-plane-skin-item>em.is-off{color:#ffd7d7;background:#893b49}.admin-plane-skin-item[hidden]{display:none!important}@media(max-width:1180px){.admin-plane-skin-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-plane-skin-bulk-controls{grid-template-columns:1fr 1fr}.admin-plane-skin-filters{grid-template-columns:1fr 1fr}}@media(max-width:720px){.admin-plane-skin-price-grid,.admin-plane-skin-filters,.admin-plane-skin-bulk-controls{grid-template-columns:1fr}.admin-plane-skin-price-control{grid-template-columns:auto auto minmax(0,1fr) auto!important}.admin-plane-skin-bulk-controls{position:static}.admin-plane-skin-filters>div{align-items:stretch;flex-direction:column}.admin-plane-skin-filters b{margin:0;text-align:right}}

/* Larger aircraft previews make paint, canopy and gear defects visible in product management. */
.admin-plane-skin-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-plane-skin-item{grid-template-columns:22px 168px minmax(0,1fr);gap:9px 12px;padding:11px}.admin-plane-skin-item>img{width:168px;height:118px;border-radius:9px}.admin-plane-skin-item>strong{font-size:12px}@media(max-width:1180px){.admin-plane-skin-price-grid{grid-template-columns:1fr}}@media(max-width:720px){.admin-plane-skin-item{grid-template-columns:22px 132px minmax(0,1fr)}.admin-plane-skin-item>img{width:132px;height:94px}}