/* =====================================================================
   Site themes (owner 2026-10-13: the launcher's three): White (the default look), Blue Sky, Dark.
   Loaded LAST on every page. assets/js/theme.js sets <html data-theme="white|sky|dark"> in <head> before
   first paint (saved choice in localStorage "mf_theme", else the OS preference: dark -> Dark, else White).
   The picker (three swatches) is drawn by site.js in the nav, and in the footer on phones.
   Tokens are overridden per theme below; the Dark section at the end is generated by gen_dark.py from the
   hard-coded colours in site / forum / patchnotes / gmchat / dltip / fresh.css (regenerate after big CSS edits).
   ===================================================================== */

/* ---------- the picker ---------- */
.theme-toggle{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:var(--bg-2);color:var(--ink,#0d1321);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s,transform .15s}
.theme-toggle:hover{background:var(--bg);transform:rotate(-12deg)}
.theme-toggle:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;grid-area:1/1}
.theme-toggle .th-moon{color:#3b4a6b}
.theme-toggle .th-sun{display:none;color:#ffc94d}
html[data-theme="dark"] .theme-toggle .th-moon{display:none}
html[data-theme="dark"] .theme-toggle .th-sun{display:block}
.ft-theme{display:none;margin-top:12px;align-items:center;gap:10px;font-size:.8rem;opacity:.85}
@media (max-width:640px){
  .nv-side .theme-toggle{display:none}
  .ft-theme{display:flex}
}

/* ---------- Blue Sky: sky-blue surfaces, cloud-white cards, orange primary buttons ---------- */
html[data-theme="sky"]{
  --bg-2:#eef7ff; --bg-3:#e1f0ff;
  --line:#cfe4f8; --line-2:#e3f0fc;
  --ink:#0c1a33; --ink-2:#2c3d5a; --muted:#566985; --faint:#8396b2;
  --link:#1667d9; --link-soft:#e4f1ff;
  --sh-1:0 1px 2px rgba(22,72,140,.08);
  --sh-2:0 1px 2px rgba(22,72,140,.06),0 10px 28px -10px rgba(22,72,140,.28);
  --sh-3:0 2px 4px rgba(22,72,140,.06),0 26px 60px -24px rgba(22,72,140,.38);
  background:#bfe3ff;
}
html[data-theme="sky"] body{background:linear-gradient(180deg,#6fb4ff 0,#9ccdff 420px,#bfe3ff 900px,#d6eeff 100%) fixed}

/* ---------- Dark: polished, art still pops ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0e131d; --bg-2:#151b27; --bg-3:#1b2231;
  --ink:#e9edf4; --ink-2:#c6cdd9; --muted:#98a2b3; --faint:#6f7a8c;
  --line:#273041; --line-2:#1e2533;
  --accent:#ff7a2e; --accent-2:#ff8d4a; --accent-soft:#3a2416; --accent-ink:#ffab70;
  --link:#79b0ff; --link-soft:#14233a;
  --ok:#3ccf7d; --ok-soft:#0f2a1c; --bad:#ff7a59; --bad-soft:#33191b;
  --paper:#151b27; --beige:#151b27; --beige-2:#1b2231; --sky-100:#14233a; --blue:#79b0ff; --blue-d:#5d9cf5;
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 1px 2px rgba(0,0,0,.35),0 8px 24px -8px rgba(0,0,0,.6);
  --sh-3:0 2px 4px rgba(0,0,0,.35),0 26px 60px -24px rgba(0,0,0,.75);
  background:#0e131d;
}
html[data-theme="dark"] body{background:#0e131d;color:var(--ink)}
html[data-theme="dark"] ::selection{background:#ff7a2e55}
/* photos / screenshots with white edges get a hairline frame; pixel sprites stay as they are */
html[data-theme="dark"] main :is(figure,article,.gallery,.shots,.shot,.dl-shot,.news-art,.dltip) img:not(.pixel):not([src$=".svg"]):not([src*="logo"]){outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background-color:#121825;color:var(--ink);border-color:#2b3445}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#6f7a8c}
html[data-theme="dark"] .theme-toggle{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
/* ---- generated by gen_dark.py from site.css, forum.css, patchnotes.css, gmchat.css, dltip.css, fresh.css - don't edit by hand ---- */
/* site.css */
html[data-theme="dark"] body{color:var(--ink);background:var(--beige)}
html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] button{border:0;background:none;color:inherit}
html[data-theme="dark"] .gloss{border-radius:9px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.61);border:1px solid var(--edge);box-shadow:inset 0 1px 0 rgba(255,255,255,0.044),0 2px 4px rgba(0,0,0,0.274)}
html[data-theme="dark"] .gloss::before{background:linear-gradient(rgba(255,255,255,0.03),rgba(255,255,255,0.007));border-radius:9px 9px 50% 50%/9px 9px 10px 10px}
html[data-theme="dark"] .g-blue{background:linear-gradient(#45a6ff,#1674e0)}
html[data-theme="dark"] .g-green{background:linear-gradient(#8adf5f,#3aa51e)}
html[data-theme="dark"] .g-orange{background:linear-gradient(#ffb23f,#ff7a00)}
html[data-theme="dark"] .g-dark{background:linear-gradient(#5b6474,#2c323d);border-radius:5px}
html[data-theme="dark"] .g-dark::before{border-radius:5px 5px 40% 40%/5px 5px 6px 6px}
html[data-theme="dark"] .stripes{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,0.005) 0 7px,transparent 7px 14px),var(--bgg)}
html[data-theme="dark"] .pnav{background:linear-gradient(180deg,#132741 0%,#4581dc 48%,#2f68c8 52%,#3a74d6 100%);border-top:1px solid #2b4263;border-bottom:1px solid #1f4fa0;box-shadow:0 3px 10px rgba(0,0,0,0.45)}
html[data-theme="dark"] .logo b{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.77)}
html[data-theme="dark"] .logo b span{color:#ffc93c}
html[data-theme="dark"] .logo small{color:#d9e8ff;text-shadow:0 1px 0 rgba(0,0,0,0.69)}
html[data-theme="dark"] .pnav li+li{border-left:1px solid rgba(20,50,120,.45);box-shadow:-1px 0 0 rgba(255,255,255,0.022)}
html[data-theme="dark"] .pnav .nl{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.93)}
html[data-theme="dark"] .pnav .nl:hover{background:rgba(255,255,255,0.008)}
html[data-theme="dark"] .pnav .nav-more .dd{background:#151921;border:1px solid #293f60;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(0,0,0,0.45)}
html[data-theme="dark"] .pnav .dd a{border-radius:6px;color:#c4c9d1}
html[data-theme="dark"] .pnav .dd a:hover,html[data-theme="dark"] .pnav .dd a:focus-visible{background:#151e2c;color:#76a6ef}
html[data-theme="dark"] .pnav .dd a.on{background:#332c19}
html[data-theme="dark"] .pill{border-radius:999px}
html[data-theme="dark"] .pill::before{border-radius:999px 999px 40% 40%/999px 999px 8px 8px}
html[data-theme="dark"] .menu-btn{border-radius:8px;background:rgba(255,255,255,0.011)}
html[data-theme="dark"] .menu-btn span,html[data-theme="dark"] .menu-btn span::before,html[data-theme="dark"] .menu-btn span::after{background:#151921;border-radius:2px}
html[data-theme="dark"] .dot{border-radius:50%;background:#48e06d;box-shadow:0 0 0 0 rgba(72,224,109,.7)}
html[data-theme="dark"] .btn{border-radius:999px}
html[data-theme="dark"] .btn-maple{color:#fff;background:linear-gradient(180deg,#ffa24a,var(--maple) 55%,var(--maple-600));box-shadow:0 4px 0 #b34500,0 10px 24px -6px rgba(255,122,26,.7);text-shadow:0 1px 0 rgba(0,0,0,0.85)}
html[data-theme="dark"] .btn-ghost{color:#fff;background:rgba(255,255,255,0.008);border:2px solid rgba(255,255,255,0.072)}
html[data-theme="dark"] .nametag{background:rgba(0,0,0,.62);color:#fff;border-radius:3px}
html[data-theme="dark"] .nametag.gold{color:#ffe38a}
html[data-theme="dark"] .balloon{background:#151921;color:#e4e4e4;border-radius:6px;border:1.5px solid #4a4a4a;box-shadow:0 2px 6px rgba(0,0,0,0.338)}
html[data-theme="dark"] .balloon::after{border:6px solid transparent;border-top-color:#4a4a4a;border-bottom:0}
html[data-theme="dark"] .panel{background:linear-gradient(180deg,#142a45,#4a82da 30%,#3a73d2);border:1px solid #2a5cb8;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}
html[data-theme="dark"] .panel-head h2{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.77)}
html[data-theme="dark"] .panel-head h2 span{color:#ffd24a}
html[data-theme="dark"] .panel-head p{color:#e6f0ff;text-shadow:0 1px 0 rgba(0,0,0,0.61)}
html[data-theme="dark"] .board{background:#151921;border-radius:8px;border:1px solid #283e5e}
html[data-theme="dark"] .slot{border-radius:10px;background:linear-gradient(#151921,#212733);border:1px solid #b7c2cf;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -3px 0 rgba(0,0,0,0.13)}
html[data-theme="dark"] .why .it{border-bottom:1px dotted #3a4354}
html[data-theme="dark"] .why .it:not(:nth-child(3n)){border-right:1px dotted #3a4354}
html[data-theme="dark"] .why .it:nth-last-child(-n+3){border-bottom:0}
html[data-theme="dark"] .why .slot{border-radius:8px}
html[data-theme="dark"] .why h3{color:#cdd0d7}
html[data-theme="dark"] .why p{color:#b5b5b5}
html[data-theme="dark"] .cls-tabs{background:#2f2818;border-bottom:1px solid #544a32}
html[data-theme="dark"] .cls-tab{border-radius:7px;border:1px solid #3a4354;background:linear-gradient(#151921,#202631);color:#c8c8c8}
html[data-theme="dark"] .cls-tab img{border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,0.242)}
html[data-theme="dark"] .cls-tab:hover{background:linear-gradient(#151921,#2e271a)}
html[data-theme="dark"] .cls-tab[aria-selected="true"]{background:linear-gradient(var(--c2),var(--c1));border-color:rgba(0,0,0,.2);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.61);box-shadow:inset 0 1px 0 rgba(255,255,255,0.036)}
html[data-theme="dark"] .cls-detail .scene{background:url("../scene/grass.webp") center bottom/auto 100px repeat-x,linear-gradient(180deg,#132942,#1a2836)}
html[data-theme="dark"] .cls-detail .bar{color:var(--c1)}
html[data-theme="dark"] .cls-detail .bar small{color:#fff;background:var(--c1);border-radius:999px}
html[data-theme="dark"] .cls-detail .role{color:#c0bab0}
html[data-theme="dark"] .paths{border-top:1px dotted #3a4354}
html[data-theme="dark"] .paths li{color:#bebebe;border-bottom:1px dotted #3a4354}
html[data-theme="dark"] .paths li b{color:var(--navy)}
html[data-theme="dark"] .skillrow .sk{color:#bebebe}
html[data-theme="dark"] .skillrow .slot{border-radius:8px}
html[data-theme="dark"] .box{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 0 rgba(255,255,255,0.064) inset}
html[data-theme="dark"] .btitle h2,html[data-theme="dark"] .btitle h3{color:#c4c8cf}
html[data-theme="dark"] .btitle h2 span,html[data-theme="dark"] .btitle h3 span{color:var(--blue)}
html[data-theme="dark"] .more{color:#a7abb4}
html[data-theme="dark"] .more::after{color:var(--maple)}
html[data-theme="dark"] .more:hover{color:var(--ink)}
html[data-theme="dark"] .passport{border-radius:12px;background:linear-gradient(180deg,#142a45,#4f88de 40%,#3a73d2);border:1px solid #2a5cb8;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}
html[data-theme="dark"] .passport h3{color:#eaf3ff;text-shadow:0 1px 1px rgba(0,0,0,0.69)}
html[data-theme="dark"] .finds{border-top:1px solid rgba(255,255,255,0.036)}
html[data-theme="dark"] .island{background:url("../scene/map-maple-island.webp") 50% 58%/260% auto;border-top:2px solid rgba(255,255,255,0.048)}
html[data-theme="dark"] .bigbtn{border-radius:10px}
html[data-theme="dark"] .bigbtn::before{border-radius:10px 10px 50% 50%/10px 10px 10px 10px}
html[data-theme="dark"] .bigbtn i{border-radius:50%;background:#151921;box-shadow:inset 0 -3px 0 rgba(0,0,0,0.178),0 2px 3px rgba(0,0,0,0.37)}
html[data-theme="dark"] .status{background:linear-gradient(#2b2415,#3c311d);border-color:#d8c29a}
html[data-theme="dark"] .srv-row{color:#d4bb91}
html[data-theme="dark"] .srv-row .on{color:#8fe77e}
html[data-theme="dark"] .ch{color:#d4bb91}
html[data-theme="dark"] .gauge{border-radius:3px;background:#5a4a33;box-shadow:inset 0 1px 2px rgba(0,0,0,0.69)}
html[data-theme="dark"] .gauge span{background:url("../ui/chgauge.png") left center/73px 9px no-repeat}
html[data-theme="dark"] .enter{background:url("../ui/bt-enter.png")}
html[data-theme="dark"] .enter:hover{background-image:url("../ui/bt-enter-hover.png")}
html[data-theme="dark"] .enter:active{background-image:url("../ui/bt-enter-press.png")}
html[data-theme="dark"] .featured{border-radius:12px;background:linear-gradient(180deg,#142a45,#3a73d2);border:1px solid #2a5cb8}
html[data-theme="dark"] .stage{border-radius:8px;background:#192535}
html[data-theme="dark"] .slide .kick{background:#ff3d3d;color:#fff;border-radius:4px;box-shadow:0 2px 0 #a41c1c}
html[data-theme="dark"] .slide .big{color:#fff;text-shadow:2px 2px 0 var(--o),-2px 2px 0 var(--o),2px -2px 0 var(--o),-2px -2px 0 var(--o),0 3px 0 var(--o),3px 0 0 var(--o),0 6px 12px rgba(0,0,0,0.61)}
html[data-theme="dark"] .slide .big em{color:#ffe14a}
html[data-theme="dark"] .slide .small{color:#fff;text-shadow:0 1px 2px #000000}
html[data-theme="dark"] .s-hd{background:url("../scene/henesys.webp") 70% 100%/auto 118% no-repeat,#3366cc}
html[data-theme="dark"] .s-hd::before{background:linear-gradient(90deg,rgba(10,30,90,.55),rgba(10,30,90,0) 60%)}
html[data-theme="dark"] .s-fame{background:url("../scene/grass.webp") center bottom/auto 60% repeat-x,linear-gradient(#4a8fe8,#16314c)}
html[data-theme="dark"] .s-guild{background:repeating-conic-gradient(from 0deg at 74% 55%,#8fd858 0 10deg,#7bc94a 10deg 20deg)}
html[data-theme="dark"] .s-vic{background:url("../scene/map-victoria.webp") 65% 45%/cover}
html[data-theme="dark"] .s-vic::before{background:linear-gradient(90deg,rgba(40,25,10,.6),rgba(40,25,10,0) 65%)}
html[data-theme="dark"] .s-com{background:url("../scene/clouds.webp") center/cover,#2b5fc4}
html[data-theme="dark"] .s-com::before{background:linear-gradient(90deg,rgba(10,20,70,.65),rgba(10,20,70,.1))}
html[data-theme="dark"] .stage-bar{background:linear-gradient(#6d7380,#4b515c)}
html[data-theme="dark"] .stage-bar button{border-radius:50%;background:rgba(255,255,255,0.027)}
html[data-theme="dark"] .stage-bar button[aria-selected="true"]{background:#ffae3d}
html[data-theme="dark"] .picker{background:#151921;border-radius:8px;border:1px solid #283e5e}
html[data-theme="dark"] .picker li{border-bottom:1px solid #2c3a51}
html[data-theme="dark"] .picker li:last-child{border-bottom:0}
html[data-theme="dark"] .picker button{color:#d1d1d1}
html[data-theme="dark"] .picker button:hover{background:#141b29}
html[data-theme="dark"] .picker button[aria-selected="true"]{background:linear-gradient(90deg,#302717,#151921);color:#ededed;box-shadow:inset 3px 0 0 var(--maple)}
html[data-theme="dark"] .thumb{border-radius:5px;background:var(--t);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),inset 0 -2px 0 rgba(0,0,0,0.242)}
html[data-theme="dark"] .banner{border-radius:4px;border:1px solid rgba(0,0,0,.12)}
html[data-theme="dark"] .b-notice{background:linear-gradient(90deg,#d6ef5a,#9bd33a)}
html[data-theme="dark"] .b-notice .tagbox{background:#39351b;border:2px solid #5d6b1b;color:#d7f273;box-shadow:2px 2px 0 rgba(0,0,0,0.37)}
html[data-theme="dark"] .b-notice .now{color:#fff;text-shadow:2px 2px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000}
html[data-theme="dark"] .b-notice .now em{color:#7a9feb;text-shadow:1px 1px 0 rgba(255,255,255,0.08)}
html[data-theme="dark"] .b-event{background:linear-gradient(90deg,#e8352f,#ff6b5a);color:#fff}
html[data-theme="dark"] .b-event .t2{text-shadow:0 3px 0 rgba(0,0,0,0.77)}
html[data-theme="dark"] .lst li{border-bottom:1px solid #363e4e;color:#c8c8c8}
html[data-theme="dark"] .lst li a:hover{color:var(--blue)}
html[data-theme="dark"] .tag{color:#fff;border-radius:2px;background:var(--c)}
html[data-theme="dark"] .rk-head h2{color:#c4c8cf}
html[data-theme="dark"] .rk-head h2 span{color:var(--blue)}
html[data-theme="dark"] .tab{border-radius:4px;color:#bebebe;background:linear-gradient(#171b23,#202631);border:1px solid #3a4253}
html[data-theme="dark"] .tab i{border-radius:50%;background:var(--c)}
html[data-theme="dark"] .tab:hover{background:linear-gradient(#151921,#1c212b)}
html[data-theme="dark"] .tab[aria-selected="true"]{background:linear-gradient(#58adff,#1674e0);border-color:#0e57b0;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.45)}
html[data-theme="dark"] .tab[aria-selected="true"] i{box-shadow:0 0 0 1px rgba(255,255,255,0.08)}
html[data-theme="dark"] .search input{border-radius:4px;border:1px solid #3a4253;background:#151921;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,0.178)}
html[data-theme="dark"] .search input:focus{border-color:var(--blue)}
html[data-theme="dark"] .search svg{color:#a7abb4}
html[data-theme="dark"] .podium{border-radius:10px 10px 0 0;background:url("../scene/clouds.webp") center top/100% auto no-repeat,linear-gradient(180deg,#5f9ff0,#1d2d3c 85%)}
html[data-theme="dark"] .podium::after{background:linear-gradient(#62b53f 0 4px,#3f8a2a 4px)}
html[data-theme="dark"] .pod .base{border-radius:8px 8px 0 0;background:linear-gradient(#7fd257 0 6px,#4c9a33 6px 9px,#c48f58 9px,#a06f3d);box-shadow:inset 2px 0 0 rgba(255,255,255,0.014),inset -2px 0 0 rgba(0,0,0,0.242)}
html[data-theme="dark"] .medal{border-radius:50%;border:2px solid #2e3542;box-shadow:0 3px 8px rgba(0,0,0,0.45),inset 0 -3px 0 rgba(0,0,0,0.29)}
html[data-theme="dark"] .medal::before,html[data-theme="dark"] .medal::after{background:var(--rib)}
html[data-theme="dark"] .pod.first .medal{background:radial-gradient(circle at 35% 30%,#4c4516,#ffc21a 55%,#d99400);color:#ffc766}
html[data-theme="dark"] .pod.second .medal{background:radial-gradient(circle at 35% 30%,#151921,#253140 55%,#98a5b6);color:#bcc2ca}
html[data-theme="dark"] .pod.third .medal{background:radial-gradient(circle at 35% 30%,#3b2b1c,#e0995e 55%,#b06a2e);color:#fff}
html[data-theme="dark"] .tagname{background:rgba(0,0,0,.7);color:#fff;border-radius:3px}
html[data-theme="dark"] .pod.first .tagname{color:#ffe38a}
html[data-theme="dark"] .tagguild{background:rgba(0,0,0,.55);color:#b8f0a0;border-radius:3px}
html[data-theme="dark"] .pod .meta{color:#fff;text-shadow:0 1px 2px #000000}
html[data-theme="dark"] .table{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}
html[data-theme="dark"] .row{border-top:1px solid #56472a}
html[data-theme="dark"] .row:nth-child(odd){background:#2a2414}
html[data-theme="dark"] .row:hover{background:#2f2617}
html[data-theme="dark"] .row.hr{background:linear-gradient(#2f2717,#3a311c);color:#bcb6aa}
html[data-theme="dark"] .rk{color:var(--blue-d)}
html[data-theme="dark"] .mv.up{color:#8ce97c}
html[data-theme="dark"] .mv.dn{color:#d33b2f}
html[data-theme="dark"] .mv.eq{color:#aaa}
html[data-theme="dark"] .who b{color:var(--navy)}
html[data-theme="dark"] .guild{color:var(--muted)}
html[data-theme="dark"] .emblem{border-radius:3px;color:#fff}
html[data-theme="dark"] .gemblem i{background:url("../ui/guildmark-bg.png") no-repeat;background-size:calc(272px * var(--gs, 2)) auto}
html[data-theme="dark"] .gemblem i.mk{background-image:url("../ui/guildmark-mark.png")}
html[data-theme="dark"] .job img{border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,0.29)}
html[data-theme="dark"] .lv{color:var(--navy)}
html[data-theme="dark"] .lv small{color:var(--muted)}
html[data-theme="dark"] .exp{border-radius:999px;background:#1f2b3d;box-shadow:inset 0 1px 2px rgba(0,0,0,0.69)}
html[data-theme="dark"] .exp span{border-radius:999px;background:linear-gradient(180deg,#4c4716,#ffd400 45%,#e8a200)}
html[data-theme="dark"] .exp em{color:#fff;text-shadow:0 0 2px #000000,0 0 2px #000000,0 1px 1px #000000}
html[data-theme="dark"] .empty{color:var(--muted)}
html[data-theme="dark"] .credit{color:#a7abb4}
html[data-theme="dark"] .tile{border-radius:4px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.37)}
html[data-theme="dark"] .tile.o{background:linear-gradient(#ffa24d,#f47a1f)}
html[data-theme="dark"] .tile.b{background:linear-gradient(#132540,#5186dd)}
html[data-theme="dark"] .tile.on{box-shadow:inset 0 0 0 3px #fff3b0}
html[data-theme="dark"] .dlg .mid{background:url("../ui/dlg-c.png") top/100% auto repeat-y}
html[data-theme="dark"] .dlg .npc span{background:url("../ui/dlg-bar.png") center/100% 100%;color:#fff}
html[data-theme="dark"] .dlg .say{color:#e4e4e4}
html[data-theme="dark"] .dlg .say .b{color:#6666ff}
html[data-theme="dark"] .dlg .say .r{color:#ff6666}
html[data-theme="dark"] .dlg .say .opt{color:#6666ff}
html[data-theme="dark"] .dlg .say .opt::before{border:4px solid transparent;border-left:5px solid #0000ff;border-right:0}
html[data-theme="dark"] .dlg .say .opt:hover{color:#ff9c66}
html[data-theme="dark"] .imgbtn{background:center/100% 100% no-repeat}
html[data-theme="dark"] .b-end{background-image:url("../ui/dlg-end.png")}
html[data-theme="dark"] .b-end:hover{background-image:url("../ui/dlg-end-hover.png")}
html[data-theme="dark"] .b-next{background-image:url("../ui/dlg-next.png")}
html[data-theme="dark"] .b-next:hover{background-image:url("../ui/dlg-next-hover.png")}
html[data-theme="dark"] .b-prev{background-image:url("../ui/dlg-prev.png")}
html[data-theme="dark"] .b-prev:hover{background-image:url("../ui/dlg-prev-hover.png")}
html[data-theme="dark"] .b-ok{background-image:url("../ui/dlg-ok.png")}
html[data-theme="dark"] .ad{border-radius:10px;color:#fff;border:1px solid rgba(0,0,0,.12)}
html[data-theme="dark"] .ad-1{background:url("../scene/clouds.webp") center/cover,linear-gradient(#3a7fe0,#16304a)}
html[data-theme="dark"] .ad-1 .logo-s{text-shadow:0 2px 0 rgba(0,0,0,0.85)}
html[data-theme="dark"] .ad-1 .bub{border-radius:50%;background:#151921;color:#7aa3eb;box-shadow:0 4px 10px rgba(0,0,0,0.37)}
html[data-theme="dark"] .ad-1 .bub::after{border:8px solid transparent;border-top-color:#2e3542}
html[data-theme="dark"] .ad-1 .band{background:linear-gradient(#2a3a8f,#1a2366)}
html[data-theme="dark"] .ad-2{background:radial-gradient(circle at 50% 35%,#43132f,#8a2a9e 55%,#3a1463)}
html[data-theme="dark"] .ad-2 .t{text-shadow:0 3px 0 #000000}
html[data-theme="dark"] .ad-2 .t em{color:#ffe14a}
html[data-theme="dark"] .ad-2 .alive{text-shadow:0 1px 2px #000000}
html[data-theme="dark"] footer{background:var(--beige-2);border-top:1px solid var(--line);color:#c0b8a5}
html[data-theme="dark"] footer nav a:hover{color:var(--ink)}
html[data-theme="dark"] .fine{color:#a7abb4}
@media (max-width:1180px){
html[data-theme="dark"] .pnav.open .nav-more .dd{background:none;border:0;border-radius:0;box-shadow:none}
html[data-theme="dark"] .pnav.open .dd a{color:#fff;border-top:1px solid rgba(255,255,255,0.018);border-radius:0}
html[data-theme="dark"] .pnav.open .dd a:hover{background:rgba(255,255,255,0.008);color:#fff}
html[data-theme="dark"] .pnav.open .dd a.on{background:rgba(255,255,255,0.011)}
html[data-theme="dark"] .pnav.open ul{background:#2f68c8;border-bottom:1px solid #1f4fa0}
html[data-theme="dark"] .pnav.open li+li{border-left:0;box-shadow:none;border-top:1px solid rgba(255,255,255,0.018)}
}
@media (max-width:900px){
html[data-theme="dark"] .pnav.open .nav-more .dd{background:none;border:0;border-radius:0;box-shadow:none}
html[data-theme="dark"] .pnav.open .dd a{color:#fff;border-top:1px solid rgba(255,255,255,0.018);border-radius:0}
html[data-theme="dark"] .pnav.open .dd a:hover{background:rgba(255,255,255,0.008);color:#fff}
html[data-theme="dark"] .pnav.open .dd a.on{background:rgba(255,255,255,0.011)}
html[data-theme="dark"] .pnav.open ul{background:#2f68c8;border-bottom:1px solid #1f4fa0}
html[data-theme="dark"] .pnav.open li+li{border-left:0;box-shadow:none;border-top:1px solid rgba(255,255,255,0.018)}
html[data-theme="dark"] .picker li{border-bottom:0;border-right:1px solid #2c3a51}
}
@media (max-width:620px){
html[data-theme="dark"] .why .it{border-right:0 !important;border-bottom:1px dotted #3a4354 !important}
html[data-theme="dark"] .why .it:last-child{border-bottom:0 !important}
}
html[data-theme="dark"] .pnav .nl.on{background:rgba(255,255,255,0.011);box-shadow:inset 0 -3px 0 #ffc93c}
html[data-theme="dark"] .pnav .nl.vip{color:#ffe07a}
html[data-theme="dark"] .sort{color:#baabab}
html[data-theme="dark"] .sort select{border-radius:4px;border:1px solid #3a4253;background:#151921}
html[data-theme="dark"] .c-fame{color:var(--maple-600)}
html[data-theme="dark"] .pager button{border-radius:4px;border:1px solid #3a4253;background:linear-gradient(#171b23,#202631);color:#bebebe}
html[data-theme="dark"] .pager button[aria-current="true"]{background:linear-gradient(#58adff,#1674e0);border-color:#0e57b0;color:#fff}
html[data-theme="dark"] .notice-pop{background:rgba(10,20,40,.45)}
html[data-theme="dark"] .np-box{background:linear-gradient(#161a22,#1f2530);border:2px solid #7a7a7a;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,0.61),inset 0 0 0 2px rgba(255,255,255,0.08)}
html[data-theme="dark"] .np-title{color:var(--navy)}
html[data-theme="dark"] .np-msg{color:#d1d1d1}
html[data-theme="dark"] .page-hero{background:none}
html[data-theme="dark"] .page-hero::before{background:linear-gradient(90deg,rgba(8,28,90,.78),rgba(8,28,90,.35) 55%,rgba(8,28,90,.05))}
html[data-theme="dark"] .crumbs{color:#cfe0ff}
html[data-theme="dark"] .page-hero h1{color:#fff;text-shadow:0 3px 0 rgba(0,0,0,0.93)}
html[data-theme="dark"] .page-hero h1 em{color:#ffcf4a}
html[data-theme="dark"] .page-hero p{color:#e8f1ff;text-shadow:0 1px 4px rgba(0,0,0,0.77)}
html[data-theme="dark"] .lead-in{color:#bebebe}
html[data-theme="dark"] .prose{color:#c8c8c8}
html[data-theme="dark"] .prose a{color:var(--blue)}
html[data-theme="dark"] .prose h3{color:var(--navy)}
html[data-theme="dark"] .prose b{color:#cdd0d7}
html[data-theme="dark"] .callout{border-radius:10px;background:linear-gradient(90deg,#302717,#2a2314);border:1px solid #64512b;color:#dbbe8a}
html[data-theme="dark"] .callout b{color:#ffd566}
html[data-theme="dark"] .callout.blue{background:linear-gradient(90deg,#16202d,#131c27);border-color:#273e5c;color:#91aad4}
html[data-theme="dark"] .tbl-wrap{border:1px solid var(--line);border-radius:10px;background:#151921}
html[data-theme="dark"] .tbl{border-collapse:collapse}
html[data-theme="dark"] .tbl th{background:linear-gradient(#2f2717,#3a311c);color:#bcb6aa;border-bottom:1px solid var(--line)}
html[data-theme="dark"] .tbl td{border-bottom:1px dotted #3a4354;color:#c8c8c8}
html[data-theme="dark"] .tbl tr:last-child td{border-bottom:0}
html[data-theme="dark"] .tbl tr:nth-child(even) td{background:#2a2414}
html[data-theme="dark"] .tbl td b{color:var(--navy)}
html[data-theme="dark"] .tbl code,html[data-theme="dark"] .prose code{background:#151e2c;color:var(--blue-d);border-radius:4px}
html[data-theme="dark"] .tbl .ic img{border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,0.242)}
html[data-theme="dark"] .steps-l li::before{border-radius:50%;color:#fff;background:linear-gradient(#ffb23f,#ff7a00);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 2px 0 #c45a00}
html[data-theme="dark"] .steps-l li>div>b{color:var(--navy)}
html[data-theme="dark"] .steps-l p{color:#b5b5b5}
html[data-theme="dark"] .field label,html[data-theme="dark"] .field .lbl{color:#babec6}
html[data-theme="dark"] .input{border:1px solid #c9c3b5;border-radius:8px;background:linear-gradient(#151921,#282314);box-shadow:inset 0 1px 2px rgba(0,0,0,0.146);outline:none;color:var(--ink)}
html[data-theme="dark"] .input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,208,.18)}
html[data-theme="dark"] .field .hint{color:var(--muted)}
html[data-theme="dark"] .field .err{color:#d33b2f}
html[data-theme="dark"] .field.bad .input{border-color:#d33b2f;box-shadow:0 0 0 3px rgba(211,59,47,.12)}
html[data-theme="dark"] .form-msg{color:#d33b2f;border-radius:8px;background:#291714;border:1px solid #5f3029}
html[data-theme="dark"] .form-msg.ok{color:#8cd98c;background:#152b15;border-color:#296029}
html[data-theme="dark"] .check{color:#bebebe}
html[data-theme="dark"] .check a{color:var(--blue)}
html[data-theme="dark"] .form .submit{border-radius:10px}
html[data-theme="dark"] .alt{color:#baabab}
html[data-theme="dark"] .alt a{color:var(--blue)}
html[data-theme="dark"] .gender span{border:1px solid #c9c3b5;border-radius:8px;background:#151921;color:#bebebe}
html[data-theme="dark"] .gender input:checked+span{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,208,.18);color:var(--blue-d)}
html[data-theme="dark"] .gender input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
html[data-theme="dark"] .acct .preview{background:url("../scene/grass.webp") center bottom/auto 110px repeat-x,url("../scene/clouds.webp") center/cover,linear-gradient(#4a8fe8,#16314c)}
html[data-theme="dark"] .dl-main h2{color:var(--navy)}
html[data-theme="dark"] .chip{background:#151e2c;color:var(--blue-d);border-radius:999px;border:1px solid #273e5a}
html[data-theme="dark"] .dl-btns .mirror{color:var(--blue)}
html[data-theme="dark"] .dl-art{background:url("../scene/henesys.webp") 70% 100%/auto 130% no-repeat,#3366cc}
html[data-theme="dark"] .hash{color:#b5b5b5;background:#2f2716;border-radius:6px}
html[data-theme="dark"] .perk b{color:var(--navy)}
html[data-theme="dark"] .perk p{color:#b5b5b5}
html[data-theme="dark"] .nx-agree{border:1px solid #64452b;border-radius:10px;background:#2a1f14;color:#deb187}
html[data-theme="dark"] .nx-agree a{color:#f7966e}
html[data-theme="dark"] .nx-agree.need{border-color:#e8352f;box-shadow:0 0 0 3px rgba(232,53,47,.18)}
html[data-theme="dark"] .pkg{background:linear-gradient(#151921,#141c29);border:1px solid #2d3f57;border-radius:12px}
html[data-theme="dark"] .pkg:hover{box-shadow:var(--shadow)}
html[data-theme="dark"] .pkg.pop{border-color:#ffb23f;box-shadow:inset 0 0 0 2px #ffd88a}
html[data-theme="dark"] .pkg .ribbon{background:linear-gradient(#ff6b5a,#e8352f);color:#fff;border-radius:999px}
html[data-theme="dark"] .pkg .nx{color:var(--navy)}
html[data-theme="dark"] .pkg .nx small{color:var(--muted)}
html[data-theme="dark"] .pkg .bonus{color:#8ce97c}
html[data-theme="dark"] .pkg .price{color:#c8c8c8}
html[data-theme="dark"] .sc h3{color:var(--navy)}
html[data-theme="dark"] .sc-item{border:1px solid #544a32;border-radius:10px;background:#292514;color:#c8c8c8}
html[data-theme="dark"] .sc-item .slot{border-radius:8px}
html[data-theme="dark"] .fashion{border-radius:10px;background:url("../scene/grass.webp") center bottom/auto 90px repeat-x,linear-gradient(#341929,#2a1420)}
html[data-theme="dark"] .faq details,html[data-theme="dark"] .news-list details{border-bottom:1px dotted #3a4354}
html[data-theme="dark"] .faq details:last-child,html[data-theme="dark"] .news-list details:last-child{border-bottom:0}
html[data-theme="dark"] .faq summary{color:var(--navy)}
html[data-theme="dark"] .faq summary::after,html[data-theme="dark"] .news-list summary::after{border-radius:50%;color:#fff;background:linear-gradient(#ffb23f,#ff7a00)}
html[data-theme="dark"] .faq .ans{color:#bebebe}
html[data-theme="dark"] .faq .ans a{color:var(--blue)}
html[data-theme="dark"] .news-list .date{color:#a7abb4}
html[data-theme="dark"] .news-list .ttl{color:#d1d1d1}
html[data-theme="dark"] .news-list summary:hover .ttl,html[data-theme="dark"] .news-list details[open] .ttl{color:var(--blue)}
html[data-theme="dark"] .news-list details:target{background:#2a2314}
html[data-theme="dark"] .rules li{color:#bebebe}
html[data-theme="dark"] .rules li::before{border-radius:5px;color:#fff;background:var(--t-notice)}
html[data-theme="dark"] .ms{border-radius:12px;color:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,0.036)}
html[data-theme="dark"] .ms::before{background:linear-gradient(rgba(255,255,255,0.021),rgba(255,255,255,0.004))}
html[data-theme="dark"] .ms.views{background:linear-gradient(#3f1812,#d63a2f)}
html[data-theme="dark"] .ms.likes{background:linear-gradient(#58adff,#1674e0)}
html[data-theme="dark"] .ms b{text-shadow:0 3px 0 rgba(0,0,0,0.37)}
html[data-theme="dark"] .ms-note{color:#baabab}
html[data-theme="dark"] .ticks li,html[data-theme="dark"] .crosses li{color:#bebebe}
html[data-theme="dark"] .ticks li::before,html[data-theme="dark"] .crosses li::before{border-radius:50%}
html[data-theme="dark"] .ticks li::before{background:#21361a;color:#8ce97c}
html[data-theme="dark"] .crosses li::before{background:#301917;color:#d33b2f}
html[data-theme="dark"] .select{background:linear-gradient(#151921,#282314) padding-box,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23777' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center}
html[data-theme="dark"] .side-menu h3{color:#c4c8cf}
html[data-theme="dark"] .side-menu a{border-radius:7px;color:#c8c8c8;border-top:1px dotted #544a32}
html[data-theme="dark"] .side-menu a:first-of-type{border-top:0}
html[data-theme="dark"] .side-menu a:hover{background:#141b29;color:var(--blue)}
html[data-theme="dark"] .side-menu a.on{background:linear-gradient(90deg,#302717,#151921);color:#ededed;box-shadow:inset 3px 0 0 var(--maple)}
html[data-theme="dark"] .modal{background:rgba(10,20,40,.55)}
html[data-theme="dark"] .mwin{background:#151921;border:1px solid #2a5cb8;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,0.69)}
html[data-theme="dark"] .mbar{background:linear-gradient(180deg,#132741 0%,#4581dc 48%,#2f68c8 52%,#3a74d6 100%);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.93)}
html[data-theme="dark"] .mclose{border-radius:7px;background:rgba(255,255,255,0.012);color:#fff}
html[data-theme="dark"] .mclose:hover{background:rgba(255,255,255,0.021)}
html[data-theme="dark"] .mbody.flush{background:#000}
html[data-theme="dark"] .player iframe{border:0}
html[data-theme="dark"] .vcard{border-radius:10px;background:#151921;border:1px solid #384051}
html[data-theme="dark"] .vcard:hover{box-shadow:var(--shadow)}
html[data-theme="dark"] .vthumb{background:#2b5fc4 center/cover no-repeat}
html[data-theme="dark"] .vthumb .play{border-radius:11px;background:#e62117;box-shadow:0 4px 12px rgba(0,0,0,0.61)}
html[data-theme="dark"] .vthumb .play::after{border:8px solid transparent;border-left:13px solid #2e3542;border-right:0}
html[data-theme="dark"] .vthumb .dur{background:rgba(0,0,0,.8);color:#fff;border-radius:4px}
html[data-theme="dark"] .vthumb .sample{background:rgba(255,255,255,0.055);color:#bebebe;border-radius:4px}
html[data-theme="dark"] .vmeta b{color:#cdd0d7}
html[data-theme="dark"] .vmeta small{color:#a7abb4}
html[data-theme="dark"] .vmeta small img{border-radius:4px}
html[data-theme="dark"] .preview-note{color:#e9ca7c;background:#312b18;border:1px dashed #e8c66a;border-radius:8px}
html[data-theme="dark"] .cprof .scene{background:url("../scene/grass.webp") center bottom/auto 110px repeat-x,url("../scene/clouds.webp") center/cover,linear-gradient(#4a8fe8,#16314c)}
html[data-theme="dark"] .cprof .scene .rankbadge{color:#ffc766;background:radial-gradient(circle at 35% 30%,#4c4516,#ffc21a 55%,#d99400);border:2px solid #2e3542;border-radius:999px;box-shadow:0 3px 8px rgba(0,0,0,0.37)}
html[data-theme="dark"] .cprof h2{color:var(--navy)}
html[data-theme="dark"] .stat{background:#2f2716;border:1px solid #584b2e;border-radius:8px}
html[data-theme="dark"] .stat small{color:#c3b8a2}
html[data-theme="dark"] .stat b{color:var(--navy)}
html[data-theme="dark"] .eq{border:1px solid #544a32;border-radius:10px;background:#292514}
html[data-theme="dark"] .eq b{color:#cdd0d7}
html[data-theme="dark"] .eq small{color:#c3b8a2}
html[data-theme="dark"] .kpi{background:#151921;border:1px solid var(--line);border-radius:12px}
html[data-theme="dark"] .kpi small{color:#c3b8a2}
html[data-theme="dark"] .kpi b{color:var(--navy)}
html[data-theme="dark"] .charcard{border:1px solid #384051;border-radius:10px;background:#292514}
html[data-theme="dark"] .charcard .scene{background:url("../scene/grass.webp") center bottom/auto 76px repeat-x,linear-gradient(#132942,#1a2836)}
html[data-theme="dark"] .charcard .body b{color:var(--navy)}
html[data-theme="dark"] .charcard .body small{color:#baabab}
html[data-theme="dark"] .vsite{border:1px solid #384051;border-radius:12px;background:#292514}
html[data-theme="dark"] .vsite .logo-sq{border-radius:10px;color:#fff;background:var(--c);box-shadow:inset 0 -3px 0 rgba(0,0,0,0.29)}
html[data-theme="dark"] .vsite .t b{color:var(--navy)}
html[data-theme="dark"] .vsite .t small{color:#baabab}
html[data-theme="dark"] .vsite .t small.ready{color:#8ce97c}
html[data-theme="dark"] .fgroup h3{color:#fff;background:linear-gradient(180deg,#132741,#3a74d6);border-radius:8px 8px 0 0;text-shadow:0 1px 1px rgba(0,0,0,0.85)}
html[data-theme="dark"] .frow{border:1px solid var(--line);border-top:0;background:#151921}
html[data-theme="dark"] .frow:nth-child(odd){background:#2a2414}
html[data-theme="dark"] .frow:last-child{border-radius:0 0 8px 8px}
html[data-theme="dark"] .frow.hd{background:linear-gradient(#2f2717,#3a311c);color:#bcb6aa}
html[data-theme="dark"] .frow .bn b{color:var(--navy)}
html[data-theme="dark"] .frow .bn b:hover{color:var(--blue)}
html[data-theme="dark"] .frow .bn small{color:#baabab}
html[data-theme="dark"] .frow .num{color:#bebebe}
html[data-theme="dark"] .frow .last{color:#a7abb4}
html[data-theme="dark"] .frow .last img{border-radius:8px;background:#17222f}
html[data-theme="dark"] .frow .last b{color:#c8c8c8}
html[data-theme="dark"] .fstats{color:#baabab}
html[data-theme="dark"] .fstats b{color:var(--navy)}
html[data-theme="dark"] .post{border:1px solid var(--line);border-radius:10px;background:#151921}
html[data-theme="dark"] .post .who{background:url("../scene/grass.webp") center bottom/auto 60px repeat-x,linear-gradient(#16212d,#131e27);border-right:1px solid var(--line)}
html[data-theme="dark"] .post .who .role{color:#fff;background:var(--t-notice);border-radius:999px}
html[data-theme="dark"] .post .who .role.staff{background:#d63a2f}
html[data-theme="dark"] .post .who small{color:#b5b5b5}
html[data-theme="dark"] .post .msg .when{color:#a7abb4;border-bottom:1px dotted #544a32}
html[data-theme="dark"] .post .msg p{color:#d1d1d1}
html[data-theme="dark"] .member{border:1px solid #384051;border-radius:12px;background:#292514}
html[data-theme="dark"] .member .scene{background:url("../scene/grass.webp") center bottom/auto 76px repeat-x,linear-gradient(#4c3316,#302617)}
html[data-theme="dark"] .member .body b{color:var(--navy)}
html[data-theme="dark"] .member .role{color:#fff;border-radius:999px;background:var(--rc,#2f6fd6)}
html[data-theme="dark"] .member small{color:#a7abb4}
html[data-theme="dark"] .pbtn{border-radius:6px}
html[data-theme="dark"] .pbtn::before{border-radius:6px 6px 40% 40%/6px 6px 6px 6px}
html[data-theme="dark"] .g-red{background:linear-gradient(#3f1812,#d63a2f)}
html[data-theme="dark"] .gm-notice{background:rgba(0,0,0,.75);color:#ffe86b;border-radius:4px}
html[data-theme="dark"] .tickprev{background:#00286f;border-radius:3px}
html[data-theme="dark"] .tickprev span{color:#ffff22}
html[data-theme="dark"] .lost h2{color:var(--navy)}
html[data-theme="dark"] .lost p{color:#b5b5b5}
html[data-theme="dark"] .lost .scene{border-radius:12px;background:url("../scene/grass.webp") center bottom/auto 90px repeat-x,url("../scene/clouds.webp") center/cover,linear-gradient(#4a8fe8,#16314c)}
@media (max-width:620px){
html[data-theme="dark"] .post .who{border-right:0;border-bottom:1px solid var(--line);background:linear-gradient(#16212d,#131e27)}
}
html[data-theme="dark"] .login-stage{background:url("../scene/grass.webp") center bottom/auto 150px repeat-x,url("../scene/clouds.webp") center 30%/cover,linear-gradient(#3f82e6,#16314c)}
html[data-theme="dark"] .stage-logo b{color:#fff;text-shadow:0 3px 0 rgba(0,0,0,0.85),0 8px 20px rgba(0,0,0,0.61)}
html[data-theme="dark"] .stage-logo b span{color:#ffc93c}
html[data-theme="dark"] .sign{background:url("../ui/login/signboard.png") no-repeat}
html[data-theme="dark"] .slot-in{border:0;outline:none;background:transparent;color:#fff4d8;text-shadow:0 1px 0 #000000;caret-color:#fff}
html[data-theme="dark"] .slot-in:focus{background:rgba(74,61,22,0.14);box-shadow:inset 0 0 0 1px rgba(255,220,140,.6);border-radius:2px}
html[data-theme="dark"] .wbtn{background:no-repeat center/100% 100%;border:0}
html[data-theme="dark"] .b-login{background-image:url("../ui/login/btlogin-normal.png")}
html[data-theme="dark"] .b-login:hover{background-image:url("../ui/login/btlogin-mouseover.png")}
html[data-theme="dark"] .b-login:active{background-image:url("../ui/login/btlogin-pressed.png")}
html[data-theme="dark"] .b-save{background-image:url("../ui/login/bt-idsave.png")}
html[data-theme="dark"] .b-save:hover{background-image:url("../ui/login/bt-idsave-hover.png")}
html[data-theme="dark"] .b-save:has(input:checked){background-image:url("../ui/login/bt-idsave-on.png")}
html[data-theme="dark"] .b-findid{background-image:url("../ui/login/bt-findid.png")}
html[data-theme="dark"] .b-findid:hover{background-image:url("../ui/login/bt-findid-hover.png")}
html[data-theme="dark"] .b-findpw{background-image:url("../ui/login/bt-findpw.png")}
html[data-theme="dark"] .b-findpw:hover{background-image:url("../ui/login/bt-findpw-hover.png")}
html[data-theme="dark"] .b-new{background-image:url("../ui/login/btnew-normal.png")}
html[data-theme="dark"] .b-new:hover{background-image:url("../ui/login/btnew-mouseover.png")}
html[data-theme="dark"] .b-new:active{background-image:url("../ui/login/btnew-pressed.png")}
html[data-theme="dark"] .b-home{background-image:url("../ui/login/bthomepage-normal.png")}
html[data-theme="dark"] .b-home:hover{background-image:url("../ui/login/bthomepage-mouseover.png")}
html[data-theme="dark"] .b-home:active{background-image:url("../ui/login/bthomepage-pressed.png")}
html[data-theme="dark"] .cs-list li{border-top:1px dotted #544a32;color:#c8c8c8}
html[data-theme="dark"] .cs-list li:first-child{border-top:0}
html[data-theme="dark"] .cs-list .slot{border-radius:8px}
html[data-theme="dark"] .cs-list .new{color:#fff;background:#e8352f;border-radius:999px}
html[data-theme="dark"] .frow.hd .num{color:inherit}
html[data-theme="dark"] .frow.hd .last{color:inherit}
html[data-theme="dark"] .callout.av{background:linear-gradient(90deg,#2b1515,#281713);border-color:#5e2f28;color:#d8958d}
html[data-theme="dark"] .callout.av b{color:#e28b83}
html[data-theme="dark"] .rbox{border-radius:11px;background:linear-gradient(#1e4012,#4dbb3c 60%,#3a9d2c);border:2px solid #2c7a20;box-shadow:inset 0 2px 0 rgba(255,255,255,0.044),inset 0 -3px 0 rgba(0,0,0,0.242)}
html[data-theme="dark"] .rbox::before{background:#6f7a86}
html[data-theme="dark"] .rbox::after{border-radius:50%;background:#ff7a1a;box-shadow:0 0 0 1px #b34500}
html[data-theme="dark"] .rbox .grille{border-radius:5px;background:radial-gradient(circle,#2c7a20 1.4px,transparent 1.8px) 0 0/6px 6px,#203017}
html[data-theme="dark"] .rbox .dial{border-radius:50%;background:radial-gradient(circle at 35% 35%,#151921,#ffd75e 60%,#e6a300);border:1.5px solid #9c6b00}
html[data-theme="dark"] .rslime .notes i{color:#3a73d2;text-shadow:0 1px 0 rgba(255,255,255,0.08)}
html[data-theme="dark"] .rslime .notes i:nth-child(1){color:#ff7a1a}
html[data-theme="dark"] .rslime .notes i:nth-child(3){color:#86df98}
html[data-theme="dark"] .rtip{background:#151921;color:#e4e4e4;border-radius:6px;border:1.5px solid #4a4a4a;box-shadow:0 2px 6px rgba(0,0,0,0.338)}
html[data-theme="dark"] .rtip::after{border:6px solid transparent;border-left-color:#4a4a4a;border-right:0}
html[data-theme="dark"] .rpanel{background:#151921;border:1px solid #2a5cb8;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,0.61)}
html[data-theme="dark"] .rbar{background:linear-gradient(180deg,#8adf5f 0%,#4dbb3c 48%,#3aa51e 52%,#44b02a 100%);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.85)}
html[data-theme="dark"] .rt small{color:#a7abb4}
html[data-theme="dark"] .rt b{color:var(--navy)}
html[data-theme="dark"] .rt em{color:#a5aec0}
html[data-theme="dark"] .eq{border-radius:7px;background:#203017;border:1px solid #bfe7b0}
html[data-theme="dark"] .eq i{border-radius:2px;background:linear-gradient(#8adf5f,#3aa51e)}
html[data-theme="dark"] .rprog{border-radius:999px;background:#192331}
html[data-theme="dark"] .rprog span{background:linear-gradient(90deg,#8adf5f,#3aa51e)}
html[data-theme="dark"] .rb{border-radius:50%;background:linear-gradient(#171b23,#1f2531);border:1px solid #3a4253;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08)}
html[data-theme="dark"] .rb svg{fill:#c4c8cf}
html[data-theme="dark"] .rb.play{background:linear-gradient(#8adf5f,#3aa51e);border-color:#2c8316}
html[data-theme="dark"] .rb.play svg{fill:#fff}
html[data-theme="dark"] .rvol svg{fill:#a7abb4}
html[data-theme="dark"] .rlist{border-top:1px solid #323947}
html[data-theme="dark"] .rlist button{color:#c4c8cf}
html[data-theme="dark"] .rlist button:hover{background:#1d2c15}
html[data-theme="dark"] .rlist button[aria-current="true"]{background:linear-gradient(90deg,#203017,#151921);color:#8aeb7a;box-shadow:inset 3px 0 0 #3aa51e}
html[data-theme="dark"] .rlist .n{color:#9aa1ab}
html[data-theme="dark"] .rlist small{color:#a7abb4}
html[data-theme="dark"] .cl{border-radius:2px;color:#fff;background:rgba(0,0,0,.28);text-shadow:0 1px 1px #000000}
html[data-theme="dark"] .cl.sm{background:rgba(78,23,57,0.9);color:#e4e4e4;text-shadow:none}
html[data-theme="dark"] .cl.heart{background:rgba(242,91,91,.88);color:#e4e4e4;text-shadow:none}
html[data-theme="dark"] .cl.mega{background:rgba(22,47,74,0.9);color:#e4e4e4;text-shadow:none}
html[data-theme="dark"] .cl.quiet{color:rgba(255,255,255,.8)}
html[data-theme="dark"] .cl.notice{color:#7ff3ff}
html[data-theme="dark"] .cl.whisper{color:#7dff6b}
html[data-theme="dark"] .chb{color:#fff;background:#e0508a;border:1px solid #2e3542;border-radius:3px}
html[data-theme="dark"] .cl.heart .chb{background:#b3243a}
html[data-theme="dark"] .cl.mega .chb{background:#2f6fd6}
html[data-theme="dark"] .gmaster{border:2px solid #2a3d54;border-radius:10px;background:#121c26}
html[data-theme="dark"] .gmaster b{color:#cdd0d7}
html[data-theme="dark"] .gmaster small{color:var(--muted)}
html[data-theme="dark"] .gmaster .why{color:#eb957a}
html[data-theme="dark"] .gmaster:has(input:checked){border-color:var(--blue);background:#141e2a;box-shadow:0 0 0 3px rgba(26,132,230,.15)}
html[data-theme="dark"] .gmaster:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
html[data-theme="dark"] .gpicker{border:1px solid #2a3d54;border-radius:10px;background:#131b27}
html[data-theme="dark"] .gpreview #bigEmblem{border-radius:10px;background:repeating-conic-gradient(#172130 0 25%,#151921 0 50%) 0 0/16px 16px;border:1px solid #2b3e58}
html[data-theme="dark"] .gname-prev{border-radius:4px;background:rgba(0,0,0,.72);color:#fff}
html[data-theme="dark"] .gcats .pill{border-radius:999px;border:1px solid #324255;background:#151921;color:#bebebe}
html[data-theme="dark"] .gcats .pill.on{background:var(--blue);border-color:var(--blue);color:#fff}
html[data-theme="dark"] .gcell{border-radius:6px;border:2px solid transparent;background:#151921;box-shadow:0 0 0 1px rgba(255,255,255,0.08)}
html[data-theme="dark"] .gcell.sm{border-radius:5px}
html[data-theme="dark"] .gcell:hover{box-shadow:0 0 0 1px var(--blue)}
html[data-theme="dark"] .gcell.on{border-color:var(--blue);background:#141e2a}
html[data-theme="dark"] body::before{background:url("../bg-original.jpg") 100% 100%/max(100vw,177.78vh) auto no-repeat,#1f5fd0;background-image:image-set(url("../hero/wallpaper-1920.115f59fb.avif") type("image/avif"),url("../hero/wallpaper-1920.a8ef9978.webp") type("image/webp"),url("../bg-original.jpg") type("image/jpeg"))}
html[data-theme="dark"] .mshero{background:none;color:#fff}
html[data-theme="dark"] .ms-life .nametag{border-radius:calc(3px / var(--k,.8));background:rgba(0,0,0,.66);color:#fff}
html[data-theme="dark"] .ms-life .nametag.gold{color:#ffe38a}
html[data-theme="dark"] .ms-life .nametag.guild{color:#b9f39b;background:rgba(0,0,0,.5)}
html[data-theme="dark"] .ms-life .nametag.npc{color:#ffd94a}
html[data-theme="dark"] .ms-npc{background:none;border:0;color:inherit}
html[data-theme="dark"] .ms-npc .bubble{color:#dadada;background:#272513;border:calc(1.5px / var(--k,.8)) solid #6b5a3a;border-radius:calc(8px / var(--k,.8));box-shadow:0 calc(3px / var(--k,.8)) 0 rgba(0,0,0,0.29)}
html[data-theme="dark"] .ms-npc .bubble::after{border:calc(7px / var(--k,.8)) solid transparent;border-top-color:#6b5a3a}
html[data-theme="dark"] .ms-npc:hover .nametag,html[data-theme="dark"] .ms-npc:focus-visible .nametag{background:#1a5fc9}
html[data-theme="dark"] .ms-npc:focus-visible{outline:none}
html[data-theme="dark"] body[data-page="home"]::before{background:linear-gradient(#1554b7,#1959ba 4%,#3174ca 8%,#4a91db 12%,#60a7e8 16%,#132d41 20%,#153448 24%,#16374c 28%,#153449 32%,#143247 36%,#16354b 40%,#1b2d37 44%,#182932 48%,#192a33 52%,#16262f 56%,#15232b 60%,#15242c 64%,#15242c 68%,#15252c 72%,#15242b 76%,#14232a 80%,#142429 84%,#142329 88%) left 0 top var(--bgy)/100% calc(.4375 * var(--bgw)) no-repeat,
  var(--skyTop) right 0 top 0/var(--bgw) max(0px,calc(var(--bgy) + 2px)) no-repeat,
  linear-gradient(#1553b7,#1553b7) left 0 top 0/100% max(0px,calc(var(--bgy) + 2px)) no-repeat,
  #142329}
html[data-theme="dark"] body[data-page="home"]::after{background:url("../hero/airship-1920.c10b331b.jpg") right 0 top var(--bgy)/var(--bgw) auto no-repeat;background-image:image-set(url("../hero/airship-1280.5a7af5f2.avif") type("image/avif") 1x,url("../hero/airship-1920.8ba1e1dd.avif") type("image/avif") 2x,
    url("../hero/airship-1280.5879f937.webp") type("image/webp") 1x,url("../hero/airship-1920.28e56d6d.webp") type("image/webp") 2x,
    url("../hero/airship-1920.c10b331b.jpg") type("image/jpeg") 1x)}
html[data-theme="dark"] .ms-copy::before{background:radial-gradient(closest-side,rgba(8,30,90,.34),rgba(8,30,90,.14) 60%,transparent)}
html[data-theme="dark"] .ms-tag{text-shadow:0 2px 0 #123a8a,0 -1px 0 #123a8a,2px 0 0 #123a8a,-2px 0 0 #123a8a,0 6px 18px rgba(0,0,0,0.85)}
html[data-theme="dark"] .ms-tag em{color:#ffd84d;text-shadow:0 2px 0 #000000,0 -1px 0 #000000,2px 0 0 #000000,-2px 0 0 #000000,0 6px 18px rgba(0,0,0,0.77)}
html[data-theme="dark"] .ms-lead{text-shadow:0 1px 0 #123a8a,0 -1px 0 #123a8a,1px 0 0 #123a8a,-1px 0 0 #123a8a,0 2px 10px #000000}
html[data-theme="dark"] .ms-ctas .btn-ghost{background:rgba(26,82,190,.62);border-color:rgba(255,255,255,0.096)}
html[data-theme="dark"] .ms-chat{background:linear-gradient(rgba(16,30,66,.9),rgba(8,16,40,.92));border:1px solid #2a5cb8;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.014),0 2px 6px rgba(0,0,0,0.338)}
html[data-theme="dark"] .ms-chat .cl{background:none;text-shadow:1px 1px 0 #000000}
html[data-theme="dark"] .ms-chat .cl.sm{background:rgba(78,23,57,0.92);text-shadow:none}
html[data-theme="dark"] .ms-chat .cl.mega{background:rgba(22,47,74,0.92);text-shadow:none}
html[data-theme="dark"] .ms-chat .cl.quiet{color:#d8d8d8}
html[data-theme="dark"] .ms-chat-input .ms-chat-from{background:url("../ui/hud/chattarget.png") 0 0/81px 20px no-repeat;color:#fff;text-shadow:1px 1px 0 #000000}
html[data-theme="dark"] .ms-chat-input span:not(.live):not(.dot){border-radius:3px;background:linear-gradient(#161a22,#1b232e);color:#a7abb4}
html[data-theme="dark"] .ms-chat-input .live{color:#9dff8a}
html[data-theme="dark"] .ms-hud{background:url("../ui/hud/backgrnd.png") 0 0/auto 71px repeat-x;color:#fff}
html[data-theme="dark"] .hud-lv{background:url("../ui/hud/lvname.png") no-repeat}
html[data-theme="dark"] .hud-name b{text-shadow:1px 1px 0 #000000}
html[data-theme="dark"] .hud-name small{color:#cfe3ff}
html[data-theme="dark"] .hud-name .dot.off{background:#e14a3b;box-shadow:0 0 0 3px rgba(225,74,59,.25)}
html[data-theme="dark"] .hud-gauges{background:url("../ui/hud/gaugebox.png") no-repeat}
html[data-theme="dark"] .gauge{color:#fff}
html[data-theme="dark"] .gauge i{border:1px solid #111;border-radius:2px;background:#333}
html[data-theme="dark"] .gauge i::after{border-radius:1px}
html[data-theme="dark"] .g-exp i::after{background:linear-gradient(90deg,#f0ff00,#9de800)}
html[data-theme="dark"] .g-meso i::after{background:linear-gradient(90deg,#ffc400,#ff8a00)}
html[data-theme="dark"] .g-drop i::after{background:linear-gradient(90deg,#20a8ff,#0a62e8)}
html[data-theme="dark"] .gauge span{text-shadow:1px 0 0 #000000,-1px 0 0 #000000,0 1px 0 #000000,0 -1px 0 #000000}
html[data-theme="dark"] .gauge span b{color:#fff}
html[data-theme="dark"] .gauge:hover i{box-shadow:0 0 0 1px rgba(255,255,255,0.08)}
html[data-theme="dark"] .hbtn{background:var(--n) no-repeat}
html[data-theme="dark"] .hbtn:hover,html[data-theme="dark"] .hbtn:focus-visible{background-image:var(--h)}
html[data-theme="dark"] .hbtn:active{background-image:var(--p)}
html[data-theme="dark"] .hkey{background:var(--n) no-repeat}
html[data-theme="dark"] .hkey:hover,html[data-theme="dark"] .hkey:focus-visible{background-image:var(--h)}
html[data-theme="dark"] .hbtn:focus-visible,html[data-theme="dark"] .hkey:focus-visible,html[data-theme="dark"] .gauge:focus-visible{outline:2px solid #ffd84d;outline-offset:1px;border-radius:3px}
@media (max-width:900px){
html[data-theme="dark"] body[data-page="home"]::before{background:var(--skyTop) right 0 top 0/var(--bgw) max(0px,calc(var(--bgy) + 16px)) no-repeat,#142329}
}
html[data-theme="dark"] .lst li.none{color:var(--muted)}
html[data-theme="dark"] .fm-count{color:var(--muted)}
html[data-theme="dark"] .fm-summary{border:1px solid #e9d9ac;border-radius:8px;background:#2d2816}
html[data-theme="dark"] .fm-summary b{color:#ffd566}
html[data-theme="dark"] .fm-summary small{color:#d6c28f}
html[data-theme="dark"] .fm-tbl td small{color:var(--muted)}
html[data-theme="dark"] .fm-item{outline:none}
html[data-theme="dark"] .fm-item .slot{border-radius:7px}
html[data-theme="dark"] .fm-item a{color:inherit}
html[data-theme="dark"] .fm-item a:hover b{color:var(--blue)}
html[data-theme="dark"] .meso{color:#c4c8cf}
html[data-theme="dark"] .fm-where{color:var(--blue-d)}
html[data-theme="dark"] .fm-where em{color:var(--muted)}
html[data-theme="dark"] .fm-empty{color:var(--muted)}
html[data-theme="dark"] .itip{border-radius:6px;background:rgba(14,18,32,.95);border:1px solid #6d7fae;box-shadow:0 8px 20px rgba(0,0,0,0.61);color:#fff}
html[data-theme="dark"] .itip b{color:#ffd84d}
html[data-theme="dark"] .itip .tt-kind{color:#9fd3ff}
html[data-theme="dark"] .itip .tt-desc{color:#d9dde6}
@media (min-width:621px){
html[data-theme="dark"] .fm-wrap .tbl th:first-child{border-top-left-radius:10px}
html[data-theme="dark"] .fm-wrap .tbl th:last-child{border-top-right-radius:10px}
}
html[data-theme="dark"] .lib-suggest{background:#151921;border:1px solid #324255;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,0.338)}
html[data-theme="dark"] .lib-suggest a{border-radius:7px;color:#c4c9d1}
html[data-theme="dark"] .lib-suggest a:hover,html[data-theme="dark"] .lib-suggest a:focus{background:#141e2a;outline:none}
html[data-theme="dark"] .lib-suggest a small{color:var(--muted)}
html[data-theme="dark"] .lib-suggest .sg-h{color:#a7abb4}
html[data-theme="dark"] .lib-suggest .sg-none{color:var(--muted)}
html[data-theme="dark"] .mcard{border-radius:10px;background:linear-gradient(#272313,#39301b);border:2px solid #d8c59a;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.08),0 2px 0 rgba(0,0,0,0.146);color:#d4bd91}
html[data-theme="dark"] .mcard:hover{border-color:#c49a3c}
html[data-theme="dark"] .mcard.boss{background:linear-gradient(#2a1d14,#3c281d);border-color:#d79a7a}
html[data-theme="dark"] .mcard small{color:#c0bbaf}
html[data-theme="dark"] .mcard .mdrops{color:#2f6fd6}
html[data-theme="dark"] .mlv{border-radius:5px;background:#3a2f1a;color:#ffd84d}
html[data-theme="dark"] .mboss{border-radius:5px;background:#d6503a;color:#fff}
html[data-theme="dark"] .mob-pic{border-radius:12px;background:linear-gradient(#1d2d3c,#16222d 70%,#2f4918 70%,#a9d38a);border:1px solid #273e5c}
html[data-theme="dark"] .mob-pic.boss{background:linear-gradient(#4a2a5a,#7a4a6a 70%,#5a3a2a 70%,#3a2a1a)}
html[data-theme="dark"] .mob-name{color:#cdd0d7}
html[data-theme="dark"] .sgrid div{border-radius:7px;background:#2e2816;border:1px solid #5c4c27}
html[data-theme="dark"] .sgrid small{color:#c4b8a1}
html[data-theme="dark"] .sgrid b{color:#cdd0d7}
html[data-theme="dark"] .sub-h{color:#c4c8cf}
html[data-theme="dark"] .sub-h small{color:var(--muted)}
html[data-theme="dark"] .rtag{border-radius:999px;background:color-mix(in srgb,var(--c) 14%,#151921);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 35%,#2e3542)}
html[data-theme="dark"] .tbl.drops td small{color:var(--muted)}
html[data-theme="dark"] .slot.big{border-radius:12px}
html[data-theme="dark"] .item-head .kind{color:var(--muted)}
html[data-theme="dark"] .idesc{color:#bebebe}
html[data-theme="dark"] .fm-link{border-radius:8px;background:#2d2816;border:1px solid #e9d9ac;color:#ffd666}
html[data-theme="dark"] .fm-link.off{background:#191e27;border-color:#353d4c;color:var(--muted)}
html[data-theme="dark"] .dropper{border-radius:9px;border:1px solid #584b2e;background:#2a2414;color:#cdd0d7}
html[data-theme="dark"] .dropper:hover{border-color:var(--blue);background:#141e2a}
html[data-theme="dark"] .dropper small{color:var(--muted)}
html[data-theme="dark"] .dropper em{color:#2f6fd6}
html[data-theme="dark"] .pager .gap{color:var(--muted)}
html[data-theme="dark"] .fmap{border:1px solid #594d30;border-radius:12px;background:#151921}
html[data-theme="dark"] .fmap-pic{background:#2f68c8 center/cover no-repeat}
html[data-theme="dark"] .fmap-kind{border-radius:999px;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.45)}
html[data-theme="dark"] .fmap-kind.town{background:#2f86d6}
html[data-theme="dark"] .fmap-kind.hunt{background:#d6503a}
html[data-theme="dark"] .fmap-body h3{color:#cdd0d7}
html[data-theme="dark"] .fmap-body h3 code{color:#76a6ef;background:#141e2a;border-radius:4px}
html[data-theme="dark"] .fmap-body p{color:#b5b5b5}
html[data-theme="dark"] .fmap-mobs a{border-radius:999px;background:#2e2816;border:1px solid #5c4c27;color:#d4bd91}
html[data-theme="dark"] .fmap-mobs a:hover{border-color:var(--blue);color:var(--blue)}
html[data-theme="dark"] .voice-line{color:#d4bb91}
html[data-theme="dark"] .voice-line b{color:#7fa8e6}
html[data-theme="dark"] .voice-line:hover{color:var(--blue)}
html[data-theme="dark"] .vc-ch{border:1px solid #293f5f;border-radius:6px;background:#131a27}
html[data-theme="dark"] .vc-head{color:#fff;background:linear-gradient(#5d8fd0,#3567b3);border-bottom:1px solid #22477f}
html[data-theme="dark"] .vc-names a{color:#dadada}
html[data-theme="dark"] .vc-names a.talk{color:#82e382}
html[data-theme="dark"] .vc-names a:hover{color:var(--blue)}
html[data-theme="dark"] .vc-names small{color:var(--muted)}
html[data-theme="dark"] .vc-dot{border-radius:50%;background:#232c39}
html[data-theme="dark"] .vc-dot.talk{background:#3c3;box-shadow:0 0 0 3px rgba(51,204,51,.25)}
html[data-theme="dark"] .vc-dot.off{background:#d24a3a}
html[data-theme="dark"] .vc-shots img{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.45)}
html[data-theme="dark"] .vc-shots figcaption{color:var(--muted)}
html[data-theme="dark"] .vc-room{border-radius:8px;background:#141c29;border:1px solid #263c5a}
html[data-theme="dark"] .vc-room>b{color:var(--navy)}
html[data-theme="dark"] .vc-room p{color:#bebebe}
html[data-theme="dark"] .gnav{background:rgba(255,255,255,0.056);border:1px solid var(--line);border-radius:12px}
html[data-theme="dark"] .gnav a{border-radius:999px;color:#bebebe;background:#151921;border:1px solid #3a4354}
html[data-theme="dark"] .gnav a:hover{border-color:var(--blue);color:var(--blue)}
html[data-theme="dark"] .gnav a.on{background:linear-gradient(#58adff,#1674e0);border-color:#0e57b0;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.45)}
html[data-theme="dark"] .g-tip{border:1px solid #594d30;border-radius:10px;background:#151921;color:#bebebe}
html[data-theme="dark"] .g-tip b{color:var(--navy)}
html[data-theme="dark"] .jobs-pick .cls-tabs{border:1px solid #544a32;border-radius:10px}
html[data-theme="dark"] .jobsum{color:#bebebe}
html[data-theme="dark"] .jobsum b{color:var(--navy)}
html[data-theme="dark"] .jstep{border:1px solid #594d30;border-radius:12px;background:#151921}
html[data-theme="dark"] .jstep .n{border-radius:50%;color:#fff;background:linear-gradient(var(--c2,#ffb23f),var(--c1,#ff7a00));box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 2px 0 rgba(0,0,0,0.37)}
html[data-theme="dark"] .jstep h3{color:var(--navy)}
html[data-theme="dark"] .jstep .lv{color:#fff;background:var(--c1,var(--blue));border-radius:999px}
html[data-theme="dark"] .jstep p{color:#bebebe}
html[data-theme="dark"] .jstep .npc{color:#d1d1d1}
html[data-theme="dark"] .jstep .npc small{color:#baabab}
html[data-theme="dark"] .jstep .items{color:#baabab}
html[data-theme="dark"] .jstep .items img{border-radius:5px;background:#151e2c}
html[data-theme="dark"] .jstep .plaza{border-radius:8px;background:#2f2716;border:1px solid #64512b;color:#dbbe8a}
html[data-theme="dark"] .jstep .plaza b{color:#ffac66}
html[data-theme="dark"] .jpaths span{background:#151e2c;color:var(--blue-d);border-radius:999px}
html[data-theme="dark"] .ev{border:1px solid #594d30;border-radius:12px;background:#151921}
html[data-theme="dark"] .ev-head{background:linear-gradient(#5d8fd0,#3567b3);color:#fff}
html[data-theme="dark"] .ev-body{color:#bebebe}
html[data-theme="dark"] .ev-body .k{color:#bcb6aa}
html[data-theme="dark"] .ev-body .prize{background:#222d16;border:1px solid #425f29;border-radius:8px;color:#a3e085}
html[data-theme="dark"] .spot{border:1px solid #594d30;border-radius:12px;background:#151921}
html[data-theme="dark"] .spot h3{color:var(--navy)}
html[data-theme="dark"] .spot li{color:#bebebe}
html[data-theme="dark"] .spot li b{color:#d1d1d1}
html[data-theme="dark"] .boss{border:1px solid #594d30;border-radius:10px;background:#151921}
html[data-theme="dark"] .boss .pic{background:linear-gradient(#2f2717,#3a311c)}
html[data-theme="dark"] .boss .who{color:#b5b5b5}
html[data-theme="dark"] .boss .who b{color:var(--navy)}
html[data-theme="dark"] .boss .who .lv{color:var(--maple-600)}
html[data-theme="dark"] .nxgrid h3{color:var(--navy)}
html[data-theme="dark"] .nxl li{color:#bebebe;border:1px solid #55492e;border-radius:10px;background:#151921}
html[data-theme="dark"] .nxl li b{color:#d1d1d1}
html[data-theme="dark"] .tools a{border:1px solid #594d30;border-radius:10px;background:#151921;color:#bebebe}
html[data-theme="dark"] .tools a b{color:var(--blue)}
html[data-theme="dark"] .tools a:hover{border-color:var(--blue)}
html[data-theme="dark"] .kbd{border-radius:5px;border:1px solid #b9c4d4;border-bottom-width:3px;background:#151921;color:#83a8e2}
html[data-theme="dark"] .vc-step{border:1px solid #594d30;border-radius:12px;background:#151921}
html[data-theme="dark"] .vc-step .key{border-radius:9px;color:#fff;background:linear-gradient(#5d8fd0,#3567b3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.032),0 3px 0 #22477f}
html[data-theme="dark"] .vc-step>div>b{color:var(--navy)}
html[data-theme="dark"] .vc-step p{color:#bebebe}
html[data-theme="dark"] .vc-gallery img{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.45)}
html[data-theme="dark"] .vc-gallery figcaption{color:var(--muted)}
html[data-theme="dark"] .s-voice{background:url("../scene/maps/909000000.webp") 50% 45%/cover,#1c2a5c}
html[data-theme="dark"] .s-voice::before{background:linear-gradient(90deg,rgba(10,20,70,.72),rgba(10,20,70,.12) 70%)}
html[data-theme="dark"] .s-voice .vwin{border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,0.77)}
html[data-theme="dark"] .s-rush{background:url("../scene/maps/909000400.webp") 50% 55%/cover,#1c2a5c}
html[data-theme="dark"] .s-rush::before{background:linear-gradient(90deg,rgba(20,20,60,.78),rgba(20,20,60,.15) 70%)}
html[data-theme="dark"] .ev-more{color:#fff;background:rgba(255,255,255,0.011);border-radius:999px}
html[data-theme="dark"] .ev-more:hover{background:rgba(255,255,255,0.018)}
html[data-theme="dark"] .rush-live .pic{border-radius:12px;background:#2f68c8 center/cover no-repeat;border:1px solid #283e5e}
html[data-theme="dark"] .rush-live .pic span{border-radius:999px;background:rgba(0,0,0,.55);color:#fff}
html[data-theme="dark"] .rush-state .kick{background:#ff3d3d;color:#fff;border-radius:4px;box-shadow:0 2px 0 #a41c1c}
html[data-theme="dark"] .rush-state .kick.soon{background:#3a86e0;box-shadow:0 2px 0 #1d4fa8}
html[data-theme="dark"] .rush-state h3{color:var(--navy)}
html[data-theme="dark"] .rush-state h3 em{color:var(--maple-600)}
html[data-theme="dark"] .rush-state p{color:#bebebe}
html[data-theme="dark"] .rush-count div{background:linear-gradient(#151921,#342c19);border:1px solid #574b34;border-radius:10px}
html[data-theme="dark"] .rush-count b{color:var(--navy)}
html[data-theme="dark"] .rush-count small{color:#c3b8a2}
html[data-theme="dark"] .rush-top span{background:#151e2c;color:var(--blue-d);border-radius:999px}
html[data-theme="dark"] .rush-top span.first{background:#3b341c;color:#ffcd66}
html[data-theme="dark"] .chest-tbl .cimg b{color:var(--navy)}
html[data-theme="dark"] .chest-tbl .pts{color:var(--maple-600)}
html[data-theme="dark"] .rush-step{border:1px solid #594d30;border-radius:12px;background:#151921}
html[data-theme="dark"] .rush-step .n{border-radius:50%;color:#fff;background:linear-gradient(#ffb23f,#ff7a00);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 2px 0 #c45a00}
html[data-theme="dark"] .rush-step>b{color:var(--navy)}
html[data-theme="dark"] .rush-step p{color:#bebebe}
html[data-theme="dark"] .arena{border:1px solid #594d30;border-radius:10px;background:#151921;color:#bebebe}
html[data-theme="dark"] .arena .pic{background:#2f68c8 center/cover}
html[data-theme="dark"] .arena b{color:var(--navy)}
html[data-theme="dark"] .arena.now{outline:3px solid var(--maple);outline-offset:-3px}
html[data-theme="dark"] .arena.now b::after{color:var(--maple-600)}
html[data-theme="dark"] .res-ev{border:1px solid #594d30;border-radius:12px;background:#151921}
html[data-theme="dark"] .res-ev h3{color:var(--navy)}
html[data-theme="dark"] .res-ev h3 small{color:#baabab}
html[data-theme="dark"] .res-ev li{color:#c8c8c8;border-bottom:1px dotted #594d30}
html[data-theme="dark"] .res-ev li i{color:#fff;background:#9aa4b8;border-radius:4px}
html[data-theme="dark"] .res-ev li.r1 i{background:#f0b400}
html[data-theme="dark"] .res-ev li.r2 i{background:#8fa0b4}
html[data-theme="dark"] .res-ev li.r3 i{background:#c2793c}
html[data-theme="dark"] .res-ev li b{color:#dadada}
html[data-theme="dark"] .res-ev li small{color:#baabab}
html[data-theme="dark"] .pnav .nl.vip{color:#ffe07a}
html[data-theme="dark"] .panel-head .more{color:#eaf3ff}
html[data-theme="dark"] .panel-head .more:hover{color:#fff}
html[data-theme="dark"] .why.why4 .it{border-right:0;border-bottom:1px dotted #3a4354}
html[data-theme="dark"] .why.why4 .it:nth-child(odd){border-right:1px dotted #3a4354}
html[data-theme="dark"] .why.why4 .it:nth-last-child(-n+2){border-bottom:0}
html[data-theme="dark"] .vip-no{color:var(--navy)}
html[data-theme="dark"] .vipb{color:#fff;border-radius:3px;background:linear-gradient(#2e1341,#7a2fb0);box-shadow:inset 0 1px 0 rgba(255,255,255,0.032)}
html[data-theme="dark"] .callout.vip{background:linear-gradient(90deg,#22162d,#1e1327);border-color:#45285e;color:#b18fd6}
html[data-theme="dark"] .callout.vip b{color:#b27fe6}
html[data-theme="dark"] .callout code,html[data-theme="dark"] .ref-intro code{background:rgba(122,47,176,.1);color:#b87fe6;border-radius:4px}
html[data-theme="dark"] .ref-intro{color:#bebebe}
html[data-theme="dark"] .reflink .input{color:var(--navy);background:#131a28}
html[data-theme="dark"] .refprog .exp span{background:linear-gradient(180deg,#2c1935,#2e1341 45%,#7a2fb0)}
html[data-theme="dark"] .refprog b{color:var(--navy)}
html[data-theme="dark"] .rstat{border-radius:999px;color:#fff;background:#8a8f99}
html[data-theme="dark"] .rstat.ok{background:#3aa655}
html[data-theme="dark"] .rstat.lv{background:#e39a1c}
html[data-theme="dark"] .rstat.no{background:#c0392b}
html[data-theme="dark"] .ms.friends{background:linear-gradient(#2e1341,#7a2fb0)}
html[data-theme="dark"] .ms.level{background:linear-gradient(#ffc24a,#e2862a)}
html[data-theme="dark"] .ad-3{background:radial-gradient(circle at 20% 30%,#35154a,#8a2a9e 60%,#4a1670);text-shadow:0 1px 2px #000000}
html[data-theme="dark"] .ad-3 .t em{color:#ffe14a}
/* forum.css */
html[data-theme="dark"] .fsearch input{border:1px solid #cfc7b6;border-radius:8px;background:#151921}
html[data-theme="dark"] .fsearch input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,208,.18)}
html[data-theme="dark"] .fsearch select{border:1px solid #cfc7b6;border-radius:8px;background:#151921}
html[data-theme="dark"] .fbar .note{color:#c3b8a2}
html[data-theme="dark"] .gloss:focus-visible,html[data-theme="dark"] .fbtn:focus-visible,html[data-theme="dark"] .react:focus-visible,html[data-theme="dark"] .cbtn:focus-visible,html[data-theme="dark"] .ftool button:focus-visible{outline:3px solid #ffb23f;outline-offset:2px}
html[data-theme="dark"] .frow.unread .bn b{color:#f7966e}
html[data-theme="dark"] .frow .dot{border-radius:50%;background:#ff7a1a;box-shadow:0 0 0 2px rgba(255,255,255,0.08)}
html[data-theme="dark"] .frow .slot{border-radius:9px;background:#151f2c}
html[data-theme="dark"] .ftag{color:#fff;border-radius:3px;background:var(--c,#7c93b4)}
html[data-theme="dark"] .jump{color:#a7abb4}
html[data-theme="dark"] .jump a{color:var(--blue)}
html[data-theme="dark"] .fres{border:1px solid var(--line);border-radius:10px;background:#151921}
html[data-theme="dark"] .fres h3{color:var(--navy)}
html[data-theme="dark"] .fres h3 a:hover{color:var(--blue)}
html[data-theme="dark"] .fres p{color:#c8c8c8}
html[data-theme="dark"] .fres small{color:#a7abb4}
html[data-theme="dark"] .fres mark{background:#4c4316;color:inherit;border-radius:2px}
html[data-theme="dark"] .banner{border-radius:10px}
html[data-theme="dark"] .banner.solved{background:linear-gradient(90deg,#1e3218,#1b2a14);border:1px solid #bfe3b2;color:#94de87}
html[data-theme="dark"] .banner.gone{background:linear-gradient(90deg,#2f1a17,#281713);border:1px solid #603329;color:#ea8b7b}
html[data-theme="dark"] .banner.lock{background:linear-gradient(90deg,#1b202a,#171c25);border:1px solid #373f4f;color:#bfc4cc}
html[data-theme="dark"] .banner a{color:inherit}
html[data-theme="dark"] .post.unread{box-shadow:inset 4px 0 0 #ff7a1a}
html[data-theme="dark"] .post.solution{border-color:#7cc768;box-shadow:0 0 0 2px #cdeec3}
html[data-theme="dark"] .post.removed .msg{background:repeating-linear-gradient(135deg,#2b2315 0 10px,#302717 10px 20px)}
html[data-theme="dark"] .post .who .avbtn{border-radius:10px}
html[data-theme="dark"] .post .who .avbtn:hover{background:rgba(255,255,255,0.033)}
html[data-theme="dark"] .post .who .tagname{border:0}
html[data-theme="dark"] .badge{color:#fff;background:var(--t-notice);border-radius:999px}
html[data-theme="dark"] .badge.staff{background:#d63a2f}
html[data-theme="dark"] .badge.vip{background:linear-gradient(#a56cf0,#7c45c9)}
html[data-theme="dark"] .badge.op{background:#2f6fd0}
html[data-theme="dark"] .post .who .gl{color:#8eabd7}
html[data-theme="dark"] .post .msg .when a{color:inherit}
html[data-theme="dark"] .post .msg .when .num{color:#b3a993}
html[data-theme="dark"] .fbody{color:#d1d1d1}
html[data-theme="dark"] .fbody a.ext{color:var(--blue)}
html[data-theme="dark"] .fbody a.mention{color:#f7966e;background:#2d2016;border-radius:4px}
html[data-theme="dark"] .fbody blockquote.fq{border-left:4px solid #9cbcec;background:#141c29;border-radius:0 8px 8px 0;color:#bcc2ca}
html[data-theme="dark"] .fbody blockquote.fq cite{color:#83a7e2}
html[data-theme="dark"] .fbody pre.fcode{background:#1f2633;color:#e8eef7;border-radius:8px}
html[data-theme="dark"] .fbody code.fic{background:#151e2c;color:var(--blue-d);border-radius:4px}
html[data-theme="dark"] .fbody details.fsp{border:1px solid #5b4d30;border-radius:8px;background:#2a2314}
html[data-theme="dark"] .fbody details.fsp summary{color:#ffca66}
html[data-theme="dark"] .sig{border-top:1px dashed #544a32;color:#baabab}
html[data-theme="dark"] .sig a.ext{color:var(--blue)}
html[data-theme="dark"] .removedmsg{color:#c9ab9c}
html[data-theme="dark"] .staffview{border:1px dashed #e0b4aa;border-radius:8px}
html[data-theme="dark"] .react{border-radius:999px;border:1px solid #5a4d32;background:#272113;color:#c0bab0}
html[data-theme="dark"] .react:hover{border-color:#9cbcec;background:#131b28}
html[data-theme="dark"] .react[aria-pressed="true"]{border-color:#2f6fd0;background:#161f2d;color:#7aa3eb}
html[data-theme="dark"] .react[disabled]:hover{border-color:#5a4d32;background:#272113}
html[data-theme="dark"] .react.add{color:#c3b8a2}
html[data-theme="dark"] .fbtn{border-radius:6px;border:1px solid #3a4354;background:linear-gradient(#151921,#342b19);color:#c9c4ba}
html[data-theme="dark"] .fbtn:hover{border-color:#9cbcec;color:#7aa3eb}
html[data-theme="dark"] .fbtn.danger:hover{border-color:#e39a8e;color:#eb807a}
html[data-theme="dark"] .fbtn.good{border-color:#a9d79a;color:#92e085}
html[data-theme="dark"] .fbtn[aria-pressed="true"]{background:linear-gradient(#161f2d,#1a2536);border-color:#7da7e6;color:#7aa3eb}
html[data-theme="dark"] .composer{border:1px solid #cfc7b6;border-radius:10px;background:#151921}
html[data-theme="dark"] .composer:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,208,.15)}
html[data-theme="dark"] .ftool{background:linear-gradient(#2c2515,#372e1b);border-bottom:1px solid #574b31}
html[data-theme="dark"] .ftool button{border-radius:5px;color:#cfcbc2}
html[data-theme="dark"] .ftool button:hover{background:#151921;box-shadow:0 0 0 1px #d9d1c1}
html[data-theme="dark"] .ftool .sep{background:#3b3324}
html[data-theme="dark"] .ftool .tabs button[aria-selected="true"]{background:#151921;box-shadow:0 0 0 1px #c9bfa9;color:#7aa3eb}
html[data-theme="dark"] .composer textarea{border:0;color:#d1d1d1;background:#151921}
html[data-theme="dark"] .composer textarea:focus{outline:0}
html[data-theme="dark"] .composer .pv{background:#272113}
html[data-theme="dark"] .composer .cfoot{border-top:1px solid #574828;background:#2a2414;color:#c3b8a2}
html[data-theme="dark"] .composer .cfoot .over{color:#e6897f}
html[data-theme="dark"] .cform .hintline{color:#c3b8a2}
html[data-theme="dark"] .cform .blocked{border-radius:8px;background:#302717;border:1px solid #64512b;color:#dbbe8a}
html[data-theme="dark"] .cform .blocked a{color:var(--blue)}
html[data-theme="dark"] .ccard{background:#151921;border:1px solid #2a5cb8;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,0.61)}
html[data-theme="dark"] .ccard .cc-top{background:url("../scene/grass.webp") center bottom/auto 58px repeat-x,linear-gradient(#4a8fe8,#16314c)}
html[data-theme="dark"] .ccard .cc-name{color:var(--navy)}
html[data-theme="dark"] .ccard dt{color:#c3b8a2}
html[data-theme="dark"] .ccard dd{color:#d1d1d1}
html[data-theme="dark"] .nbell{border-radius:9px;border:1px solid #1f242c;background:linear-gradient(#5b6474,#2c323d);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.028)}
html[data-theme="dark"] .nbell .nbadge{border-radius:999px;background:#ff5a1f;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,0.08)}
html[data-theme="dark"] .npanel{background:#151921;border:1px solid #2a5cb8;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.61)}
html[data-theme="dark"] .npanel .nhead{background:linear-gradient(#58adff,#1674e0);color:#fff}
html[data-theme="dark"] .npanel .nhead button{color:#fff}
html[data-theme="dark"] .pnav .npanel li,html[data-theme="dark"] .pnav .npanel li+li{border-left:0;box-shadow:none}
html[data-theme="dark"] .npanel li a{border-bottom:1px solid #554729;color:#d1d1d1}
html[data-theme="dark"] .npanel li a:hover,html[data-theme="dark"] .npanel li a:focus-visible{background:#141b29;outline:0}
html[data-theme="dark"] .npanel li.unread a{background:#2a1f14}
html[data-theme="dark"] .npanel li.unread a:hover{background:#312417}
html[data-theme="dark"] .npanel li small{color:#a7abb4}
html[data-theme="dark"] .npanel .nempty{color:#a7abb4}
html[data-theme="dark"] .npanel .nfoot{color:var(--blue);background:#2a2414}
/* patchnotes.css */
html[data-theme="dark"] .pn-tag{border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#151921);border:1px solid color-mix(in srgb,var(--c) 35%,#2e3542)}
html[data-theme="dark"] .pn-tag::before{border-radius:50%;background:var(--c)}
html[data-theme="dark"] .pn-count{color:var(--muted)}
html[data-theme="dark"] .pn-ver{border-radius:5px;background:#151e2c;border:1px solid #273b5a;color:var(--blue-d)}
html[data-theme="dark"] .pn-draft{border-radius:5px;background:#332c19;border:1px solid #f0cd7a;color:#ffca66}
html[data-theme="dark"] .pn-card{border-top:1px solid #55472c}
html[data-theme="dark"] .pn-card:first-child{border-top:0}
html[data-theme="dark"] .pn-card:hover{background:#131a27}
html[data-theme="dark"] .pn-card:hover h3{color:var(--blue)}
html[data-theme="dark"] .pn-card.first{background:linear-gradient(90deg,#2d2616,#151921 70%);border-radius:10px;border:1px solid #61502a}
html[data-theme="dark"] .pn-card.draft{background:repeating-linear-gradient(135deg,#151921,#151921 12px,#2a2314 12px,#2a2314 24px)}
html[data-theme="dark"] .pn-when b{color:#babec6}
html[data-theme="dark"] .pn-what h3{color:#cdd0d7}
html[data-theme="dark"] .pn-what p{color:#b1b5bd}
html[data-theme="dark"] .pn-go{color:#c3cbd8}
html[data-theme="dark"] .pn-card:hover .pn-go{color:var(--blue)}
html[data-theme="dark"] .pn-back{color:var(--blue)}
html[data-theme="dark"] .pn-head{border-bottom:2px solid #55472c}
html[data-theme="dark"] .pn-meta{color:var(--muted)}
html[data-theme="dark"] .pn-rel{border-radius:5px;background:#2c281a;border:1px solid #554b32;color:#bfb9af}
html[data-theme="dark"] .pn-head h2{color:var(--navy)}
html[data-theme="dark"] .pn-sum{color:#babec6}
html[data-theme="dark"] .pn-sec h3{border-radius:8px;background:linear-gradient(#131b28,#161f2d);border:1px solid #263b59;color:var(--blue-d)}
html[data-theme="dark"] .pn-sec.known h3{background:linear-gradient(#292514,#312b19);border-color:#554b32;color:#bfb9af}
html[data-theme="dark"] .pn-sec>ul{color:#c1c5cd}
html[data-theme="dark"] .pn-sec li::marker{color:var(--blue)}
html[data-theme="dark"] .pn-sec ul ul{color:#b3b8c0}
html[data-theme="dark"] .pn-sec ul ul li::marker{color:#9aa6b8}
html[data-theme="dark"] .pn-sec b{color:#d2d6dc}
html[data-theme="dark"] .pn-foot{border-radius:8px;background:#2c2715;color:#bfb9af}
html[data-theme="dark"] .pn-foot a{color:var(--blue)}
html[data-theme="dark"] .pn-nav a{border:1px solid #554b32;border-radius:8px;color:#c4c8cf}
html[data-theme="dark"] .pn-nav a:hover{border-color:var(--blue);color:var(--blue)}
html[data-theme="dark"] .pn-nav small{color:var(--muted)}
html[data-theme="dark"] .pn-staff{border-radius:10px;background:#2b2f38;color:#fff}
html[data-theme="dark"] .pn-staff .check{color:#e8ecf3}
html[data-theme="dark"] .pn-admin{border:1px dashed #b8c4d6;border-radius:10px;background:#131c28}
html[data-theme="dark"] .pn-abar{color:#b1b5bd}
html[data-theme="dark"] .pn-abar b{color:#cdd0d7}
html[data-theme="dark"] .pn-src summary{color:var(--blue)}
html[data-theme="dark"] .pn-src pre{border-radius:6px;background:#151921;border:1px solid #2e3c52}
html[data-theme="dark"] .pn-err{color:#d33b2f}
html[data-theme="dark"] .pn-tz{border-radius:10px;border:1px solid #61502a;background:linear-gradient(90deg,#2d2616,#151921 70%)}
html[data-theme="dark"] .pn-tz:hover h3{color:var(--blue)}
html[data-theme="dark"] .pn-tz ul{color:#babec6}
html[data-theme="dark"] .pn-tz .pn-count{color:var(--blue)}
/* gmchat.css */
html[data-theme="dark"] .gc-sum{color:var(--muted)}
html[data-theme="dark"] .gc-f>span{color:var(--muted)}
html[data-theme="dark"] .gc-f .input{border-radius:9px}
html[data-theme="dark"] .gc-types{border:0}
html[data-theme="dark"] .gc-types legend{color:var(--muted)}
html[data-theme="dark"] .gc-chip span{border-radius:999px;color:var(--ink-2);background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .gc-chip span::before{border-radius:50%;background:var(--c)}
html[data-theme="dark"] .gc-chip input:checked+span{background:#111a2e;color:#fff;box-shadow:inset 0 0 0 1px #000000}
html[data-theme="dark"] .gc-chip input:focus-visible+span{outline:2px solid var(--link);outline-offset:2px}
html[data-theme="dark"] .gc-btn{border-radius:9px;background:var(--bg-3);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .gc-btn:hover{background:#1d222d}
html[data-theme="dark"] .gc-btn.pri{background:#111a2e;color:#fff;box-shadow:none}
html[data-theme="dark"] .gc-btn.pri:hover{background:#1c2742}
html[data-theme="dark"] .gc-con{background:var(--gc-bg);color:var(--gc-ink);border-radius:14px;box-shadow:inset 0 0 0 1px var(--gc-line);scrollbar-color:#2c3a5c var(--gc-bg)}
html[data-theme="dark"] .gc-con:focus-visible{outline:2px solid var(--link);outline-offset:2px}
html[data-theme="dark"] .gc-older{border-radius:999px;color:var(--gc-tag);background:var(--gc-bg-2);box-shadow:inset 0 0 0 1px var(--gc-line)}
html[data-theme="dark"] .gc-older:hover{color:#fff}
html[data-theme="dark"] .gc-msg{color:var(--gc-dim)}
html[data-theme="dark"] .gc-l{color:var(--gc-map)}
html[data-theme="dark"] .gc-l:hover{background:var(--gc-bg-2)}
html[data-theme="dark"] .gc-t{color:var(--gc-dim)}
html[data-theme="dark"] .gc-tag{color:var(--gc-tag)}
html[data-theme="dark"] button.gc-tag,html[data-theme="dark"] button.gc-n{color:inherit;background:none;border-radius:3px}
html[data-theme="dark"] button.gc-tag:focus-visible,html[data-theme="dark"] button.gc-n:focus-visible{outline:1px solid var(--gc-name)}
html[data-theme="dark"] .gc-n{color:var(--gc-name)}
html[data-theme="dark"] .gc-mega .gc-k,html[data-theme="dark"] .gc-mega .gc-x{color:var(--gc-mega)}
html[data-theme="dark"] .gc-chan .gc-k,html[data-theme="dark"] .gc-chan .gc-x{color:var(--gc-chan)}
html[data-theme="dark"] .gc-glob .gc-k,html[data-theme="dark"] .gc-glob .gc-x{color:var(--gc-glob)}
html[data-theme="dark"] .gc-cmd .gc-x,html[data-theme="dark"] .gc-cmd .gc-k{color:var(--gc-cmd)}
html[data-theme="dark"] .gc-notice .gc-k,html[data-theme="dark"] .gc-notice .gc-x{color:var(--gc-notice)}
html[data-theme="dark"] .gc-private .gc-k,html[data-theme="dark"] .gc-private .gc-x{color:var(--gc-private)}
html[data-theme="dark"] .gc-live{border-radius:999px;color:#899ddc;background:var(--gc-glob);box-shadow:0 6px 18px -6px #000000}
html[data-theme="dark"] .gc-foot{color:var(--muted)}
html[data-theme="dark"] .gc-dot{border-radius:50%;background:var(--faint)}
html[data-theme="dark"] .gc-dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
html[data-theme="dark"] .gc-dot.err{background:var(--bad)}
html[data-theme="dark"] .gc-priv b{color:var(--ink-2)}
html[data-theme="dark"] .gc.gc-full{border-radius:0}
/* dltip.css */
html[data-theme="dark"] .dl-art{border-radius:0 var(--r-lg,18px) var(--r-lg,18px) 0}
@media (max-width:900px){
html[data-theme="dark"] .dl-art{border-radius:0 0 var(--r-lg,18px) var(--r-lg,18px)}
}
html[data-theme="dark"] .dl-tip{background:#151921;border-radius:16px;box-shadow:0 0 0 1px var(--line,rgba(255,255,255,0.08)),0 24px 52px rgba(0,0,0,0.434),0 4px 12px rgba(0,0,0,0.178)}
html[data-theme="dark"] .dl-tip::after{background:#151921;box-shadow:-1px -1px 0 var(--line,#e7e9ee);border-top-left-radius:3px}
html[data-theme="dark"] .dl-tip img{border-radius:10px;background:#1a2636;box-shadow:0 0 0 1px rgba(0,0,0,0.178)}
html[data-theme="dark"] .dl-tip-cap{color:var(--muted,#6a7282)}
html[data-theme="dark"] .dl-tip-cap b{color:var(--ink,#0d1321)}
html[data-theme="dark"] .dl-tip-hash{background:var(--bg-2,#f7f8fa);border-radius:9px;color:var(--ink-2,#394252)}
html[data-theme="dark"] .dl-tip-hash code{color:var(--muted,#6a7282)}
html[data-theme="dark"] .dl-tip-wrap.up .dl-tip::after{box-shadow:1px 1px 0 var(--line,#e7e9ee);border-radius:0 0 3px 0}
/* fresh.css */
html[data-theme="dark"]{background:var(--bg)}
html[data-theme="dark"] body{color:var(--ink);background:var(--bg)}
html[data-theme="dark"] body::before,html[data-theme="dark"] body::after,html[data-theme="dark"] body[data-page="home"]::before,html[data-theme="dark"] body[data-page="home"]::after{background:none !important}
html[data-theme="dark"] ::selection{background:#3c291d;color:#ffa066}
html[data-theme="dark"] :focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:6px}
html[data-theme="dark"] .gloss,html[data-theme="dark"] .btn{border:0;border-radius:12px;text-shadow:none;color:#fff;background:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.018),0 1px 2px rgba(0,0,0,0.242),0 4px 12px -4px rgba(233,90,12,.45)}
html[data-theme="dark"] .gloss:hover,html[data-theme="dark"] .btn:hover{background:var(--accent-2)}
html[data-theme="dark"] .g-orange,html[data-theme="dark"] .g-green,html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .btn-maple,html[data-theme="dark"] .btn-orange{color:#fff;background:var(--accent)}
html[data-theme="dark"] .g-blue,html[data-theme="dark"] .btn-ink{color:#fff;background:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,0.01),0 1px 2px rgba(0,0,0,0.37)}
html[data-theme="dark"] .g-blue:hover,html[data-theme="dark"] .btn-ink:hover{background:#252d3d}
html[data-theme="dark"] .g-dark,html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .btn-cloud{color:var(--ink);background:#151921;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);border-radius:12px}
html[data-theme="dark"] .g-dark:hover,html[data-theme="dark"] .btn-secondary:hover,html[data-theme="dark"] .btn-ghost:hover,html[data-theme="dark"] .btn-cloud:hover{background:var(--bg-2);color:var(--ink)}
html[data-theme="dark"] .btn-text{background:none;box-shadow:none;color:var(--ink-2)}
html[data-theme="dark"] .btn-text:hover{background:var(--bg-3);color:var(--ink)}
html[data-theme="dark"] .btn-lg{border-radius:14px}
html[data-theme="dark"] .btn-sm,html[data-theme="dark"] .pill{border-radius:10px}
html[data-theme="dark"] .bigbtn,html[data-theme="dark"] .stripes{background-image:none}
html[data-theme="dark"] .pnav{background:rgba(255,255,255,0.049);border:0;border-bottom:1px solid rgba(13,19,33,.06);box-shadow:none}
html[data-theme="dark"] .pnav>.nv{background:none;border-radius:0;box-shadow:none}
html[data-theme="dark"] .nv-brand{color:var(--ink)}
html[data-theme="dark"] .nv-brand .wm>span{color:var(--accent)}
html[data-theme="dark"] .nv-links>li{border:0 !important;box-shadow:none !important}
html[data-theme="dark"] .nv-l{border-radius:9px;color:var(--ink-2)}
html[data-theme="dark"] .nv-l:hover,html[data-theme="dark"] .nv-more.show>.nv-l{color:var(--ink);background:var(--bg-3)}
html[data-theme="dark"] .nv-l.on{color:var(--ink)}
html[data-theme="dark"] .nv-l.vip{color:var(--ink-2)}
html[data-theme="dark"] .nv-dd{background:#151921;border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,0.162),var(--sh-3)}
html[data-theme="dark"] .nv-dd a{border-radius:11px;color:var(--ink)}
html[data-theme="dark"] .nv-dd a small{color:var(--muted)}
html[data-theme="dark"] .nv-dd a:hover,html[data-theme="dark"] .nv-dd a:focus-visible{background:var(--bg-2)}
html[data-theme="dark"] .nv-dd a.on{background:var(--accent-soft)}
html[data-theme="dark"] .nv-dd .ic{border-radius:10px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .srv-pill{border-radius:999px;background:var(--bg-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .srv-pill b{color:var(--ink)}
html[data-theme="dark"] .srv-pill.off .dot{background:#e5484d;box-shadow:none}
html[data-theme="dark"] .dot{border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
html[data-theme="dark"] .menu-btn{border-radius:10px;background:transparent}
html[data-theme="dark"] .menu-btn:hover{background:var(--bg-3)}
html[data-theme="dark"] .menu-btn span,html[data-theme="dark"] .menu-btn span::before,html[data-theme="dark"] .menu-btn span::after{background:var(--ink);border-radius:2px}
html[data-theme="dark"] .pnav.open .menu-btn span{background:transparent}
html[data-theme="dark"] #nav .nbell{border-radius:10px;border:0;background:transparent;color:var(--ink-2);box-shadow:none}
html[data-theme="dark"] #nav .nbell:hover{background:var(--bg-3)}
html[data-theme="dark"] .page-hero{background:radial-gradient(800px 260px at 88% 0%,#141c2a,transparent 70%),radial-gradient(640px 240px at 6% 0%,#2c1e15,transparent 70%),#151921;border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] .crumbs{background:none;border-radius:0;color:var(--muted)}
html[data-theme="dark"] .crumbs a{color:var(--muted)}
html[data-theme="dark"] .crumbs a:hover{color:var(--ink)}
html[data-theme="dark"] .page-hero h1{color:var(--ink);text-shadow:none}
html[data-theme="dark"] .page-hero h1 em{color:var(--accent);text-shadow:none}
html[data-theme="dark"] .page-hero p{color:var(--muted);text-shadow:none}
html[data-theme="dark"] .box,html[data-theme="dark"] .panel,html[data-theme="dark"] .passport,html[data-theme="dark"] .status,html[data-theme="dark"] .wcard{background:#151921;border:0;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line),var(--sh-1)}
html[data-theme="dark"] .btitle h2,html[data-theme="dark"] .btitle h3,html[data-theme="dark"] .rk-head h2,html[data-theme="dark"] .panel-head h2{color:var(--ink);text-shadow:none}
html[data-theme="dark"] .btitle h2 span,html[data-theme="dark"] .btitle h3 span,html[data-theme="dark"] .rk-head h2 span,html[data-theme="dark"] .panel-head h2 span{color:inherit}
html[data-theme="dark"] .more{border-radius:0;background:none;color:var(--ink-2)}
html[data-theme="dark"] .more::after{color:inherit}
html[data-theme="dark"] .more:hover{color:var(--ink);background:none}
html[data-theme="dark"] .panel{background:#151921;border:0}
html[data-theme="dark"] .panel-head p{color:var(--muted);text-shadow:none}
html[data-theme="dark"] .panel-head .more{color:var(--ink-2)}
html[data-theme="dark"] .board{border:0;border-radius:var(--r);background:#151921;box-shadow:0 0 0 1px var(--line)}
html[data-theme="dark"] .slot{border:0;border-radius:12px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .lead-in{color:var(--ink-2)}
html[data-theme="dark"] .prose{color:var(--ink-2)}
html[data-theme="dark"] .prose h3{color:var(--ink)}
html[data-theme="dark"] .prose b,html[data-theme="dark"] .prose strong{color:var(--ink)}
html[data-theme="dark"] .prose a,html[data-theme="dark"] .lead-in a,html[data-theme="dark"] .alt a,html[data-theme="dark"] .check a,html[data-theme="dark"] .callout a{color:var(--link);text-decoration-color:rgba(31,111,235,.3)}
html[data-theme="dark"] .empty{color:var(--muted)}
html[data-theme="dark"] .why h3,html[data-theme="dark"] .perk b,html[data-theme="dark"] .steps-l li>div>b,html[data-theme="dark"] .sc h3,html[data-theme="dark"] .dl-main h2,html[data-theme="dark"] .np-title,html[data-theme="dark"] .vip-no,html[data-theme="dark"] .fres h3{color:var(--ink)}
html[data-theme="dark"] .why p,html[data-theme="dark"] .perk p,html[data-theme="dark"] .steps-l p,html[data-theme="dark"] .ticks li,html[data-theme="dark"] .crosses li,html[data-theme="dark"] .rules li,html[data-theme="dark"] .paths li,html[data-theme="dark"] .faq .ans,html[data-theme="dark"] .news-list .body,html[data-theme="dark"] .sc-item,html[data-theme="dark"] .ref-intro,html[data-theme="dark"] .ms-note{color:var(--ink-2)}
html[data-theme="dark"] .lst li{border-bottom:1px solid var(--line-2);color:var(--ink)}
html[data-theme="dark"] .lst li:last-child{border-bottom:0}
html[data-theme="dark"] .lst li a:hover{color:var(--link)}
html[data-theme="dark"] .lst li .d{color:var(--faint)}
html[data-theme="dark"] .tag{border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#151921);box-shadow:none}
html[data-theme="dark"] .tabs{border-radius:12px;background:var(--bg-3)}
html[data-theme="dark"] .tab{border-radius:9px;background:transparent;border:0;box-shadow:none;color:var(--ink-2)}
html[data-theme="dark"] .tab:hover{background:rgba(255,255,255,0.036)}
html[data-theme="dark"] .tab[aria-selected="true"]{background:#151921;color:var(--ink);box-shadow:var(--sh-1),0 0 0 1px rgba(0,0,0,0.114);text-shadow:none}
html[data-theme="dark"] .tab[aria-selected="true"] i{box-shadow:none}
html[data-theme="dark"] .search input,html[data-theme="dark"] .sort select{border-radius:10px;border:0;box-shadow:inset 0 0 0 1px var(--line);background:#151921}
html[data-theme="dark"] .search input:focus{box-shadow:inset 0 0 0 1px var(--link),0 0 0 3px rgba(31,111,235,.15)}
html[data-theme="dark"] .search svg{color:var(--faint)}
html[data-theme="dark"] .sort{color:var(--muted)}
html[data-theme="dark"] .podium{border-radius:var(--r) var(--r) 0 0;background:linear-gradient(180deg,#141b29,#151921);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .pod .base{border-radius:14px 14px 0 0;background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-1)}
html[data-theme="dark"] .pod.first .base{background:linear-gradient(#2a2314,#151921)}
html[data-theme="dark"] .pod .meta{color:var(--muted);text-shadow:none}
html[data-theme="dark"] .tagname{background:none;color:var(--ink);border-radius:0}
html[data-theme="dark"] .pod.first .tagname{color:var(--ink)}
html[data-theme="dark"] .tagguild{background:none;color:var(--muted)}
html[data-theme="dark"] .medal{border:0;box-shadow:0 0 0 3px rgba(255,255,255,0.08),var(--sh-2)}
html[data-theme="dark"] .table{border:0;border-radius:0 0 var(--r) var(--r);box-shadow:0 0 0 1px var(--line);background:#151921}
html[data-theme="dark"] .row{border-top:1px solid var(--line-2)}
html[data-theme="dark"] .row:nth-child(odd){background:#151921}
html[data-theme="dark"] .row:hover{background:var(--bg-2)}
html[data-theme="dark"] .row.hr{background:var(--bg-2);color:var(--muted)}
html[data-theme="dark"] .rk{color:var(--ink)}
html[data-theme="dark"] .row .mv,html[data-theme="dark"] .row .mv.eq{border:0;background:none;border-radius:0}
html[data-theme="dark"] .who b{color:var(--ink)}
html[data-theme="dark"] .guild{color:var(--muted)}
html[data-theme="dark"] .job img{box-shadow:none;border-radius:6px}
html[data-theme="dark"] .lv{color:var(--ink)}
html[data-theme="dark"] .lv small{color:var(--faint)}
html[data-theme="dark"] .exp{border-radius:999px;background:var(--bg-3);box-shadow:none}
html[data-theme="dark"] .exp span{border-radius:999px;background:var(--accent)}
html[data-theme="dark"] .exp em{color:var(--muted);text-shadow:none}
html[data-theme="dark"] .credit{color:var(--faint)}
html[data-theme="dark"] .pager button{border-radius:10px;border:0;background:#151921;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
html[data-theme="dark"] .pager button[aria-current="true"]{background:var(--ink);color:#fff;box-shadow:none}
html[data-theme="dark"] .tbl-wrap{border:0;border-radius:var(--r);box-shadow:0 0 0 1px var(--line);background:#151921}
html[data-theme="dark"] .tbl th{background:var(--bg-2);color:var(--muted);border-bottom:1px solid var(--line)}
html[data-theme="dark"] .tbl td{border-bottom:1px solid var(--line-2);color:var(--ink-2)}
html[data-theme="dark"] .tbl tr:nth-child(even) td{background:#151921}
html[data-theme="dark"] .tbl td b{color:var(--ink)}
html[data-theme="dark"] .tbl code,html[data-theme="dark"] .prose code,html[data-theme="dark"] code{background:var(--bg-3);color:var(--ink);border-radius:6px}
html[data-theme="dark"] .field label,html[data-theme="dark"] .field .lbl{color:var(--ink)}
html[data-theme="dark"] .input{border:0;border-radius:11px;background:#151921;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08),var(--sh-1);color:var(--ink)}
html[data-theme="dark"] .input::placeholder{color:var(--faint)}
html[data-theme="dark"] .input:hover{box-shadow:inset 0 0 0 1px #c5cbd6,var(--sh-1)}
html[data-theme="dark"] .input:focus{box-shadow:inset 0 0 0 1px var(--link),0 0 0 4px rgba(31,111,235,.14)}
html[data-theme="dark"] .field.bad .input{box-shadow:inset 0 0 0 1px var(--bad),0 0 0 4px rgba(212,56,13,.12)}
html[data-theme="dark"] .field .hint{color:var(--muted)}
html[data-theme="dark"] .field .err{color:var(--bad)}
html[data-theme="dark"] .check{color:var(--ink-2)}
html[data-theme="dark"] .form .submit{border-radius:12px}
html[data-theme="dark"] .alt{color:var(--muted)}
html[data-theme="dark"] .select{background:#151921 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236a7282' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 13px center}
html[data-theme="dark"] .gender span{border:0;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:var(--ink-2)}
html[data-theme="dark"] .gender input:checked+span{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 4px rgba(0,0,0,0.146);color:var(--ink)}
html[data-theme="dark"] .callout{border:0;border-radius:var(--r);background:var(--accent-soft);box-shadow:none;color:#efa476}
html[data-theme="dark"] .callout b{color:#f5a270}
html[data-theme="dark"] .callout.blue{background:var(--link-soft);color:#7da6e8}
html[data-theme="dark"] .callout.vip{background:#1b142a;color:#a789dc}
html[data-theme="dark"] .chip{background:var(--bg-3);color:var(--ink-2);border:0;box-shadow:none}
html[data-theme="dark"] .steps-l li::before{background:var(--ink);color:#fff;box-shadow:none}
html[data-theme="dark"] .faq details,html[data-theme="dark"] .news-list details{border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] .faq summary{color:var(--ink)}
html[data-theme="dark"] .faq summary::after,html[data-theme="dark"] .news-list summary::after{border-radius:999px;background:var(--bg-3);color:var(--ink-2)}
html[data-theme="dark"] .news-list .ttl{color:var(--ink)}
html[data-theme="dark"] .news-list summary:hover .ttl,html[data-theme="dark"] .news-list details[open] .ttl{color:var(--ink)}
html[data-theme="dark"] .news-list .date{color:var(--faint)}
html[data-theme="dark"] .news-list details:target{background:var(--accent-soft);border-radius:12px}
html[data-theme="dark"] .rules li::before{border-radius:999px;background:var(--bg-3);color:var(--ink)}
html[data-theme="dark"] .ticks li::before{background:var(--ok-soft);color:var(--ok)}
html[data-theme="dark"] .crosses li::before{background:var(--bad-soft);color:var(--bad)}
html[data-theme="dark"] .tile{border-radius:var(--r)}
html[data-theme="dark"] .tile.o,html[data-theme="dark"] .tile.b{background:var(--bg-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);text-shadow:none}
html[data-theme="dark"] .ms{border:0;border-radius:var(--r);box-shadow:none;text-shadow:none}
html[data-theme="dark"] .ms b,html[data-theme="dark"] .ms span{text-shadow:none}
html[data-theme="dark"] .ms.views,html[data-theme="dark"] .ms.likes,html[data-theme="dark"] .ms.friends,html[data-theme="dark"] .ms.level{background:var(--bg-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .ms small{color:var(--muted)}
html[data-theme="dark"] .cls-tabs{background:var(--bg-2);border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] .cls-tab{border:0;background:#151921;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
html[data-theme="dark"] .cls-tab[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:none;text-shadow:none}
html[data-theme="dark"] .cls-detail .bar{color:var(--ink)}
html[data-theme="dark"] .vipb{border-radius:6px;background:#7c4ddb;box-shadow:none}
html[data-theme="dark"] .pkg,html[data-theme="dark"] .vcard,html[data-theme="dark"] .sc-item,html[data-theme="dark"] .member,html[data-theme="dark"] .gmaster,html[data-theme="dark"] .gpicker{border:0;border-radius:var(--r);box-shadow:0 0 0 1px var(--line)}
html[data-theme="dark"] .vcard:hover,html[data-theme="dark"] .pkg:hover{box-shadow:0 0 0 1px var(--line),var(--sh-2)}
html[data-theme="dark"] .sc-item{background:#151921}
html[data-theme="dark"] .fashion{border-radius:var(--r);background:linear-gradient(#131928,#151921);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .acct .preview,html[data-theme="dark"] .dl-art,html[data-theme="dark"] .member .scene,html[data-theme="dark"] .cls-detail .scene,html[data-theme="dark"] .post .who,html[data-theme="dark"] .ccard .cc-top{background:linear-gradient(180deg,#141c2a,#131827) !important}
html[data-theme="dark"] .hash{background:var(--bg-2);border-radius:10px}
html[data-theme="dark"] body .fgroup{background:#151921;border-radius:var(--r);box-shadow:0 0 0 1px var(--line)}
html[data-theme="dark"] body .fgroup h3{background:var(--bg-2);color:var(--ink);text-shadow:none;border-radius:0;border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] body .frow{border:0;border-top:1px solid var(--line-2);background:#151921}
html[data-theme="dark"] body .frow:nth-child(odd){background:#151921}
html[data-theme="dark"] body .frow:last-child{border-radius:0}
html[data-theme="dark"] body .frow:hover{background:var(--bg-2)}
html[data-theme="dark"] body .frow.hd{background:#151921;color:var(--faint);border-top:0}
html[data-theme="dark"] body .frow .bn b{color:var(--ink)}
html[data-theme="dark"] body .frow .bn b:hover{color:var(--link)}
html[data-theme="dark"] body .frow .bn small{color:var(--muted)}
html[data-theme="dark"] body .frow .num{color:var(--ink-2)}
html[data-theme="dark"] body .frow .slot{background:var(--bg-2);border-radius:11px;box-shadow:none}
html[data-theme="dark"] body .frow .last img,html[data-theme="dark"] body .frow .slot img.head{background:var(--bg-2);border-radius:9px}
html[data-theme="dark"] body .frow .last{color:var(--muted)}
html[data-theme="dark"] body .frow .last b{color:var(--ink)}
html[data-theme="dark"] body .fstats{color:var(--muted)}
html[data-theme="dark"] body .fstats b{color:var(--ink)}
html[data-theme="dark"] body .fsearch input,html[data-theme="dark"] body .fsearch select{border:0;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08)}
html[data-theme="dark"] body .fsearch input:focus{box-shadow:inset 0 0 0 1px var(--link),0 0 0 4px rgba(31,111,235,.14)}
html[data-theme="dark"] body .fbtn{border:0;border-radius:9px;background:#151921;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
html[data-theme="dark"] body .fbtn[aria-pressed="true"]{background:var(--link-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:var(--link)}
html[data-theme="dark"] body .ftool{background:var(--bg-2);border-bottom:1px solid var(--line)}
html[data-theme="dark"] body .ftag{border-radius:6px}
html[data-theme="dark"] body .fres{border:0;border-radius:var(--r);box-shadow:0 0 0 1px var(--line)}
html[data-theme="dark"] body .post{border:0;border-radius:var(--r);box-shadow:0 0 0 1px var(--line)}
html[data-theme="dark"] body .post .who{border-right:1px solid var(--line-2)}
html[data-theme="dark"] body .post .msg .when{color:var(--faint);border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] body .post .msg p{color:var(--ink-2)}
html[data-theme="dark"] body .banner{border-radius:12px}
html[data-theme="dark"] body .npanel{border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--sh-3);border:0}
html[data-theme="dark"] body .npanel .nhead{background:#151921;color:var(--ink);border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] body .member .body b{color:var(--ink)}
html[data-theme="dark"] .notice-pop,html[data-theme="dark"] .modal{background:rgba(13,19,33,.45)}
html[data-theme="dark"] .np-box{border:0;border-radius:20px;background:#151921;box-shadow:var(--sh-3)}
html[data-theme="dark"] .np-msg{color:var(--ink-2)}
html[data-theme="dark"] .mwin{border:0;border-radius:20px;box-shadow:var(--sh-3)}
html[data-theme="dark"] .mbar{background:#151921;color:var(--ink);text-shadow:none;border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] .mclose{background:var(--bg-3);color:var(--ink-2);border-radius:9px}
html[data-theme="dark"] .mclose:hover{background:var(--line)}
html[data-theme="dark"] .radio .rslime{border-radius:999px;background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-2)}
html[data-theme="dark"] .radio .rtip{border:0;border-radius:8px;box-shadow:var(--sh-2)}
html[data-theme="dark"] .radio .rpanel{border:0;border-radius:18px;box-shadow:0 0 0 1px var(--line),var(--sh-3)}
html[data-theme="dark"] .radio .rbar{background:#151921;color:var(--ink);border-bottom:1px solid var(--line-2);text-shadow:none}
html[data-theme="dark"] .radio .rt b{color:var(--ink)}
html[data-theme="dark"] .radio .rprog span,html[data-theme="dark"] .radio .eq i{background:var(--accent)}
html[data-theme="dark"] .radio .eq{background:var(--accent-soft);border:0}
html[data-theme="dark"] .radio .rb{background:#151921;border:0;box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .radio .rb.play{background:var(--ink)}
html[data-theme="dark"] .radio .rlist button[aria-current="true"]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 3px 0 0 var(--accent)}
html[data-theme="dark"] .radio .rlist button:hover{background:var(--bg-2)}
html[data-theme="dark"] footer{background:var(--bg-2);border-top:1px solid var(--line-2);color:var(--ink-2)}
html[data-theme="dark"] .ft-brand p{color:var(--muted)}
html[data-theme="dark"] .ft-brand .srv-pill{background:#151921}
html[data-theme="dark"] .ft-col h4{color:var(--ink)}
html[data-theme="dark"] .ft-col a{color:var(--muted)}
html[data-theme="dark"] .ft-col a:hover{color:var(--ink)}
html[data-theme="dark"] .ft-fine{border-top:1px solid var(--line);color:var(--faint)}
html[data-theme="dark"] footer .fine{color:var(--faint)}
html[data-theme="dark"] .gnav{background:rgba(255,255,255,0.053);border:0;border-radius:14px;box-shadow:0 0 0 1px var(--line),var(--sh-1)}
html[data-theme="dark"] .gnav a{border:0;border-radius:10px;background:transparent;color:var(--ink-2)}
html[data-theme="dark"] .gnav a:hover{background:var(--bg-3);color:var(--ink);border:0}
html[data-theme="dark"] .gnav a.on{background:var(--ink);color:#fff;text-shadow:none;border:0}
html[data-theme="dark"] .g-tip,html[data-theme="dark"] .jstep{border:0;border-radius:var(--r);box-shadow:0 0 0 1px var(--line);color:var(--ink-2)}
html[data-theme="dark"] .g-tip b,html[data-theme="dark"] .jstep h3{color:var(--ink)}
html[data-theme="dark"] .jstep p,html[data-theme="dark"] .jobsum{color:var(--ink-2)}
html[data-theme="dark"] .jstep .n{background:var(--ink)}
html[data-theme="dark"] .eyebrow{border-radius:999px;background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-1);color:var(--ink-2)}
html[data-theme="dark"] .eyebrow b{color:var(--ink)}
html[data-theme="dark"] .eyebrow .sep{background:var(--line)}
html[data-theme="dark"] .eyebrow .go{color:var(--faint)}
html[data-theme="dark"] .eyebrow:hover .go{color:var(--ink)}
html[data-theme="dark"] .hero{background:radial-gradient(900px 520px at 82% 18%,#161e2d,transparent 65%),radial-gradient(700px 440px at 8% 0%,#2d1f16,transparent 62%),#151921}
html[data-theme="dark"] .hero h1{color:var(--ink)}
html[data-theme="dark"] .hero h1 .a{color:var(--accent)}
html[data-theme="dark"] .hero .lead{color:var(--ink-2)}
html[data-theme="dark"] .hero-facts b{color:var(--ink)}
html[data-theme="dark"] .hero-facts span{color:var(--muted)}
html[data-theme="dark"] .hero-facts li+li{border-left:1px solid var(--line)}
html[data-theme="dark"] .frame{border-radius:var(--r-xl);background:#3367cc;box-shadow:0 0 0 1px rgba(0,0,0,0.178),var(--sh-3)}
html[data-theme="dark"] .frame::after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.014)}
html[data-theme="dark"] .actor .tagn{border-radius:4px;background:rgba(0,0,0,.6);color:#fff}
html[data-theme="dark"] a.actor:hover .tagn{background:var(--accent)}
html[data-theme="dark"] .chip-f{border-radius:14px;background:rgba(255,255,255,0.055);box-shadow:0 0 0 1px rgba(0,0,0,0.146),0 12px 32px -12px rgba(0,0,0,0.61);color:var(--ink-2)}
html[data-theme="dark"] .chip-f b{color:var(--ink)}
html[data-theme="dark"] .chip-f small{color:var(--muted)}
html[data-theme="dark"] .chip-top .av{border-radius:11px;background:linear-gradient(#141c2a,#151921);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .chip-chat .ic{border-radius:8px;background:var(--accent-soft);color:var(--accent)}
html[data-theme="dark"] .metrics{border-radius:var(--r-lg);background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-2)}
html[data-theme="dark"] .metric+.metric{box-shadow:-1px 0 0 var(--line-2)}
html[data-theme="dark"] .metric .k{color:var(--muted)}
html[data-theme="dark"] .metric b{color:var(--ink)}
html[data-theme="dark"] .metric small{color:var(--muted)}
html[data-theme="dark"] .metric .up{color:var(--ok)}
html[data-theme="dark"] .metric .down{color:var(--bad)}
html[data-theme="dark"] .metric .hot{color:var(--accent-ink)}
html[data-theme="dark"] .sh .kick{color:var(--accent)}
html[data-theme="dark"] .sh h2{color:var(--ink)}
html[data-theme="dark"] .sh p{color:var(--muted)}
html[data-theme="dark"] .bt{border-radius:var(--r-lg);background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-1)}
html[data-theme="dark"] .bt:hover{box-shadow:0 0 0 1px var(--line),var(--sh-2)}
html[data-theme="dark"] .bt h3{color:var(--ink)}
html[data-theme="dark"] .bt p{color:var(--muted)}
html[data-theme="dark"] .bt-big .map{border-radius:18px;box-shadow:0 0 0 1px var(--line);background:url("../scene/map-victoria.webp") 50% 42%/cover}
html[data-theme="dark"] .ticks2 li{border-radius:999px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}
html[data-theme="dark"] .ticks2 li::before{border-radius:50%;background:var(--accent)}
html[data-theme="dark"] .wave i{border-radius:9px;background:var(--accent)}
html[data-theme="dark"] .wave i:nth-child(3n){background:var(--ink)}
html[data-theme="dark"] .wave .key{border-radius:9px;background:#151921;box-shadow:inset 0 0 0 1px var(--line),0 3px 0 var(--line);color:var(--ink)}
html[data-theme="dark"] .chest b{color:var(--ink)}
html[data-theme="dark"] .chest small{color:var(--muted)}
html[data-theme="dark"] .screen{border-radius:16px;box-shadow:0 0 0 1px var(--line);background:url("../scene/henesys.webp") 50% 100%/cover}
html[data-theme="dark"] .feat{border-radius:var(--r-lg);background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-1)}
html[data-theme="dark"] .feat:hover{box-shadow:0 0 0 1px var(--line),var(--sh-2)}
html[data-theme="dark"] .feat .pic{background:url("../scene/henesys.webp") 50% 100%/cover,#3367cc}
html[data-theme="dark"] .feat .pic.ev{background:url("../scene/maps/909000200.webp") center/cover}
html[data-theme="dark"] .feat .pic.gu{background:url("../scene/maps/909000300.webp") center/cover}
html[data-theme="dark"] .feat .pic.wu{background:url("../scene/maps/909000000.webp") center/cover}
html[data-theme="dark"] .feat .meta{color:var(--faint)}
html[data-theme="dark"] .feat h3{color:var(--ink)}
html[data-theme="dark"] .feat p{color:var(--muted)}
html[data-theme="dark"] .nli{border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] .nli:last-child{border-bottom:0}
html[data-theme="dark"] .nli .meta{color:var(--faint)}
html[data-theme="dark"] .nli b{color:var(--ink)}
html[data-theme="dark"] .nli:hover b{color:var(--link)}
html[data-theme="dark"] .pn-mini .top{color:var(--faint)}
html[data-theme="dark"] .pn-mini h3{color:var(--ink)}
html[data-theme="dark"] .pn-mini ul{color:var(--ink-2)}
html[data-theme="dark"] .pn-mini .go{color:var(--ink-2)}
html[data-theme="dark"] .pn-mini:hover .go{color:var(--ink)}
html[data-theme="dark"] .pn-ver{background:var(--bg-3);border:0;color:var(--ink-2)}
html[data-theme="dark"] .tops li a{border-bottom:1px solid var(--line-2)}
html[data-theme="dark"] .tops li:last-child a{border-bottom:0}
html[data-theme="dark"] .tops .n{color:var(--faint)}
html[data-theme="dark"] .tops li:nth-child(1) .n{color:var(--accent)}
html[data-theme="dark"] .tops .av{border-radius:13px;background:linear-gradient(#141a29,#151921);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .tops b{color:var(--ink)}
html[data-theme="dark"] .tops small{color:var(--muted)}
html[data-theme="dark"] .tops .lvl{color:var(--ink)}
html[data-theme="dark"] .tops a:hover b{color:var(--link)}
html[data-theme="dark"] .live{background:var(--night);color:#e6e9f0;box-shadow:0 0 0 1px rgba(255,255,255,0.003),var(--sh-2)}
html[data-theme="dark"] .live .btitle h2{color:#fff}
html[data-theme="dark"] .live .lv-on{color:#86efac}
html[data-theme="dark"] .live .cl{border-bottom:1px solid rgba(255,255,255,0.008);border-radius:0;background:none;color:#d7dbe4;text-shadow:none}
html[data-theme="dark"] .live .cl:last-child{border-bottom:0}
html[data-theme="dark"] .live .cl.notice{color:#93c5fd}
html[data-theme="dark"] .live .cl.sm{background:none;color:#fbcfe8}
html[data-theme="dark"] .live .cl.mega{background:none;color:#bfdbfe}
html[data-theme="dark"] .live .cl.quiet{color:#a7abb4}
html[data-theme="dark"] .live .chb{background:rgba(255,255,255,0.007);border:0}
html[data-theme="dark"] .live .chs{border-top:1px solid rgba(255,255,255,0.01)}
html[data-theme="dark"] .live .chn{color:#9aa3b5}
html[data-theme="dark"] .live .chn b{color:#fff}
html[data-theme="dark"] .live .chn .bar{border-radius:9px;background:rgba(255,255,255,0.006)}
html[data-theme="dark"] .live .chn .bar i{border-radius:9px;background:#134224}
html[data-theme="dark"] .band{border-radius:var(--r-xl);background:var(--night);color:#fff}
html[data-theme="dark"] .band::before{background:url("../scene/henesys-fore-m.webp") 52% 100%/cover no-repeat}
html[data-theme="dark"] .band::after{background:radial-gradient(640px 320px at 82% 30%,rgba(51,103,204,.6),transparent 70%)}
html[data-theme="dark"] .band p{color:#b8c0cf}
html[data-theme="dark"] .band ol li{border-radius:999px;background:rgba(255,255,255,0.005);color:#e6e9f0}
html[data-theme="dark"] .band ol li::before{border-radius:50%;background:#151921;color:var(--night)}
html[data-theme="dark"] .band .btn-secondary{background:rgba(255,255,255,0.006);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.014)}
html[data-theme="dark"] .band .btn-secondary:hover{background:rgba(255,255,255,0.01);color:#fff}
html[data-theme="dark"] .signin h2{color:var(--ink)}
html[data-theme="dark"] .signin .sub{color:var(--muted)}
html[data-theme="dark"] .signin .row-links a{color:var(--link)}
html[data-theme="dark"] .signin .art{background:#3367cc}
html[data-theme="dark"] .nxwho{border-radius:var(--r);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .nxwho .av{border-radius:12px;background:#151921;box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .nxwho>div>b{color:var(--ink)}
html[data-theme="dark"] .nxwho small{color:var(--muted)}
html[data-theme="dark"] .nxwho small b{color:var(--ink-2)}
html[data-theme="dark"] .nxwho.qr{background:var(--ok-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08)}
html[data-theme="dark"] .nxwho.qr>div>b::after{border-radius:999px;background:#151921;color:var(--ok);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08)}
html[data-theme="dark"] .nxp{border-radius:var(--r);background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-1)}
html[data-theme="dark"] .nxp:hover{box-shadow:0 0 0 1px #cfd4dd,var(--sh-2)}
html[data-theme="dark"] .nxp:has(input:checked){box-shadow:0 0 0 2px var(--accent),0 10px 24px -12px rgba(233,90,12,.45)}
html[data-theme="dark"] .nxp:has(input:focus-visible){outline:2px solid var(--link);outline-offset:3px}
html[data-theme="dark"] .nxp .amt{color:var(--ink)}
html[data-theme="dark"] .nxp .amt small{color:var(--muted)}
html[data-theme="dark"] .nxp .per{color:var(--faint)}
html[data-theme="dark"] .nxp .price{border-radius:999px;background:var(--bg-3);color:var(--ink)}
html[data-theme="dark"] .nxp:has(input:checked) .price{background:var(--accent);color:#fff}
html[data-theme="dark"] .nxp .nxtag{border-radius:999px;background:var(--ink);color:#fff}
html[data-theme="dark"] .nxp .ingame{border-radius:999px;background:var(--ok-soft);color:var(--ok)}
html[data-theme="dark"] .nx-agree{border:0;border-radius:12px;background:#151921;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
html[data-theme="dark"] .nx-agree b{color:var(--ink)}
html[data-theme="dark"] .nx-agree a{color:var(--link)}
html[data-theme="dark"] .nx-agree.need{box-shadow:inset 0 0 0 1.5px var(--bad),0 0 0 4px rgba(212,56,13,.1)}
html[data-theme="dark"] .nxbar{border-radius:var(--r);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .nxbar .sum b{color:var(--ink)}
html[data-theme="dark"] .nxbar .sum small{color:var(--muted)}
html[data-theme="dark"] .nxbar .gloss{border-radius:12px}
html[data-theme="dark"] .nxbar .stripe{color:var(--faint)}
html[data-theme="dark"] .nxpay{border-radius:var(--r);background:#151921;box-shadow:0 0 0 1px var(--line),var(--sh-2)}
html[data-theme="dark"] .nxpay-h .lock{border-radius:11px;background:var(--ok-soft);color:var(--ok)}
html[data-theme="dark"] .nxpay-h b{color:var(--ink)}
html[data-theme="dark"] .nxpay-h small{color:var(--muted)}
html[data-theme="dark"] .nxpay-x{border:0;background:none;color:var(--link)}
html[data-theme="dark"] .nxpay-order{border-radius:12px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .nxpay-order span{color:var(--muted)}
html[data-theme="dark"] .nxpay-order span b{color:var(--ink)}
html[data-theme="dark"] .nxpay-order>b{color:var(--ink)}
html[data-theme="dark"] .nxpay-mail{color:var(--muted)}
html[data-theme="dark"] .nxpay-mail b{color:var(--ink-2)}
html[data-theme="dark"] .nxpay-load{color:var(--muted)}
html[data-theme="dark"] .nxpay-err{border-radius:10px;background:var(--bad-soft);color:#f7906e}
html[data-theme="dark"] .nxstate{border-radius:var(--r);background:var(--ok-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:#7ce9b6}
html[data-theme="dark"] .nxstate.wait{background:var(--link-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:#7da6e8}
html[data-theme="dark"] .nxstate.bad{background:var(--bad-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:#f7906e}
html[data-theme="dark"] .nxstate .big{border-radius:13px;background:#151921}
html[data-theme="dark"] .nxstate p a{color:inherit}
html[data-theme="dark"] .spin{border:0 !important;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 30%,color-mix(in srgb,var(--spin-arc) 35%,transparent) 55%,var(--spin-arc) 100%),var(--spin-track)}
html[data-theme="dark"] .qrhow .phone{border-radius:24px;background:var(--night);box-shadow:var(--sh-2)}
html[data-theme="dark"] .qrhow .phone .scr{border-radius:16px;background:#151921}
html[data-theme="dark"] .qrhow ol{color:var(--ink-2)}
html[data-theme="dark"] .qrhow ol b{color:var(--ink)}
html[data-theme="dark"] .nv-brand{color:var(--ink)}
html[data-theme="dark"] .nv-brand .wm>span{color:var(--accent)}
html[data-theme="dark"] .nv-l{color:#c5c8d2}
html[data-theme="dark"] .nv-l.on{color:var(--accent-2)}
html[data-theme="dark"] .gloss,html[data-theme="dark"] .btn{border-radius:999px}
html[data-theme="dark"] .btn-sm,html[data-theme="dark"] .pill,html[data-theme="dark"] .btn-lg,html[data-theme="dark"] .btn-text,html[data-theme="dark"] .g-dark,html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .btn-cloud{border-radius:999px}
html[data-theme="dark"] .btn-play{color:#fff;background:linear-gradient(#ffa040,#ff7314);box-shadow:inset 0 1px 0 rgba(255,255,255,0.028),0 4px 0 #c75000,0 12px 26px -8px rgba(255,110,20,.7)}
html[data-theme="dark"] .btn-play:hover{background:linear-gradient(#ffad55,#ff7d22)}
html[data-theme="dark"] .btn-play:active{box-shadow:inset 0 1px 0 rgba(255,255,255,0.028),0 2px 0 #c75000,0 8px 18px -8px rgba(255,110,20,.7)}
html[data-theme="dark"] .btn-glass{color:#fff;background:rgba(255,255,255,0.008);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.044)}
html[data-theme="dark"] .btn-glass:hover{background:rgba(255,255,255,0.014);color:#fff}
html[data-theme="dark"] .sh h2 span{color:var(--sky)}
html[data-theme="dark"] .page-hero{background:linear-gradient(90deg,rgba(8,22,56,.86),rgba(8,22,56,.45) 55%,rgba(8,22,56,.2)),var(--shot) 50% 40%/cover,#13306e;border-bottom:0}
html[data-theme="dark"] .page-hero h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.61)}
html[data-theme="dark"] .page-hero h1 em{color:#ffb547}
html[data-theme="dark"] .page-hero p{color:rgba(255,255,255,.88);text-shadow:0 1px 8px rgba(0,0,0,0.69)}
html[data-theme="dark"] .crumbs,html[data-theme="dark"] .crumbs a{color:rgba(255,255,255,.75)}
html[data-theme="dark"] .crumbs a:hover{color:#fff}
html[data-theme="dark"] .gh-media{border-radius:28px;background:#13306e}
html[data-theme="dark"] .gh-shade{background:linear-gradient(90deg,rgba(6,18,46,.82) 0%,rgba(6,18,46,.55) 38%,rgba(6,18,46,.08) 70%),linear-gradient(0deg,rgba(6,18,46,.55),transparent 35%)}
html[data-theme="dark"] .gh-content{color:#fff}
html[data-theme="dark"] .gh-tag{text-shadow:0 2px 14px rgba(0,0,0,0.69)}
html[data-theme="dark"] .gh-tag span{color:#ffb547}
html[data-theme="dark"] .gh-lead{color:rgba(255,255,255,.9);text-shadow:0 1px 8px rgba(0,0,0,0.77)}
html[data-theme="dark"] .gh-pills>span{border-radius:999px;background:rgba(6,18,46,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.014);color:#fff}
html[data-theme="dark"] .gh-pills .wkp{background:rgba(255,170,40,.92);color:#ffbb66;box-shadow:none}
html[data-theme="dark"] .gh-places button{border-radius:14px;background:rgba(6,18,46,.6);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.014);color:#fff}
html[data-theme="dark"] .gh-places button[aria-selected="true"]{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.08)}
html[data-theme="dark"] .gh-places i{background:#ffb547}
html[data-theme="dark"] .gh-cam{color:rgba(255,255,255,.7)}
html[data-theme="dark"] .gh-cam::before{border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 3px rgba(255,90,90,.25)}
html[data-theme="dark"] .sky{background:linear-gradient(180deg,#15212c,#131e27 60%,#151921)}
html[data-theme="dark"] .sky::before,html[data-theme="dark"] .sky::after{border-radius:999px;background:#151921;box-shadow:120px -40px 0 10px rgba(255,255,255,0.08),260px 10px 0 -10px rgba(255,255,255,0.08),-120px 20px 0 -20px rgba(255,255,255,0.08)}
html[data-theme="dark"] .hlc{border-radius:24px;background:#151921;box-shadow:0 0 0 1px rgba(0,0,0,0.146),0 18px 40px -22px rgba(0,0,0,0.61)}
html[data-theme="dark"] .hlc:hover{box-shadow:0 0 0 1px rgba(0,0,0,0.146),0 26px 50px -22px rgba(0,0,0,0.77)}
html[data-theme="dark"] .hl-art{background:#13306e}
html[data-theme="dark"] .hl-txt h3{color:var(--ink)}
html[data-theme="dark"] .hl-txt p{color:var(--muted)}
html[data-theme="dark"] .hlc.voice .hl-art{background:radial-gradient(circle at 50% 55%,#7c5cff,#3b2bb8 60%,#24186e)}
html[data-theme="dark"] .vrings i{border-radius:50%;border:2px solid rgba(255,255,255,0.066)}
html[data-theme="dark"] .hl-key{border-radius:10px;background:#151921;color:#8d7fe6;box-shadow:0 3px 0 rgba(0,0,0,0.45)}
html[data-theme="dark"] .fgrp{border-radius:24px;background:rgba(255,255,255,0.051);box-shadow:0 0 0 1px rgba(0,0,0,0.146)}
html[data-theme="dark"] .fgrp h3{color:var(--sky)}
html[data-theme="dark"] .fi{border-top:1px solid var(--line-2)}
html[data-theme="dark"] .fgrp h3+.fi{border-top:0}
html[data-theme="dark"] .fi .ic{border-radius:12px;background:var(--sky-2)}
html[data-theme="dark"] .fi .ic.svg{color:var(--sky)}
html[data-theme="dark"] .fi b{color:var(--ink)}
html[data-theme="dark"] .fi p{color:var(--muted)}
html[data-theme="dark"] .ncard{border-radius:22px;background:#151921;box-shadow:0 0 0 1px var(--line),0 12px 30px -20px rgba(0,0,0,0.61)}
html[data-theme="dark"] .ncard:hover{box-shadow:0 0 0 1px var(--line),0 22px 44px -22px rgba(0,0,0,0.77)}
html[data-theme="dark"] .ncard .pic{background:#13306e center/cover no-repeat}
html[data-theme="dark"] .ncard .meta{color:var(--faint)}
html[data-theme="dark"] .ncard h3{color:var(--ink)}
html[data-theme="dark"] .ncard p{color:var(--muted)}
html[data-theme="dark"] .cta-band{border-radius:28px;background:linear-gradient(90deg,rgba(6,18,46,.85),rgba(6,18,46,.35) 70%),url("../shots/zakum-w.webp?v=3") 70% 50%/cover,#3a0d06;color:#fff}
html[data-theme="dark"] .cta-band h2{text-shadow:0 2px 12px rgba(0,0,0,0.61)}
html[data-theme="dark"] .cta-band p{color:rgba(255,255,255,.88)}
html[data-theme="dark"] footer{background:linear-gradient(#0d1d44,#081230);border-top:0;color:#c3cbe0}
html[data-theme="dark"] .ft-brand p{color:#9aa6c4}
html[data-theme="dark"] .ft-brand .srv-pill{background:rgba(255,255,255,0.005);color:#dfe5f3;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.008)}
html[data-theme="dark"] .ft-brand .srv-pill b{color:#fff}
html[data-theme="dark"] .ft-col h4{color:#fff}
html[data-theme="dark"] .ft-col a{color:#9aa6c4}
html[data-theme="dark"] .ft-col a:hover{color:#fff}
html[data-theme="dark"] .ft-fine{border-top-color:rgba(255,255,255,0.012);color:#a7abb4}
html[data-theme="dark"] footer .fine{color:#a7abb4}
@media (max-width:1100px){
html[data-theme="dark"] .pnav.open .nv-links{background:#151921;box-shadow:0 1px 0 var(--line),0 24px 40px -20px rgba(0,0,0,0.53)}
html[data-theme="dark"] .pnav.open .nv-more>.nv-l{color:var(--faint);background:none}
html[data-theme="dark"] .pnav.open .nv-dd{box-shadow:none}
html[data-theme="dark"] .metric:nth-child(3){box-shadow:0 -1px 0 var(--line-2)}
html[data-theme="dark"] .metric:nth-child(4){box-shadow:-1px 0 0 var(--line-2),0 -1px 0 var(--line-2)}
}
@media (max-width:640px){
html[data-theme="dark"] .band{border-radius:var(--r-lg)}
}
@media (max-width:760px){
html[data-theme="dark"] .gh-shade{background:linear-gradient(180deg,rgba(6,18,46,.75),rgba(6,18,46,.5) 55%,rgba(6,18,46,.85))}
}
@media (max-width:640px){
html[data-theme="dark"] .gh-media{border-radius:22px}
html[data-theme="dark"] .cta-band{border-radius:22px}
}
html[data-theme="dark"] .pager .pg-gap{color:var(--faint)}
html[data-theme="dark"] .nv-l{color:#bfc3cc}
html[data-theme="dark"] .nv-l.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:9px 9px 0 0}
html[data-theme="dark"] .cta-band{background:linear-gradient(90deg,rgba(6,18,46,.86),rgba(6,18,46,.3) 70%),url("../shots/zakum-w.webp?v=3") 70% 50%/cover,#3a0d06}
html[data-theme="dark"] .livebar{border-radius:22px;background:#151921;box-shadow:0 0 0 1px rgba(0,0,0,0.162),0 20px 44px -24px rgba(0,0,0,0.77)}
html[data-theme="dark"] .lb-tile+.lb-tile{box-shadow:-1px 0 0 var(--line-2)}
html[data-theme="dark"] .lb-k{color:var(--muted)}
html[data-theme="dark"] .lb-tile b{color:var(--ink)}
html[data-theme="dark"] .lb-tile small{color:var(--faint)}
html[data-theme="dark"] .lb-tile .hot{color:var(--accent-2)}
html[data-theme="dark"] .lb-wk.on{background:linear-gradient(180deg,#2c2315,#151921)}
html[data-theme="dark"] .lb-chs em{border-radius:4px 4px 2px 2px;background:var(--line)}
html[data-theme="dark"] .lb-chs i{background:linear-gradient(#401e13,#ff6b1a)}
html[data-theme="dark"] .lb-chs small{color:var(--faint)}
html[data-theme="dark"] .lb-tile b .lb-ranks{color:var(--muted)}
html[data-theme="dark"] .pcard{background:#151921;border-radius:20px;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(0,0,0,0.114)}
html[data-theme="dark"] .pcard h3{color:var(--ink)}
html[data-theme="dark"] .ml-links a{color:var(--muted)}
html[data-theme="dark"] .ml-links a:hover{color:var(--ink)}
html[data-theme="dark"] .memb .me{border-radius:14px;background:linear-gradient(#141f2a,#131b27)}
html[data-theme="dark"] .memb .me b{color:var(--ink)}
html[data-theme="dark"] .memb .me small{color:var(--muted)}
html[data-theme="dark"] .bigdl,html[data-theme="dark"] .bignx{border-radius:18px;color:#fff}
html[data-theme="dark"] .bigdl{background:linear-gradient(135deg,#ffa040,#ff6b1a);box-shadow:0 4px 0 #c75000,0 14px 26px -14px rgba(255,110,20,.8)}
html[data-theme="dark"] .bignx{background:linear-gradient(135deg,#3d8cf0,#2059c9);box-shadow:0 4px 0 #173f91,0 14px 26px -14px rgba(32,89,201,.8)}
html[data-theme="dark"] .bignx img{border-radius:12px;background:rgba(255,255,255,0.054)}
html[data-theme="dark"] .newtiles a{border-radius:14px;background:var(--bg-2);color:var(--ink)}
html[data-theme="dark"] .newtiles a:hover{background:#151f2c}
html[data-theme="dark"] .nlist li{border-top:1px solid var(--line-2)}
html[data-theme="dark"] .nlist li:first-child{border-top:0}
html[data-theme="dark"] .nlist li a{color:var(--ink)}
html[data-theme="dark"] .nlist li a:hover span{color:var(--link)}
html[data-theme="dark"] .nlist li em{color:var(--faint)}
html[data-theme="dark"] .none{color:var(--muted)}
html[data-theme="dark"] .none a{color:var(--link)}
html[data-theme="dark"] .rtabs{border-radius:11px;background:var(--bg-3)}
html[data-theme="dark"] .rtabs button{border-radius:8px;color:var(--ink-2)}
html[data-theme="dark"] .rtabs button[aria-pressed="true"]{background:#151921;color:var(--ink);box-shadow:var(--sh-1)}
html[data-theme="dark"] .rk-top{border-radius:16px;background:url("../scene/grass.webp") center bottom/auto 46px repeat-x,linear-gradient(#1d2e3c,#14212a 75%)}
html[data-theme="dark"] .rk-top .crown{border-radius:50%;background:radial-gradient(circle at 35% 30%,#4c4516,#ffc21a 55%,#d99400);color:#ffc766;box-shadow:0 0 0 3px rgba(255,255,255,0.08)}
html[data-theme="dark"] .rk-top b{border-radius:5px;background:rgba(0,0,0,.66);color:#ffe38a}
html[data-theme="dark"] .rk-top small{color:#8cb1d9}
html[data-theme="dark"] .rk-rest li a{border-top:1px solid var(--line-2)}
html[data-theme="dark"] .rk-rest li:first-child a{border-top:0}
html[data-theme="dark"] .rk-rest .n{color:var(--faint)}
html[data-theme="dark"] .rk-rest .av{border-radius:12px;background:var(--bg-2)}
html[data-theme="dark"] .rk-rest .nm b{color:var(--ink)}
html[data-theme="dark"] .rk-rest .nm small{color:var(--muted)}
html[data-theme="dark"] .rk-rest .lv{color:var(--ink)}
html[data-theme="dark"] .rk-rest a:hover b{color:var(--link)}
html[data-theme="dark"] .boards a{color:var(--ink-2)}
html[data-theme="dark"] .boards span{border-radius:14px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .boards a:hover span{background:#151f2c}
html[data-theme="dark"] .threads li a{border-top:1px solid var(--line-2)}
html[data-theme="dark"] .threads .av{border-radius:11px;background:var(--bg-2)}
html[data-theme="dark"] .threads b{color:var(--ink)}
html[data-theme="dark"] .threads small{color:var(--muted)}
html[data-theme="dark"] .threads em{color:var(--faint)}
html[data-theme="dark"] .threads a:hover b{color:var(--link)}
html[data-theme="dark"] .sched li{border-top:1px solid var(--line-2)}
html[data-theme="dark"] .sched li:first-child{border-top:0}
html[data-theme="dark"] .sched b{color:var(--ink)}
html[data-theme="dark"] .sched small{color:var(--muted)}
html[data-theme="dark"] .sched em{color:var(--ink-2)}
html[data-theme="dark"] .sched li.hot em{color:#fff;background:var(--accent);border-radius:999px}
html[data-theme="dark"] .sched li.any em{color:var(--faint)}
html[data-theme="dark"] .cs-style{border-radius:16px;background:repeating-linear-gradient(90deg,#401c13 0 18px,#151921 18px 36px) top/100% 18px no-repeat,linear-gradient(#2c1520,#27131d)}
html[data-theme="dark"] .cs-new{border-radius:999px;background:var(--accent);color:#fff}
html[data-theme="dark"] .cs-list a{border-radius:10px;color:var(--ink)}
html[data-theme="dark"] .cs-list a:hover{background:var(--bg-2)}
html[data-theme="dark"] .cs-list .ic{border-radius:10px;background:var(--bg-2)}
html[data-theme="dark"] .pcard.live{background:var(--night);box-shadow:0 0 0 1px rgba(255,255,255,0.003),var(--sh-2)}
html[data-theme="dark"] .p-right .live h3{color:#fff}
html[data-theme="dark"] .gallery button{border-radius:18px;background:#13306e;box-shadow:0 0 0 1px var(--line)}
html[data-theme="dark"] .gallery span{border-radius:999px;background:rgba(6,18,46,.6);color:#fff}
html[data-theme="dark"] .shot-full{background:#000}
@media (max-width:1180px){
html[data-theme="dark"] .lb-tile:nth-child(4){box-shadow:0 -1px 0 var(--line-2)}
html[data-theme="dark"] .lb-tile:nth-child(n+4){border-top:1px solid var(--line-2)}
}
@media (max-width:640px){
html[data-theme="dark"] .lb-tile:nth-child(n+3){border-top:1px solid var(--line-2)}
html[data-theme="dark"] .lb-tile:nth-child(odd){box-shadow:none}
}
html[data-theme="dark"] .rk-top small{color:#fff;text-shadow:0 1px 2px #000000}
html[data-theme="dark"] .hero5{border-radius:28px;background:#0b1530;color:#fff}
html[data-theme="dark"] .h5-bg{background:#13306e center/cover no-repeat}
html[data-theme="dark"] .hero5::after{background:linear-gradient(90deg,rgba(6,14,36,.78),rgba(6,14,36,.35) 55%,rgba(6,14,36,.15))}
html[data-theme="dark"] .h5-tag{text-shadow:0 2px 14px rgba(0,0,0,0.61)}
html[data-theme="dark"] .h5-tag span{color:#ffb547}
html[data-theme="dark"] .h5-lead{color:rgba(255,255,255,.86)}
html[data-theme="dark"] .h5-frame{border-radius:20px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,0.011),0 30px 70px -24px #000000}
html[data-theme="dark"] .h5-cam{border-radius:999px;background:rgba(6,14,36,.55);color:#fff}
html[data-theme="dark"] .h5-cam::before{border-radius:50%;background:#ff5a5a}
html[data-theme="dark"] .h5-places button{border-radius:999px;background:rgba(255,255,255,0.006);color:rgba(255,255,255,.8)}
html[data-theme="dark"] .h5-places button:hover{background:rgba(255,255,255,0.011);color:#fff}
html[data-theme="dark"] .h5-places button[aria-selected="true"]{background:#151921;color:var(--ink)}
html[data-theme="dark"] .h5-places i{background:var(--accent)}
html[data-theme="dark"] .bug-n{border-radius:999px;background:#2d2016;color:#f6956f}
html[data-theme="dark"] .bug-how{color:var(--muted)}
html[data-theme="dark"] .bug-how b{color:var(--ink)}
html[data-theme="dark"] .cs-list li a{border-top:1px solid var(--line-2);border-radius:0}
html[data-theme="dark"] .cs-list li:first-child a{border-top:0}
html[data-theme="dark"] .cs-list li a:hover{background:none}
html[data-theme="dark"] .cs-list li a:hover b{color:var(--link)}
html[data-theme="dark"] .cs-list .ic{border-radius:12px;background:linear-gradient(#1a1429,#151921);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .cs-list b{color:var(--ink)}
html[data-theme="dark"] .cs-list small{color:var(--muted)}
html[data-theme="dark"] .chips5 li{border-radius:999px;background:#151921;box-shadow:0 0 0 1px rgba(0,0,0,0.162),var(--sh-1);color:var(--ink-2)}
html[data-theme="dark"] .chips5 li::before{border-radius:50%;background:var(--accent)}
@media (max-width:900px){
html[data-theme="dark"] .livebar.lb4 .lb-tile:nth-child(n+3){border-top:1px solid var(--line-2)}
html[data-theme="dark"] .livebar.lb4 .lb-tile:nth-child(3){box-shadow:none}
}
@media (max-width:640px){
html[data-theme="dark"] .hero5{border-radius:22px}
}
html[data-theme="dark"] .pcard.live h3{color:#fff}
html[data-theme="dark"] .portal5 .live .cl{border:0;border-radius:14px;background:rgba(255,255,255,0.004)}
html[data-theme="dark"] .ft-notice{border:1px solid rgba(255,255,255,0.014);border-radius:12px;background:rgba(255,255,255,0.002);color:#aab4cc}
html[data-theme="dark"] .ft-notice b{color:#fff}
html[data-theme="dark"] .ft-notice a{color:#9cc3ff}
html[data-theme="dark"] .ft-notice a:hover{color:#fff}
html[data-theme="dark"] .cprof .scene .tagname{background:rgba(0,0,0,.72);color:#fff;border-radius:3px}
html[data-theme="dark"] .cprof .scene .tagguild{background:rgba(0,0,0,.62);color:#fff;border-radius:3px}
html[data-theme="dark"] .autoupd{border-radius:12px;background:#152c1f;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:#86dfad}
html[data-theme="dark"] .autoupd b{color:#80e5a9}
html[data-theme="dark"] .scene:has(>img.ld)::after,html[data-theme="dark"] .sp:has(>img.ld)::after,html[data-theme="dark"] .av:has(>img.ld)::after{border-radius:50%;background:conic-gradient(from 0deg,transparent 0 30%,rgba(255,138,61,.4) 55%,#f47a22 100%),radial-gradient(farthest-side,rgba(255,255,255,0.047) calc(100% - 2px),rgba(19,40,77,.32) calc(100% - 1.5px))}
html[data-theme="dark"] .vp-tag{color:#fff !important;background:linear-gradient(#a259ff,#6f2bd9) !important;box-shadow:none !important}
html[data-theme="dark"] .vp-inline{color:#6f2bd9}
html[data-theme="dark"] .launcher-shot img{border-radius:16px;box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(0,0,0,0.338)}
html[data-theme="dark"] .launcher-shot figcaption{color:var(--muted)}
html[data-theme="dark"] .launcher-shot figcaption b{color:var(--ink)}
html[data-theme="dark"] .cs-list .cs-tag{border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .cs-list>li{border-top:0}
html[data-theme="dark"] .cs-list li.cs-sec{border-top:1px solid var(--line);color:var(--muted)}
html[data-theme="dark"] .cs-list li.cs-sec+li a{border-top:0}
html[data-theme="dark"] .cs-list li.cs-more{border-top:1px solid var(--line-2);color:var(--muted)}

/* ---------- hand fixes after the generated part (same specificity, so these win) ---------- */
html[data-theme="sky"] .pnav{background:rgba(255,255,255,.84);border-bottom-color:rgba(22,72,140,.12)}
html[data-theme="dark"] .pnav{background:rgba(14,19,29,.86);border-bottom-color:rgba(255,255,255,.07)}
html[data-theme="dark"] footer{background:#0b1018;border-top-color:#1e2533}
/* dark "ink" chips and buttons (background: var(--ink), which is light in Dark): dark text on them */
html[data-theme="dark"] :is(.g-blue,.btn-ink,.pager button[aria-current="true"],.cls-tab[aria-selected="true"],.gnav a.on,.nxp .nxtag){color:#0e131d;text-shadow:none}
html[data-theme="dark"] .steps-l li::before{color:#0e131d}
/* inline colours in pages and scripts (GM Panel summaries and notes, character page, status words) */
html[data-theme="dark"] [style*="color:#7a6e58"]{color:#c9bfae !important}
html[data-theme="dark"] [style*="color:#b8431f"],html[data-theme="dark"] [style*="color:#b3261e"],html[data-theme="dark"] [style*="color:#c0392b"]{color:#ff8a70 !important}
html[data-theme="dark"] [style*="color:#1f7a1f"]{color:#5fd27f !important}
html[data-theme="dark"] [style*="color:#777"],html[data-theme="dark"] [style*="color:#555"],html[data-theme="dark"] [style*="color:#666"]{color:#a7b0bf !important}
html[data-theme="dark"] [style*="background:#fff"]{background:var(--bg-2) !important}
html[data-theme="dark"] .notice-pop .np-box,html[data-theme="dark"] .mwin{background:#151b27;color:var(--ink)}

/* 2026-10-14 (owner): the shop is for the logged-in only - its links show once someone is logged in (site.js mf-in) */
html:not(.mf-in) a[href="shop.html"],html:not(.mf-in) a[href^="shop.html?"],html:not(.mf-in) a[href="shop"]{display:none!important}

/* =====================================================================
   Nav v3 (2026-10-14, owner: "a million times nicer", "MapleStory vibe"): the game's own UI as the top bar -
   a glossy sky-blue bar with a gold trim (dark: the night HUD), the Maplestory font with the logo's dark outline,
   the orange game button for the page you are on, dropdowns drawn like game windows with inventory-slot icons,
   and one character chip for the signed-in menu. Everything is scoped to #nav so it beats the older layers above.
   ===================================================================== */
#nav{--nv-ink:#0f4f93;height:var(--navh);overflow:visible;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;
  background:
    radial-gradient(60px 22px at 8% 30%,rgba(255,255,255,.32),transparent 70%),
    radial-gradient(90px 26px at 15% 78%,rgba(255,255,255,.18),transparent 70%),
    radial-gradient(110px 30px at 88% 26%,rgba(255,255,255,.26),transparent 70%),
    radial-gradient(70px 20px at 95% 80%,rgba(255,255,255,.16),transparent 70%),
    linear-gradient(#74ccff 0%,#3aa6f2 48%,#2189e2 52%,#1c7ad4 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -5px 0 -1px var(--nv-ink),0 6px 18px -8px rgba(10,50,110,.55)}
#nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;pointer-events:none;
  background:linear-gradient(90deg,#ffb01f,#ffe17a 20%,#ff9a1f 50%,#ffe17a 80%,#ffb01f);box-shadow:0 -1px 0 var(--nv-ink)}
#nav>.nv{width:min(1320px,100% - 40px);gap:6px;padding-bottom:4px}
/* the logo: leaf + wordmark with the game logo's outline */
#nav .nv-brand{gap:7px;margin-right:12px;font:800 1.45rem/1 var(--ms);letter-spacing:0;color:#fff;white-space:nowrap;
  text-shadow:-1px -1px 0 var(--nv-ink),1px -1px 0 var(--nv-ink),-1px 1px 0 var(--nv-ink),1px 1px 0 var(--nv-ink),0 3px 0 var(--nv-ink),0 4px 6px rgba(0,30,80,.35)}
#nav .nv-brand .wm{display:inline-block}
#nav .nv-brand .wm>span{color:#ffe14d}
#nav .nv-brand .lf{width:34px;height:auto;filter:drop-shadow(0 2px 0 var(--nv-ink)) drop-shadow(0 3px 4px rgba(0,30,80,.35));transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
#nav .nv-brand:hover .lf{transform:rotate(-16deg) scale(1.08)}
/* links: white game text with an outline; hover = glass; the current page = the orange game button */
#nav .nv-links{gap:3px}
#nav .nv-l{height:36px;padding:0 13px;border-radius:11px;font:700 .95rem/1 var(--ms);letter-spacing:.01em;color:#fff;
  text-shadow:0 1px 0 var(--nv-ink),0 0 2px var(--nv-ink);box-shadow:none;transition:background .15s,box-shadow .15s,transform .15s}
#nav .nv-l svg{opacity:.9;filter:drop-shadow(0 1px 0 var(--nv-ink))}
#nav .nv-l:hover,#nav .nv-more.show>.nv-l{color:#fff;background:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
#nav .nv-l.on,#nav .nv-l.on:hover{color:#fff;font-weight:800;text-shadow:0 1px 0 #a84a00,0 0 2px #a84a00;border-radius:11px;
  background:linear-gradient(#ffd884 0%,#ffa53a 48%,#ff8a1a 52%,#f47510 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 0 rgba(160,60,0,.35),0 0 0 1px #c25a05,0 2px 0 #9e4703}
#nav .nv-l:active{transform:translateY(1px)}
/* a dropdown group holding the current page: glass with a gold underline (the page's own link keeps the orange button) */
#nav .nv-more>.nv-l.on,#nav .nv-more>.nv-l.on:hover{font-weight:700;text-shadow:0 1px 0 var(--nv-ink),0 0 2px var(--nv-ink);
  background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.1));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),inset 0 -3px 0 #ffc23a}
/* dropdowns: a game window - white body, sky title glow, blue frame; icons sit in inventory slots */
#nav .nv-dd{top:calc(100% + 12px);padding:10px;border-radius:14px;background:linear-gradient(#e3f3ff,#fff 54px);
  box-shadow:0 0 0 2px #fff,0 0 0 4px #5aa9ea,0 0 0 5px var(--nv-ink),0 22px 44px -14px rgba(8,40,90,.5)}
#nav .nv-dd a{border-radius:10px;color:#1d2a44;font:700 .92rem/1.25 var(--ms)}
#nav .nv-dd a small{font:400 .78rem/1.35 var(--text);color:#5d6b84}
#nav .nv-dd a:hover,#nav .nv-dd a:focus-visible{background:#fff3e0;box-shadow:inset 0 0 0 1px #ffc277}
#nav .nv-dd a.on{background:#ffeccc;box-shadow:inset 0 0 0 1px #ffb04d}
#nav .nv-dd .ic{width:38px;height:38px;border-radius:9px;background:linear-gradient(#fbfdff,#dfeaf6);box-shadow:inset 0 0 0 1px #9dbadb,inset 0 2px 0 #fff,0 1px 0 rgba(15,79,147,.15)}
/* the right side */
#nav .nv-side{gap:8px}
#nav .srv-pill{height:32px;background:rgba(8,46,100,.32);color:#e8f4ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 1px 2px rgba(0,20,60,.25);font-family:var(--ms);font-weight:500}
#nav .srv-pill b{color:#fff}
#nav .srv-pill .online-extra{color:#cfe6ff}
#nav .srv-pill .dot{background:#5cff8a;box-shadow:0 0 0 3px rgba(92,255,138,.25),0 0 8px #5cff8a}
#nav .srv-pill.off .dot{background:#ff5a5f;box-shadow:0 0 0 3px rgba(255,90,95,.25)}
#nav .theme-toggle,#nav .nbell{width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.12));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 0 rgba(15,79,147,.4)}
#nav .theme-toggle:hover,#nav .nbell:hover{background:rgba(255,255,255,.4)}
#nav .theme-toggle .th-moon{color:#fff}
#nav .nv-txt{display:inline-flex;align-items:center;height:36px;padding:0 10px;border-radius:10px;font:700 .93rem/1 var(--ms);color:#fff;text-shadow:0 1px 0 var(--nv-ink),0 0 2px var(--nv-ink)}
#nav .nv-txt:hover{background:rgba(255,255,255,.2)}
#nav .nv-cta{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:12px;font:800 .98rem/1 var(--ms);color:#fff;white-space:nowrap;
  text-shadow:0 1px 0 #a84a00,0 0 2px #a84a00;background:linear-gradient(#ffd884 0%,#ffa53a 48%,#ff8a1a 52%,#f47510 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 0 rgba(160,60,0,.35),0 0 0 1px #c25a05,0 3px 0 #9e4703;transition:transform .12s,filter .12s}
#nav .nv-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
#nav .nv-cta:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px #c25a05,0 1px 0 #9e4703}
/* the character chip */
#nav .nv-acct{position:relative}
#nav .nv-chip{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 4px;border:0;border-radius:999px;cursor:pointer;color:#fff;
  font:700 .93rem/1 var(--ms);text-shadow:0 1px 0 var(--nv-ink),0 0 2px var(--nv-ink);background:rgba(8,46,100,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
#nav .nv-chip:hover,#nav .nv-acct.show>.nv-chip{background:rgba(8,46,100,.48)}
#nav .nv-chip .slot{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#fff,#dbe9f7);box-shadow:inset 0 0 0 1px #8fb3d6,0 1px 0 rgba(0,20,60,.3)}
#nav .nv-chip .slot img{max-width:24px;max-height:24px}
#nav .nv-chip .nm{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav .nv-chip svg{width:11px;height:11px;transition:transform .2s}
#nav .nv-acct.show .nv-chip svg{transform:rotate(180deg)}
#nav .nv-acct .nv-dd{left:auto;right:0;min-width:250px;position:absolute;grid-template-columns:1fr}
#nav .nv-acct:not(.show) .nv-dd{display:none}
#nav .nv-acct.show .nv-dd{display:grid;gap:2px;animation:ddin .16s ease-out}
#nav .menu-btn{width:40px;height:40px;border-radius:12px;background:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
#nav .menu-btn span,#nav .menu-btn span::before,#nav .menu-btn span::after{background:#fff;box-shadow:0 1px 0 var(--nv-ink)}
#nav.open .menu-btn span{background:transparent;box-shadow:none}
@media (max-width:1380px){#nav .nv-side .online-extra{display:none}}
@media (min-width:1101px){#nav .nv-links{display:flex}#nav .menu-btn{display:none}}   /* the older site.css hid the links at 1101-1180 with no menu button */
@media (max-width:1240px){#nav .nv-l{padding:0 10px;font-size:.9rem}#nav .nv-brand{font-size:1.3rem}}
@media (max-width:1180px){#nav .nv-l{padding:0 8px}#nav .nv-links{gap:1px}#nav .nv-brand{margin-right:6px}}
/* 2026-10-14 Housing joined the top links: a long character name in the chip can't push into them on a laptop */
@media (min-width:1101px) and (max-width:1300px){#nav .nv-chip .nm{max-width:84px}}
@media (max-width:1100px){
  #nav.open .nv-links{justify-content:flex-start;height:auto;top:100%;background:linear-gradient(#f2f9ff,#fff 90px);box-shadow:0 0 0 1px #9dbadb,0 24px 40px -20px rgba(8,40,90,.45)}
  #nav.open .nv-l{color:#1d2a44;text-shadow:none;background:none;box-shadow:none}
  #nav.open .nv-l.on{color:#fff;text-shadow:0 1px 0 #a84a00;background:linear-gradient(#ffd884,#ff8a1a);box-shadow:0 0 0 1px #c25a05}
  #nav.open .nv-more>.nv-l,#nav.open .nv-more>.nv-l.on{color:#5d7aa0;background:none;box-shadow:none;text-shadow:none}
  #nav.open .nv-links .nv-dd{background:none;box-shadow:none;padding:0}
}
@media (max-width:640px){
  #nav .nv-chip .nm,#nav .nv-chip svg{display:none}
  #nav .nv-chip{padding:0 4px}
  #nav .nv-brand{font-size:1.2rem}
  #nav .nv-brand .lf{width:28px}
  #nav .nv-cta{padding:0 12px;font-size:.88rem}
  #nav .nv-txt{display:none}
}
/* dark: the night HUD */
html[data-theme="dark"] #nav{--nv-ink:#060b16;
  background:
    radial-gradient(1.5px 1.5px at 6% 30%,#fff,transparent),radial-gradient(1px 1px at 22% 70%,#cfe0ff,transparent),
    radial-gradient(1.5px 1.5px at 71% 24%,#fff,transparent),radial-gradient(1px 1px at 93% 64%,#cfe0ff,transparent),
    linear-gradient(#34466b 0%,#212f4c 50%,#1a2540 52%,#121a2d 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -5px 0 -1px #060b16,0 6px 18px -8px rgba(0,0,0,.7)}
html[data-theme="dark"] #nav::after{background:linear-gradient(90deg,#b8740f,#f2c14e 20%,#d9820f 50%,#f2c14e 80%,#b8740f)}
html[data-theme="dark"] #nav .nv-brand .wm>span{color:#ffd23f}
html[data-theme="dark"] #nav .nv-l:hover,html[data-theme="dark"] #nav .nv-more.show>.nv-l{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
html[data-theme="dark"] #nav .nv-dd{background:linear-gradient(#22324f,#172236 54px);box-shadow:0 0 0 2px #0e1626,0 0 0 4px #4a6a9e,0 0 0 5px #060b16,0 22px 44px -14px rgba(0,0,0,.7)}
html[data-theme="dark"] #nav .nv-dd a{color:#e4ebf8}
html[data-theme="dark"] #nav .nv-dd a small{color:#93a2bd}
html[data-theme="dark"] #nav .nv-dd a:hover,html[data-theme="dark"] #nav .nv-dd a:focus-visible{background:#3a2a17;box-shadow:inset 0 0 0 1px #a8661c}
html[data-theme="dark"] #nav .nv-dd a.on{background:#47301a;box-shadow:inset 0 0 0 1px #c47722}
html[data-theme="dark"] #nav .nv-dd .ic{background:linear-gradient(#2e3f5f,#1d2a42);box-shadow:inset 0 0 0 1px #4f6a95,inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="dark"] #nav .srv-pill,html[data-theme="dark"] #nav .nv-chip{background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
html[data-theme="dark"] #nav .nv-chip .slot{background:linear-gradient(#3a4e74,#22314e);box-shadow:inset 0 0 0 1px #5c7bb0}
html[data-theme="dark"] #nav .theme-toggle,html[data-theme="dark"] #nav .nbell,html[data-theme="dark"] #nav .menu-btn{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
html[data-theme="dark"] #nav .theme-toggle .th-sun{color:#ffd23f}
@media (max-width:1100px){
  html[data-theme="dark"] #nav.open .nv-links{background:#141d30;box-shadow:0 0 0 1px #33496f,0 24px 40px -20px rgba(0,0,0,.6)}
  html[data-theme="dark"] #nav.open .nv-l{color:#e4ebf8}
  html[data-theme="dark"] #nav.open .nv-more>.nv-l,html[data-theme="dark"] #nav.open .nv-more>.nv-l.on{color:#8ea3c7}
}