/* Pastel iridescence over a dark base. Moving rails use static glass surfaces;
   live backdrop blur is reserved for stationary navigation and floating panels. */
:root{
  --bg:#12111f;--ink:#fff7fe;--muted:#d0c7df;--pink:#f6a6d9;
  --border:#d9c4fa38;--glass-line:#eee0ff32;--glass-soft:#dfd5ed;
  --glass-surface:linear-gradient(135deg,#ffe9ff13,#cadbff09 55%,#ffd9b50e),#211e35d9;
  --glass-edge:linear-gradient(120deg,#ffd2ec9c,#bceefb66 34%,#d0beff88 66%,#ffe0ba80);
  color-scheme:dark;
}
body{
  background-color:var(--bg);color:var(--ink);
  background-image:radial-gradient(ellipse at 8% 5%,#d685d328,transparent 48%),radial-gradient(ellipse at 90% 30%,#8dc5ff1a,transparent 50%),radial-gradient(ellipse at 55% 90%,#ad9bff16,transparent 52%);
  background-size:100% 1200px;background-repeat:repeat-y;
}
::selection{background:#edacd65c;color:#fff}
:focus-visible{outline-color:#d2c2ff;outline-offset:4px}
body .site-header,body .admin-header{
  background:linear-gradient(115deg,#f6bbe80c,#c6c9ff08 55%,#bce9f80a),#171421d9;
  border-bottom:1px solid #f0d6ff36;box-shadow:0 7px 32px #07081324;
  -webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);
}
.brand b{background:linear-gradient(110deg,#fff5fc,#f3bfef 44%,#bddffb 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
body .brand small{color:#ded2ed}
.header-nav a{border-radius:9px 9px 0 0;color:#eee2f8}
.header-nav a:hover,.header-nav a:focus-visible{background:#ebbbf212;border-bottom-color:#d9bcff;color:#fff}
.channel-link.bili{color:#ffc4e9}.channel-link.douyin{color:#c6eaff}
.global-search.global-search{
  background:linear-gradient(120deg,#f7d9ff0d,#b1c8ff0b),#15132291;
  border:1px solid #e2c8f64d;border-radius:12px;box-shadow:inset 0 1px #ffffff0c;color:#e8ccef;
}
.global-search.global-search input{color:#fff5fd;background:transparent}
.global-search input::placeholder{color:#c9bbd8;opacity:1}
.global-search.global-search>button{background:linear-gradient(115deg,#f1b8de,#cdc7ff 72%,#bcdced);color:#30223b;border-radius:8px}
.search-suggestions.search-suggestions{
  background:linear-gradient(130deg,#5c3d631c,#344e6a24),#211c31f5;border:1px solid #dfc4ff5c;
  border-radius:14px;box-shadow:0 20px 50px #08071380;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff5fd;
}
.search-suggestion.search-suggestion{color:#fff3fc;border-color:#e7d5ff21}
.search-suggestion.search-suggestion small,.search-suggestion.search-suggestion span{color:#d5c6e3}
.search-suggestion.search-suggestion:hover,.search-suggestion.search-suggestion.selected,.search-suggestion.search-suggestion[aria-selected="true"]{background:#d9b5ff21}
.search-show-all.search-show-all{color:#e9bdef}
.mobile-menu.mobile-menu{background:#1b172add;border-color:var(--glass-line)}
.mobile-menu a{border-color:#e9cffa24;color:#f2e4fc}

/* The countdown stays directly on its artwork, without a panel or frame. */
.countdown-hero.countdown-hero{background:#171728;border-bottom:1px solid #e9c6ff2c}
.hero-backdrop img{filter:saturate(.75) brightness(.43)}
.hero-wash.hero-wash{
  background:radial-gradient(ellipse at 8% 35%,#f6a2dc39,transparent 49%),radial-gradient(ellipse at 88% 25%,#b5d9ff33,transparent 52%),radial-gradient(ellipse at 65% 95%,#a992ff32,transparent 58%),linear-gradient(0deg,#171323f2,#13142942 65%);
}
.hero-intro h1{color:#fff7fc;text-shadow:0 2px 20px #100b20}
.hero-intro h1 .icon{color:#f7c3e5}
.release-date{color:#e7d8ef}.release-date b{color:#fff5fd}
.timer.timer{
  position:relative;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.timer .time-unit{border-left-color:#eedbff2c}
.time-value{color:#fffaff;text-shadow:0 0 11px #ffb2dc66,0 0 28px #f5a3ca5c,8px 5px 32px #ffc49d47}
.time-label{color:#f5e2f7;text-shadow:0 2px 8px #0c0918}
.waiting-progress .progress-track{height:7px;border-radius:20px;background:#f4dbff20;box-shadow:inset 0 1px 4px #110c25}
.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#f3a4dc,#f5c4b0 46%,#c4b0fc 76%,#b2dfec);box-shadow:0 0 16px #f3a4dc4d}
.progress-copy strong{color:#f8ecff}
.timezone-control.timezone-control{padding-inline:12px;border:1px solid #eacfff33;border-radius:12px;background:#d6c6ed0c}
.timezone-control>span:last-child{color:#e5c3ee}.timezone-control option{background:#292139;color:#fff5fc}
.scroll-hint{color:#dfc6ee}

.section-directory.section-directory{
  background:linear-gradient(115deg,#dfa0e119,#b9c7ff12,#aee9e00e),#211b30bf;color:#f0e5fb;
  border-top:1px solid #f4cbf54d;border-bottom:1px solid #d9c4fa2b;
}
.directory-inner a:hover{color:#ffc6e9;background:#efd2ff0a}
.directory-inner .icon{color:#e2c3fc}

/* Different pastel light belongs to each chapter; typography stays high contrast. */
.info-section.info-section,.community-section.community-section{
  --chapter:220 174 235;--chapter-next:151 181 240;--section-base:#1a162a;
  background:radial-gradient(ellipse at 8% 0%,rgb(var(--chapter) / .18),transparent 57%),radial-gradient(ellipse at 94% 90%,rgb(var(--chapter-next) / .13),transparent 55%),var(--section-base);
  color:#f8edff;border:0;border-top:1px solid rgb(var(--chapter) / .24);
}
.section-announcements.section-announcements{--chapter:193 188 255;--chapter-next:162 211 250;--section-base:#1c1b30}
.section-marketing.section-marketing{--chapter:250 169 215;--chapter-next:240 194 160;--section-base:#29192c}
.section-characters.section-characters{--chapter:193 162 242;--chapter-next:180 183 229;--section-base:#191727}
.section-map.section-map{--chapter:162 227 222;--chapter-next:151 191 252;--section-base:#15232d}
.section-gameplay.section-gameplay{--chapter:246 204 174;--chapter-next:220 186 229;--section-base:#27212c}
.section-vehicles.section-vehicles{--chapter:241 167 222;--chapter-next:163 162 249;--section-base:#23182d}
.section-brands.section-brands{--chapter:217 188 251;--chapter-next:171 199 248;--section-base:#221d31}
.section-animals.section-animals{--chapter:184 230 194;--chapter-next:164 223 238;--section-base:#17272a}
.section-weapons.section-weapons{--chapter:180 195 243;--chapter-next:217 185 230;--section-base:#1b2133}
.section-videos.section-videos{--chapter:161 208 248;--chapter-next:205 173 241;--section-base:#192235}
.section-music.section-music{--chapter:247 193 184;--chapter-next:226 182 240;--section-base:#28202f}
.community-section.community-section{--chapter:246 185 211;--chapter-next:242 208 165;--section-base:#28202c}
.community-section.community-section:before{background:radial-gradient(ellipse at 90% 0%,#f1bba817,transparent 64%)}
.section-backdrop img{opacity:.15;filter:blur(3px) saturate(.75);mask-image:linear-gradient(90deg,transparent 15%,#000 90%)}
.section-characters .section-backdrop img,.section-vehicles .section-backdrop img,.section-videos .section-backdrop img{opacity:.23}
.section-backdrop:after{background:linear-gradient(90deg,var(--section-base) 0%,transparent 90%)}
.info-section .section-kicker,.community-section .section-kicker{color:rgb(var(--chapter))}
.info-section .section-heading p,.community-section .section-heading p{color:#ded3e9}
.section-heading h2{color:#fff5fc}
.section-heading .heading-icon{color:rgb(var(--chapter));filter:drop-shadow(0 0 6px rgb(var(--chapter) / .23))}
.section-number,.character-number{color:#d2bedf}
.section-view-all.section-view-all,.rail-arrow.rail-arrow{
  background:linear-gradient(130deg,#f7d4ff0d,#c8d9ff08);color:#f8eaff;border:1px solid #e5c8ff40;border-radius:11px;
  box-shadow:inset 0 1px #fff0ff0a;
}
.section-view-all:hover,.rail-arrow:hover:enabled{background:#f2d7ff1c;border-color:#ebcbff80}
.browse-counter{color:#d5c6e3}.browse-hint{color:#cfbfdc}
.content-rail,.community-grid{scrollbar-color:#d2addd66 transparent}
.browse-card.browse-card,.collection-grid .browse-card,.content-rail .video-card,.collection-grid .video-card,.content-rail .radio-card,.collection-grid .radio-card,.content-rail .region-row,.community-card.community-card{
  background:linear-gradient(135deg,#fff0ff10,#b5d7ff07 60%,#ffc9e00b) padding-box,linear-gradient(#242035eb,#242035eb) padding-box,var(--glass-edge) border-box;
  color:#f9efff;border:1px solid transparent;border-radius:16px;box-shadow:inset 0 1px #fff5ff14,0 10px 24px #08091616;
}
.browse-card .browse-image{background:#121524;overflow:hidden}
.browse-copy.browse-copy{color:#fff2fc}
.browse-copy p,.character-copy p,.vehicle-copy p,.region-row p,.radio-card p,.community-card p{color:#e0d3e9}
.browse-copy .news-meta,.video-meta,.collection-grid .video-meta{color:#cebfdb}
.browse-copy .character-number{color:#c4acd8}
.card-button.card-button{color:#edc6f1;border-color:#e6b6ee70}
.card-button:hover{color:#fff2fb;border-color:#fff2fb}
.radio-external,.video-channel-row a,.community-button.community-button{color:#e9c9f2;border-color:#e6c1f04d}
.radio-cover{border-radius:12px;overflow:hidden;background:#171729;box-shadow:0 8px 22px #0a091f30}
.empty-state{color:#e2cfea;border-color:#d8bae057;border-radius:14px;background:#d2bce50a}
.status-badge.confirmed.status-badge.confirmed{background:#c7f0df20;color:#c1f2d8;border-color:#b4e3cc65;border-radius:8px}
.status-badge.community.status-badge.community{background:#c0dfff1c;color:#c9e9ff;border-color:#b8daf956;border-radius:8px}
.status-badge.unconfirmed,.status-badge.organizing{color:#f2d2b2;background:#f0be8e1a;border-color:#e4be8c77}
.button.button-pink,.button.button-light,.map-fullscreen.map-fullscreen,.collection-home.collection-home{
  color:#34263f;background:linear-gradient(115deg,#f4bcdf,#d2c4fb 65%,#c1deef);border:1px solid #ffedff6b;border-radius:11px;box-shadow:inset 0 1px #fff5ff5c,0 5px 18px #c78fdf12;
}
.button.button-outline,.button.button-secondary{background:#d1c3f00c;border-color:#e0c9f35c;color:#f4e6ff;border-radius:10px}
.button:hover:enabled{filter:brightness(1.06)}
.inline-map.inline-map{background:linear-gradient(130deg,#c4f4f212,#d0c4ff0b),#182633cf;border-color:#c0e1ec66;border-radius:18px;box-shadow:0 14px 40px #07121d24}
.map-toolbar.map-toolbar{background:linear-gradient(110deg,#c6f2e914,#cbb9f216);color:#e4fbff;border-bottom:1px solid #d3e9ff24}
.map-original{color:#cceaf6}.map-viewport{background:#111e2b}.map-loading{color:#cce9ed}
.inline-map:fullscreen,.inline-map.map-expanded{border-radius:0;background:#182633}
.inline-video-play.inline-video-play{background:#2c2445d9;border-color:#edc9f4b3;border-radius:11px;color:#fff1fc;box-shadow:0 3px 18px #100c2550}
.site-footer,.footer-copy,.article-site-footer{color:#c7b8d5}
.footer-identity strong{color:#f4d3ed}

/* Floating controls are actual frosted layers, with a quiet iridescent rim. */
.mini-countdown.mini-countdown,.music-panel.music-panel,.music-toggle.music-toggle{
  background:linear-gradient(130deg,#f2c2ea14,#c0d3f912 60%,#e5bcff0d),#241e35df;
  border:1px solid #dfc4ff6b;box-shadow:inset 0 1px #fff1ff1a,0 16px 42px #08071466;
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
}
.mini-countdown.mini-countdown{border-radius:18px}
.mini-caption,.mini-unit small{color:#dcc9e8}.mini-unit b{color:#fff1fb}.mini-top{color:#fac5e8}
.music-panel.music-panel{border-radius:20px;color:#fff0fc}
.music-toggle.music-toggle{color:#f8c8ed}.music-toggle.playing:after{border-color:#d4c0ff}
.music-state,.music-volume-note{color:#d5c4e2}.music-source{color:#efc2e8}
.music-actions button,.music-station.music-station{background:#e2c2ff12;border:1px solid #e5caff3b;color:#fff1fc;border-radius:10px}
.music-station small{color:#dcc6e5}.music-station-switch{background:#e1c6f00e;border-color:#e5c5f157;color:#f1c9ee}
.music-panel select{background:#2a233b;color:#fff5fd;border-color:#dbc0ec60;border-radius:9px}
.music-panel option{background:#2a233b;color:#fff5fd}.music-volume input{accent-color:#e8b3e5}
.music-station-entry{display:grid;gap:5px;min-width:0}
.music-station .music-station-cover{border-radius:8px;overflow:hidden}
.music-station small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;font-size:14px}
.music-station-about{display:inline-flex;align-items:center;gap:5px;justify-self:end;min-height:32px;padding:2px 8px;font-size:15px;color:#edc9f1}
.music-station-about .icon{width:16px;height:16px}
.music-panel>header{position:sticky;top:-20px;z-index:2;padding-block:6px;margin-top:-6px;background:#2a223bf5;border-radius:8px}
.radio-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;margin-top:12px}
.radio-links .radio-external{margin:0;font-size:16px}
.radio-links .card-button{font-size:16px;min-height:32px;padding-block:4px}
.detail-dialog .detail-image.detail-radio-logo{width:min(100%,300px);margin-inline:auto}
.detail-dialog .detail-radio-logo img{aspect-ratio:1;height:auto}

/* Archives and search inherit the same material without losing readable text. */
.collection-page.collection-page,.search-page.search-page{background:radial-gradient(ellipse at 0 0,#e7a8de23,transparent 52%),radial-gradient(ellipse at 100% 35%,#b6c6ff20,transparent 58%),#191625;color:#f9edff;--archive-accent:#e8b9ea}
.collection-map.collection-map,.collection-animals.collection-animals{background:radial-gradient(ellipse at 0 0,#b8e3db25,transparent 52%),radial-gradient(ellipse at 100% 40%,#b6c8ff1d,transparent 60%),#16242b;--archive-accent:#bde6dc}
.collection-vehicles.collection-vehicles,.collection-marketing.collection-marketing{background:radial-gradient(ellipse at 0 0,#f2a9d82b,transparent 55%),radial-gradient(ellipse at 100% 45%,#b4aeff1d,transparent 60%),#27192c;--archive-accent:#f0bbdd}
.collection-characters.collection-characters,.collection-weapons.collection-weapons,.collection-videos.collection-videos{background:radial-gradient(ellipse at 0 0,#bbb9ff24,transparent 52%),radial-gradient(ellipse at 100% 40%,#91cced18,transparent 60%),#191d2d;--archive-accent:#cbc5fb}
.collection-heading p,.search-help.search-help{color:#dacbe5}
.collection-toolbar.collection-toolbar,.search-toolbar.search-toolbar{border-color:#dac2ee4d}
.collection-toolbar input,.search-toolbar select{background:#201d34c4;color:#fff3ff;border-color:#d5b9ee66;border-radius:11px}
.collection-toolbar input::placeholder{color:#c8b7d4;opacity:1}
.collection-pagination.collection-pagination{color:#eee0fb}
.collection-page .article-site-footer{border-color:#d5bde435;color:#d0bedf}
.search-result.search-result{background:linear-gradient(125deg,#eec4ff0b,#bce3ff07),#2420357d;border:1px solid #dcc5f12e;border-radius:16px;padding:24px;margin:16px 0}
.search-result-title h2{color:#fff1fc}.search-result-title>.icon{color:#e1c2f7}
.search-result-meta.search-result-meta{color:#d2badf}.search-result-meta>a{border-color:#cdb0e16b;color:#efd8ff}
.search-result p{color:#e1d5ea}.search-empty p{color:#dfcde9}

/* Dialog prose is intentionally more opaque than its blurred outer shell. */
.detail-dialog.detail-dialog,.share-dialog.share-dialog{
  background:linear-gradient(130deg,#ffe1fa12,#c6d7ff0b 55%,#f8d7c70b),#211c30f5;color:#f7ebff;
  border:1px solid #edcbff6e;border-radius:20px;box-shadow:inset 0 1px #fff1ff1a,0 30px 100px #05040dc9;
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
}
.detail-dialog::backdrop,.share-dialog::backdrop{background:#0e091b9e;-webkit-backdrop-filter:blur(9px) saturate(.85);backdrop-filter:blur(9px) saturate(.85)}
.detail-toolbar.detail-toolbar{background:linear-gradient(115deg,#e6b5e91c,#b8ceff14),#292238e8;border-color:#e2c5f047;color:#f9e8ff}
.detail-close.detail-close{color:#382442;background:linear-gradient(115deg,#f6bcdf,#d1bff9 85%);border-color:#ffe6ff8c;border-radius:10px}
.detail-heading h2{color:#fff3fc}.detail-heading .section-kicker{color:#dfb7ec}
.detail-byline.detail-byline{color:#d1bfdc}.detail-dialog .detail-summary{color:#e6d5ed;border-top-color:#dec8ed3b}
.detail-text{color:#f1e4f7}.detail-image.detail-image{background:#171322;border-radius:12px;overflow:hidden}
.detail-image img{background:#151321}.detail-image figcaption{color:#d6c0dc;background:#d1bee409}
.detail-dialog .detail-bottom{border-color:#d9bdeb3d}
.detail-source-note.detail-source-note{color:#cbb5d6}.detail-source-note a{color:#edc0ec}
.detail-actions .button.button-source,.detail-actions .button.button-return{background:#e3c0f01a;border:1px solid #e2c4ef65;border-radius:10px;color:#f6defb}
.share-dialog input{background:#221a32;color:#fff0fc;border-color:#b99bc9;border-radius:10px}
.toast.toast{background:#e8d8f6f5;color:#31213c;border:1px solid #ffeaff80;border-radius:13px;box-shadow:0 10px 40px #12081c50}

/* The private editor and login use the same glass, with solid input backings. */
.admin-page.admin-page,.login-page.login-page{background:radial-gradient(ellipse at 0 0,#eeb6de2b,transparent 60%),radial-gradient(ellipse at 100% 65%,#b9bbff29,transparent 65%),#171322;color:#f9eeff;background-attachment:scroll}
.form-panel.form-panel,.login-panel.login-panel{background:var(--glass-surface);border:1px solid #e1c5f54a;border-radius:18px;box-shadow:inset 0 1px #fff2ff14,0 20px 55px #09061133}
.login-panel.login-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.sidebar-button.sidebar-button,.admin-notice.admin-notice{background:#e0c0ee0c;border-color:#e9c3ef80;border-radius:10px;color:#f2e4fb}
.sidebar-button.active{background:linear-gradient(110deg,#f4a9d92b,#bbc1fa21);border-color:#f2b9e5}
.item-row.item-row{background:#e2c9ff08;border-color:#dfbdec35;border-radius:11px}
.field input,.field textarea,.field select,.admin-import,.login-panel input{background:#1b1729e8;border-color:#c7add45e;color:#fff0fc;border-radius:9px}
.field small,.form-help,.admin-subtitle,.admin-export-note,.item-row-main p,.save-status,.login-panel p{color:#d8c5e3}
.field select option{background:#211a31;color:#fff0fc}
.sidebar-label,.password-link,.login-back,.admin-breadcrumb,.text-link{color:#edc6ee}

@media(max-width:950px){
  body .site-header,body .admin-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .timer.timer{padding:0;border-radius:0;background:none}
  .browse-card.browse-card,.content-rail .video-card,.content-rail .radio-card,.community-card.community-card{border-radius:13px;box-shadow:inset 0 1px #fff5ff14}
  .section-backdrop img{filter:none;opacity:.13}
  .section-heading .heading-icon{filter:none}
  .mini-countdown.mini-countdown,.music-panel.music-panel,.music-toggle.music-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .detail-dialog.detail-dialog,.share-dialog.share-dialog{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px}
  .detail-dialog::backdrop,.share-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
  .detail-toolbar.detail-toolbar{background:#30253c}
}
@media(max-width:700px){
  .content-rail .radio-links{grid-column:2;margin:0;gap:4px 12px}
  .content-rail .radio-links .card-button,.content-rail .radio-links .radio-external{font-size:15px;margin:0;min-height:32px;padding-block:3px}
  .content-rail .radio-links .icon{width:16px;height:16px}
  .search-result.search-result{padding:18px 16px;margin:12px 0;border-radius:13px}
  .detail-dialog.detail-dialog{border-radius:12px}
  .detail-heading h2{color:#fff2fc}.detail-dialog .detail-summary{font-weight:400}
  .music-panel.music-panel{border-radius:16px}.mini-countdown.mini-countdown{border-radius:14px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body .site-header,body .admin-header{background:#211a30f5}
  .music-panel.music-panel,.mini-countdown.mini-countdown,.search-suggestions.search-suggestions{background:#282137f5}
}
@media(prefers-reduced-transparency:reduce){
  body .site-header,body .admin-header,.timer.timer,.detail-dialog.detail-dialog,.share-dialog.share-dialog,.detail-dialog::backdrop,.share-dialog::backdrop,.music-panel.music-panel,.music-toggle.music-toggle,.mini-countdown.mini-countdown,.login-panel.login-panel,.search-suggestions.search-suggestions{-webkit-backdrop-filter:none;backdrop-filter:none}
  body .site-header,body .admin-header{background:#211a30}
  .detail-dialog.detail-dialog,.music-panel.music-panel,.mini-countdown.mini-countdown,.search-suggestions.search-suggestions{background:#282137}
}