:root {
  --bg: #050a0f;
  --bg-soft: #09121a;
  --panel: rgba(7, 17, 25, .96);
  --panel-2: rgba(11, 24, 34, .96);
  --gold: #c39a5c;
  --gold-soft: #8d6a3c;
  --gold-bright: #efcf91;
  --text: #f3f0ea;
  --muted: #85919c;
  --line: rgba(199, 157, 91, .42);
  --cyan: #8fd7ff;
  --green: #67f1a2;
  --red: #e45b5b;
  --shadow: 0 22px 55px rgba(0,0,0,.44);
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(35,58,72,.22), transparent 34rem),
    linear-gradient(#04090d, #071018 45%, #04080c);
  color: var(--text);
  font-family: Pretendard, "Noto Sans KR", "Malgun Gothic", Arial, sans-serif;
  line-height: 1.5;
}
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; cursor: pointer; }
button { cursor: pointer; }
.wrap { width: min(calc(100% - 44px), var(--max)); margin: 0 auto; }
.section-gap { margin-top: 18px; }
.site-shell { min-height: 100vh; overflow: hidden; }
.topbar {
  height: 58px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 50;
  background: linear-gradient(180deg, rgba(7,12,17,.99), rgba(5,11,16,.97));
  border-bottom: 1px solid rgba(196,150,78,.72);
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
.topbar__inner { height: 100%; display: grid; grid-template-columns: 260px 1fr auto; align-items: center; gap: 16px; }
.brand { display: inline-flex; flex-direction: column; line-height: 1; width: fit-content; }
.brand__title { color: #e8c67f; font-family: Georgia, "Times New Roman", serif; font-size: 24px; letter-spacing: -.03em; text-shadow: 0 0 18px rgba(212,167,93,.2); }
.brand__sub { margin-top: 7px; font-size: 7px; letter-spacing: .34em; color: #a9874f; font-weight: 700; padding-left: 3px; }
.nav { display: flex; justify-content: center; align-items: center; gap: clamp(18px, 2.5vw, 36px); font-size: 13px; }
.nav a { color: #d8dde0; position: relative; padding: 20px 0 18px; white-space: nowrap; }
.nav a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 12px; height: 1px; background: var(--gold); transition: .25s; }
.nav a:hover { color: var(--gold-bright); }
.nav a:hover::after { left: 0; right: 0; }
.login-btn { width: 100px; height: 38px; border: 1px solid rgba(211,170,101,.86); background: linear-gradient(#171b1e,#0b1015); color: #e9cf9d; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.025); }
.menu-toggle { display: none; border: 0; background: transparent; font-size: 24px; }
.hero { max-width: 1180px; margin: 0 auto; position: relative; overflow: hidden; isolation: isolate; background: #0a1117; box-shadow: var(--shadow); border-left: 1px solid rgba(184,140,74,.2); border-right: 1px solid rgba(184,140,74,.2); }
.hero::before { content: ""; position: absolute; inset: 14% 16% 12%; z-index: 1; border-radius: 26px; background: radial-gradient(circle at 50% 42%, rgba(4,6,10,.98) 0%, rgba(4,6,10,.95) 36%, rgba(4,6,10,.87) 58%, rgba(4,6,10,.42) 76%, rgba(4,6,10,0) 100%); filter: blur(17px); opacity: .98; pointer-events: none; }
.hero__art { position: relative; z-index: 0; display: block; width: 100%; aspect-ratio: 1055/487; object-fit: cover; }
.hero__hotspots { position: absolute; inset: 0; z-index: 12; pointer-events: none; }
.hero-hotspot { position: absolute; bottom: 7.3%; height: 11.2%; border: 0; opacity: 0; pointer-events: auto; }
.hero-hotspot--play { left: 30.3%; width: 18.5%; }
.hero-hotspot--download { left: 50.9%; width: 19.6%; }
.panel {
  position: relative;
  background:
    linear-gradient(180deg, rgba(13,27,38,.96), rgba(5,13,20,.985));
  border: 1px solid rgba(185,139,75,.5);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015), 0 15px 35px rgba(0,0,0,.2);
}
.panel::before, .panel::after { content: ""; position: absolute; width: 24px; height: 24px; pointer-events: none; }
.panel::before { top: -1px; left: -1px; border-top: 2px solid rgba(224,181,107,.68); border-left: 2px solid rgba(224,181,107,.68); }
.panel::after { right: -1px; bottom: -1px; border-right: 2px solid rgba(224,181,107,.58); border-bottom: 2px solid rgba(224,181,107,.58); }
.status-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.status-card { min-height: 118px; padding: 18px 18px 15px; display: flex; align-items: center; gap: 16px; }
.status-icon { width: 50px; height: 50px; border-radius: 50%; flex: 0 0 auto; border: 1px solid rgba(190,147,85,.28); display: grid; place-items: center; font: 26px Georgia, serif; color: #e3bc7a; background: radial-gradient(circle at 50% 35%, rgba(44,61,71,.8), rgba(5,11,16,.9)); box-shadow: inset 0 0 16px rgba(0,0,0,.55); }
.status-icon--online { position: relative; }
.status-icon--online::before, .status-icon--online::after { content: ""; position: absolute; left: 14px; right: 14px; border: 2px solid #d1a763; border-radius: 50%; }
.status-icon--online::before { top: 15px; height: 10px; }
.status-icon--online::after { top: 24px; height: 8px; }
.status-icon--online span { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #47f38e; right: -2px; bottom: 0; box-shadow: 0 0 8px #40e884,0 0 16px rgba(64,232,132,.5); }
.eyebrow { font-size: 15px; font-weight: 750; margin-bottom: 3px; }
.status-card strong { display: block; font: 28px Georgia, serif; color: #f1eadf; letter-spacing: .01em; }
.status-card strong small { font: 12px inherit; }
.status-card .online { color: #61efa1; }
.status-card .gold { color: #e5bd77; font-size: 17px; font-family: inherit; font-weight: 800; }
.status-card p { margin: 6px 0 0; color: #7d8993; font-size: 11px; white-space: nowrap; }
.rate-block { width: 100%; }
.rates { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 5px; }
.rates span { text-align: center; font-size: 10px; color: #b0b9c0; }
.rates b { display: block; color: #9bdcff; font-size: 17px; margin-top: 1px; }
.content-grid { display: grid; gap: 10px; }
.content-grid--three { grid-template-columns: 1.07fr 1.03fr 1fr; }
.content-grid--two { grid-template-columns: 1.08fr .92fr; }
.list-panel, .ranking-panel, .shop-panel, .community-panel { min-height: 330px; overflow: hidden; }
.panel-title { height: auto; min-height: 0; max-height: none; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(134,155,168,.14); background: linear-gradient(90deg, rgba(11,27,38,.82), rgba(7,14,20,.55)); }
.panel-title h2 { margin: 0; font-size: 16px; display: flex; align-items: center; gap: 8px; }
.panel-title h2 small { color: #7f8a91; font-size: 9px; font-weight: 500; margin-left: 4px; }
.title-icon { color: #e8bd78; text-shadow: 0 0 12px rgba(223,168,79,.24); }
.text-btn { border: 0; background: transparent; color: #83909a; font-size: 11px; padding: 7px; }
.text-btn:hover { color: #e0bd80; }
.news-list, .patch-list, .community-list { margin: 0; padding: 7px 17px 13px; list-style: none; }
.news-list li { min-height: 51px; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid rgba(132,153,165,.11); }
.news-list a, .patch-list a { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
time { color: #7c8790; font-size: 10px; }
.tag { min-width: 36px; padding: 3px 5px; border-radius: 2px; text-align: center; font-size: 9px; font-weight: 800; color: #edf3f6; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.tag--red { background: #86333a; }
.tag--blue { background: #225286; }
.tag--green { background: #167452; }
.patch-list li { min-height: 65px; display: grid; grid-template-columns: 53px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid rgba(132,153,165,.11); }
.patch-list li > div { min-width: 0; }
.patch-list p { margin: 3px 0 0; color: #7d8790; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tabs { min-height: 41px; display: flex; padding: 7px 10px; border-bottom: 1px solid rgba(132,153,165,.1); }
.tab { flex: 1; border: 0; background: transparent; color: #a6afb5; font-size: 10px; border-radius: 2px; }
.tab.is-active { color: #f2efe7; border: 1px solid rgba(218,178,109,.58); background: rgba(78,83,81,.25); box-shadow: inset 0 0 12px rgba(203,155,78,.08); }
.ranking-table { padding: 0 10px 10px; }
.ranking-row { min-height: 43px; display: grid; grid-template-columns: 46px 1fr .9fr 44px; align-items: center; gap: 4px; text-align: center; border-bottom: 1px solid rgba(132,153,165,.1); font-size: 10px; }
.ranking-head { min-height: 34px; color: #818d96; background: rgba(255,255,255,.025); }
.ranking-row strong { font-size: 11px; font-weight: 650; }
.ranking-row b { font-weight: 500; }
.medal { font-size: 20px; color: #e4e7e7; }
.gold-medal { color: #ffd36f; }
.bronze-medal { color: #ce7746; }
.shop-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; padding: 13px; }
.shop-card { min-width: 0; padding: 10px 8px 9px; border: 1px solid rgba(192,145,80,.58); background: linear-gradient(180deg, rgba(14,25,32,.92), rgba(6,13,18,.98)); color: var(--text); display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: inset 0 0 18px rgba(0,0,0,.25); }
.item-art { width: 100%; aspect-ratio: 1.55; display: grid; place-items: center; margin-bottom: 6px; font: 42px Georgia, serif; color: #ffc55d; text-shadow: 0 0 12px currentColor, 0 0 25px rgba(255,183,65,.25); background: radial-gradient(circle, rgba(191,120,39,.14), rgba(10,15,18,.25) 55%, transparent 72%); }
.item-art--orb { color: #ff5e62; }
.item-art--scroll { color: #efd4a1; }
.item-art--wing { color: #f1c47d; }
.shop-card strong { font-size: 12px; }
.shop-card small { color: #7f8990; font-size: 9px; margin: 3px 0 9px; }
.shop-card em { width: 100%; margin-top: auto; padding: 6px 3px; border-top: 1px solid rgba(201,152,79,.25); font-style: normal; color: #e8c583; font-size: 11px; }
.shop-card em i { color: #ffca54; font-style: normal; font-size: 9px; }
.shop-card:hover { border-color: #dbb16c; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.28), inset 0 0 24px rgba(161,112,49,.08); }
.community-tabs { padding-inline: 13px; }
.community-list { padding-top: 4px; }
.community-list li { min-height: 43px; display: grid; grid-template-columns: minmax(0,1fr) 72px 43px 28px; align-items: center; gap: 7px; border-bottom: 1px solid rgba(132,153,165,.1); font-size: 10px; }
.community-list a { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.community-list > li > span, .community-list > li > b { color: #8c969d; font-weight: 500; text-align: center; }
.board { font-weight: 700; margin-right: 4px; }
.board--green { color: #71d798; }
.board--cyan { color: #58c9ef; }
.board--gold { color: #dba442; }
.promo{position:relative;max-width:1180px;margin:0 auto;overflow:hidden;line-height:0;background:transparent;border:0;box-shadow:none}
.promo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,6,10,.38),rgba(2,6,10,.08) 20%,rgba(2,6,10,.08) 80%,rgba(2,6,10,.38));pointer-events:none}
.promo img{position:relative;z-index:0;width:100%;height:auto;display:block;object-fit:cover}
.promo__copy{position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:center;line-height:1.24;pointer-events:none}
.promo__copy::before{content:"";position:absolute;inset:-18px -20px;border-radius:16px;background:linear-gradient(90deg,rgba(4,8,13,.97),rgba(4,8,13,.9) 56%,rgba(4,8,13,.34) 100%);border:1px solid rgba(216,181,116,.18);box-shadow:0 20px 44px rgba(0,0,0,.42);backdrop-filter:blur(4px);z-index:-1}
.promo__copy--left{left:2.9%;top:13%;min-width:285px;max-width:318px;color:#eef2f7;text-align:left}
.promo__copy--left strong{display:block;font:700 clamp(15px,1.22vw,19px)/1.26 Georgia,"Times New Roman",serif;letter-spacing:.2em;color:#f5f9fd;text-shadow:0 2px 6px rgba(0,0,0,.82)}
.promo__copy--left p{margin:12px 0 0;font:800 clamp(22px,1.78vw,28px)/1.42 "Noto Serif KR",Georgia,serif;letter-spacing:-.01em;color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,.92)}
.promo__copy--right{right:2.9%;bottom:8%;min-width:285px;align-items:flex-end;text-align:right;color:#f4f5f8}
.promo__copy--right::before{background:linear-gradient(270deg,rgba(4,8,13,.97),rgba(4,8,13,.9) 56%,rgba(4,8,13,.34) 100%)}
.promo__copy--right p{margin:0;font:800 clamp(24px,2.12vw,34px)/1.18 "Noto Serif KR",Georgia,serif;letter-spacing:-.025em;color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,.92)}
.promo__copy--right span{display:block;margin-top:5px;font-size:1.28em;font-weight:800;letter-spacing:-.04em;color:#f2f7ff}
.footer { background: linear-gradient(#071018,#050a0f); border-top: 1px solid rgba(111,128,139,.12); padding: 22px 0 25px; }
.footer__inner { min-height: 76px; display: grid; grid-template-columns: 260px 1fr 190px; align-items: center; gap: 20px; }
.brand--footer .brand__title { font-size: 21px; }
.footer__center { text-align: center; }
.footer-links { display: flex; justify-content: center; gap: 28px; font-size: 10px; }
.footer__center p { margin: 10px 0 0; color: #707d85; font-size: 9px; }
.footer__center .footer__tagline { margin-top: 2px; color: #546069; }
.footer__social { display: flex; justify-content: flex-end; gap: 8px; }
.footer__social button { border: 1px solid rgba(177,140,84,.28); background: rgba(255,255,255,.02); color: #83909a; border-radius: 3px; padding: 8px 10px; font-size: 9px; }
.toast { position: fixed; left: 50%; bottom: 24px; z-index: 100; transform: translate(-50%, 12px); opacity: 0; pointer-events: none; background: rgba(6,12,17,.96); border: 1px solid rgba(210,166,98,.55); color: #e9dcc2; padding: 11px 18px; border-radius: 3px; box-shadow: 0 15px 38px rgba(0,0,0,.45); font-size: 12px; transition: .22s; }
.toast.is-visible { opacity: 1; transform: translate(-50%,0); }

@media (max-width: 1050px) {
  .topbar__inner { grid-template-columns: 220px 1fr auto; }
  .nav { gap: 15px; font-size: 11px; }
  .status-card { padding: 14px 12px; gap: 10px; }
  .status-icon { width: 42px; height: 42px; }
  .status-card strong { font-size: 23px; }
  .content-grid--three { grid-template-columns: 1fr 1fr; }
  .ranking-panel { grid-column: 1 / -1; }
  .ranking-row { grid-template-columns: 60px 1fr 1fr 70px; }
}
@media (max-width: 800px) {
  .wrap { width: min(calc(100% - 24px), var(--max)); }
  .topbar { height: 60px; }
  .topbar__inner { grid-template-columns: 1fr auto auto; }
  .brand__title { font-size: 20px; }
  .nav { display: none; position: absolute; top: 60px; left: 12px; right: 12px; padding: 8px; flex-direction: column; gap: 0; background: rgba(6,12,17,.98); border: 1px solid rgba(188,144,79,.45); box-shadow: var(--shadow); }
  .nav.is-open { display: flex; }
  .nav a { width: 100%; padding: 12px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.04); }
  .nav a::after { display: none; }
  .menu-toggle { display: block; }
  .login-btn { width: 74px; height: 34px; font-size: 11px; }
  .hero { width: 100%; }
  .status-grid { grid-template-columns: 1fr 1fr; }
  .content-grid--three, .content-grid--two { grid-template-columns: 1fr; }
  .ranking-panel { grid-column: auto; }
  .footer__inner { grid-template-columns: 1fr; text-align: center; }
  .brand--footer { margin: 0 auto; }
  .footer__social { justify-content: center; }
}
@media (max-width: 560px) {
  .hero__art { min-height: 360px; object-position: center; }
  .status-grid { grid-template-columns: 1fr; }
  .status-card { min-height: 100px; }
  .shop-grid { grid-template-columns: 1fr 1fr; }
  .community-list li { grid-template-columns: minmax(0,1fr) 54px 38px; }
  .community-list li > b { display: none; }
  .footer-links { flex-wrap: wrap; gap: 10px 18px; }
}


/* ===== Inner pages ===== */
.nav a.is-current{color:var(--gold-bright)}
.nav a.is-current::after{left:0;right:0}
.login-link{display:grid;place-items:center;text-decoration:none}
.inner-hero{position:relative;min-height:250px;display:flex;align-items:center;background:url('assets/hero-memory-1844.webp') center 35%/cover no-repeat;border-bottom:1px solid rgba(196,150,78,.35);overflow:hidden}
.inner-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,12,.94) 0%,rgba(4,10,15,.73) 42%,rgba(4,9,13,.52) 100%)}
.inner-hero__shade{position:absolute;inset:auto 0 0;height:70%;background:linear-gradient(transparent,#050a0f);z-index:1}
.inner-hero__content{position:relative;z-index:2;padding-top:34px;padding-bottom:34px}.inner-hero__content>span,.section-heading>span,.kicker{color:#c99c59;letter-spacing:.28em;font-size:10px;font-weight:800}.inner-hero h1{margin:9px 0 6px;font:44px Georgia,serif;color:#f0d49d;text-shadow:0 2px 28px rgba(0,0,0,.6)}.inner-hero p{margin:0;color:#a4adb4;font-size:13px}.page-section{padding:34px 0 46px}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2{margin:8px 0;font:30px Georgia,"Noto Serif KR",serif;color:#ecd5aa}.section-heading p{margin:0;color:#77858f;font-size:12px}.auth-layout{display:grid;grid-template-columns:1fr .9fr;gap:18px;max-width:950px}.auth-card,.auth-side,.form-panel{padding:34px}.ui-form{display:grid;gap:16px}.ui-form label{display:grid;gap:7px;color:#bfc7cc;font-size:11px}.ui-form input,.search-box input,.shop-toolbar select{width:100%;height:44px;border:1px solid rgba(170,141,91,.3);background:#071018;color:#e9edf0;padding:0 13px;outline:none;border-radius:2px}.ui-form input:focus,.search-box input:focus{border-color:#c39553;box-shadow:0 0 0 2px rgba(195,149,83,.08)}.form-row{display:flex;align-items:center;gap:12px}.form-row--between{justify-content:space-between}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important}.check input{width:15px;height:15px}.muted-link{color:#78858e;font-size:10px}.primary-btn,.secondary-btn,.small-btn{border-radius:2px;display:grid;place-items:center;transition:.2s}.primary-btn{height:46px;border:1px solid #d0a65f;background:linear-gradient(#a97a37,#66451e);color:#fff4dc;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.25)}.primary-btn:hover{filter:brightness(1.08)}.secondary-btn{height:44px;border:1px solid rgba(197,156,91,.42);background:#09131c;color:#d5bd93}.secondary-btn.compact{height:36px;padding:0 16px;width:auto}.small-btn{height:40px;padding:0 13px;border:1px solid rgba(194,151,85,.42);background:#111b23;color:#d9c39e;font-size:10px}.auth-side{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,rgba(16,34,45,.98),rgba(5,12,17,.98))}.auth-side h3{margin:8px 0;font-size:24px}.auth-side p{color:#7f8b93;font-size:11px;line-height:1.8}.feature-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.feature-list li{display:flex;gap:13px;padding:13px;border-top:1px solid rgba(255,255,255,.05)}.feature-list b{color:#d4a85f;font:20px Georgia}.feature-list span{display:grid}.feature-list strong{font-size:12px}.feature-list small{margin-top:3px;color:#76828a;font-size:9px}.register-grid{grid-template-columns:1fr 1fr;max-width:760px;margin:0 auto}.input-action{display:grid;grid-template-columns:1fr auto;gap:8px}.agreement-box{grid-column:1/-1;display:grid;gap:9px;padding:15px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.span-2{grid-column:1/-1}.form-panel{max-width:940px;margin:0 auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid--3{grid-template-columns:repeat(3,1fr)}.metric-card{padding:22px;text-align:center}.metric-card>span{display:block;color:#8d9aa3;font-size:9px;letter-spacing:.2em}.metric-card strong{display:block;margin:5px 0 3px;color:#e7c47e;font:30px Georgia}.metric-card small{color:#77848d;font-size:10px}.online-text{color:#66ed9e!important}.gold-text{color:#e6bd74!important}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-card{padding:25px}.guide-icon{font-size:30px;color:#e3b86f}.guide-card h3{margin:10px 0 6px;font-size:18px}.guide-card p{min-height:52px;color:#7b8790;font-size:10px;line-height:1.8}.guide-card dl{margin:18px 0 0}.guide-card dl>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(255,255,255,.05);font-size:10px}.guide-card dt{color:#75818a}.guide-card dd{margin:0;color:#d7dce0}.timeline-panel{overflow:hidden}.timeline{display:flex;align-items:center;justify-content:space-around;padding:30px 26px}.timeline>div{display:flex;align-items:center;gap:12px}.timeline>div>b{display:grid;place-items:center;width:45px;height:45px;border:1px solid #9f783f;border-radius:50%;color:#d8ad66;background:#0a141c}.timeline span{display:grid}.timeline small{color:#77848c;margin-top:3px}.timeline i{height:1px;flex:1;max-width:130px;background:linear-gradient(90deg,rgba(200,156,86,.1),rgba(200,156,86,.8),rgba(200,156,86,.1))}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.download-card{padding:30px;position:relative}.download-card.featured{border-color:rgba(220,174,98,.72)}.download-badge{position:absolute;right:18px;top:18px;padding:4px 8px;background:#8b642e;color:#ffe4b5;font-size:8px}.download-icon{font-size:42px;color:#e7c177}.download-card h2{margin:10px 0 5px}.download-card p{color:#7d8991;font-size:11px}.download-card ul{list-style:none;margin:20px 0;padding:0}.download-card li{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.05);font-size:10px}.download-card li span{color:#79858d}.download-card li b{font-weight:600}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.04)}.install-steps>div{padding:24px;background:#071018}.install-steps b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ad8447;color:#d8ae67;border-radius:50%;margin-bottom:10px}.install-steps strong{font-size:12px}.install-steps p{color:#75818a;font-size:9px}.notice-strip{display:flex;gap:10px;margin-top:14px;padding:13px 16px;border:1px solid rgba(194,151,85,.2);background:rgba(137,96,37,.07);color:#a99573;font-size:10px}.ranking-page{overflow:hidden}.ranking-toolbar,.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border-bottom:1px solid rgba(255,255,255,.06)}.ranking-toolbar .tabs,.shop-toolbar .tabs{flex:1;max-width:520px;padding:0;border:0}.search-box{display:grid;grid-template-columns:180px auto;gap:7px}.search-box input{height:40px}.ranking-table--page{padding:0 15px 12px}.ranking-row--large{grid-template-columns:70px 1.2fr 1fr .8fr .8fr;min-height:54px;font-size:11px}.rank-num{font:16px Georgia;color:#a9b2b8}.rank-top{color:#f3c96e}.pagination{display:flex;justify-content:center;gap:6px;padding:18px}.pagination button{width:32px;height:32px;border:1px solid rgba(165,138,94,.2);background:#08121a;color:#808d95}.pagination button.is-active{border-color:#bd914f;color:#e9c986}.wallet-strip{display:flex;align-items:center;gap:24px;padding:18px 22px}.wallet-strip>div{min-width:180px}.wallet-strip span{display:block;color:#79868e;font-size:9px;letter-spacing:.2em}.wallet-strip strong{display:block;color:#e6be76;font:28px Georgia}.wallet-strip strong small{font:9px Arial}.wallet-strip p{flex:1;color:#7c8890;font-size:10px}.shop-page{overflow:hidden}.shop-toolbar select{width:130px;height:36px}.shop-grid--page{grid-template-columns:repeat(4,1fr);padding:18px}.shop-card--page{min-height:225px}.dashboard{display:grid;grid-template-columns:250px 1fr;gap:16px}.account-card{padding:24px;height:max-content;text-align:center;position:sticky;top:76px}.avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;border:1px solid #b3884c;color:#e8c37d;font:24px Georgia;background:radial-gradient(circle,#182b36,#081119)}.avatar--admin{color:#f2b05e}.account-card h2{margin:0}.account-card>p{margin:4px 0 18px;color:#6f7c84;font-size:8px;letter-spacing:.2em}.account-stat{padding:13px;border:1px solid rgba(188,145,78,.2);background:rgba(255,255,255,.02)}.account-stat span{display:block;color:#77838b;font-size:9px}.account-stat strong{display:block;color:#e7bd75;font:24px Georgia}.side-nav{display:grid;margin-top:16px}.side-nav button{text-align:left;padding:11px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;color:#88949b;font-size:10px}.side-nav button.is-active{color:#e8ca91;background:rgba(184,134,61,.08);border-left:2px solid #c3934d}.character-list{padding:5px 16px 16px}.character-list>div{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.char-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(190,146,79,.3);background:#0b1820;color:#d9b16e}.character-list strong{display:grid;font-size:11px}.character-list small{margin-top:2px;color:#77848d;font-weight:400;font-size:9px}.character-list b{color:#65e89a;font-size:9px}.character-list b.offline{color:#707d85}.transaction-table{padding:0 16px 15px}.transaction-table>div{display:grid;grid-template-columns:1fr 1.6fr .7fr .8fr;align-items:center;min-height:44px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.transaction-head{color:#73808a;background:rgba(255,255,255,.02)}.transaction-table em{font-style:normal;color:#d6b16f}.transaction-table em.plus{color:#66df95}.transaction-table b{text-align:right}.admin-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}.admin-actions button{padding:18px;text-align:left;border:1px solid rgba(180,142,83,.24);background:#08131b;color:#dce2e4}.admin-actions b,.admin-actions span{display:block}.admin-actions span{margin-top:5px;color:#75818a;font-size:9px}.status-pill{margin-right:14px;padding:4px 8px;border:1px solid rgba(193,147,77,.3);color:#b9945c;font-size:8px;letter-spacing:.12em}
@media(max-width:900px){.auth-layout,.download-grid,.dashboard{grid-template-columns:1fr}.account-card{position:static}.guide-grid{grid-template-columns:1fr}.metric-grid,.metric-grid--3{grid-template-columns:1fr 1fr}.shop-grid--page{grid-template-columns:1fr 1fr}.admin-actions{grid-template-columns:1fr 1fr}.timeline{align-items:flex-start;flex-direction:column;gap:14px}.timeline i{display:none}.ranking-toolbar,.shop-toolbar{align-items:stretch;flex-direction:column}.search-box{grid-template-columns:1fr auto;width:100%}.ranking-row--large{grid-template-columns:45px 1.1fr 1fr 70px}.ranking-row--large>*:last-child{display:none}}
@media(max-width:600px){.inner-hero{min-height:210px}.inner-hero h1{font-size:34px}.auth-card,.auth-side,.form-panel{padding:22px}.register-grid{grid-template-columns:1fr}.agreement-box,.span-2{grid-column:auto}.metric-grid,.metric-grid--3{grid-template-columns:1fr}.shop-grid--page{grid-template-columns:1fr 1fr}.install-steps{grid-template-columns:1fr}.wallet-strip{align-items:flex-start;flex-direction:column}.admin-actions{grid-template-columns:1fr}.ranking-row--large{grid-template-columns:38px 1fr 80px}.ranking-row--large>*:nth-child(3),.ranking-row--large>*:last-child{display:none}}

/* --- V3 interaction & content pages --- */
.topbar{position:sticky;top:0}.compact-btn{height:40px;padding:0 16px;width:auto}.board-page,.article-list-page,.patch-page{overflow:hidden}.board-toolbar,.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(11,27,38,.7),rgba(7,14,20,.4))}.board-toolbar .tabs{padding:0;border:0;flex:1;max-width:600px}.board-actions{display:flex;align-items:center;gap:8px}.board-actions .search-box{grid-template-columns:190px auto}.board-list{padding:0 16px 10px}.board-row{display:grid;grid-template-columns:80px minmax(0,1fr) 100px 70px 52px;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid rgba(132,153,165,.1);font-size:10px}.board-row strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-row>span:not(:first-child),.board-row time,.board-row>b{text-align:center;color:#7d8991;font-weight:500}.board-head{min-height:37px;color:#6f7c85;background:rgba(255,255,255,.02)}.board-head span{text-align:center!important}.board-head span:nth-child(2){text-align:left!important}.board-row:not(.board-head):hover{background:rgba(198,151,80,.045)}.empty-state{padding:35px;text-align:center;color:#6f7b84;font-size:11px}.article-toolbar>div>h2{margin:4px 0 0;font-size:19px}.article-list{padding:0 18px 12px}.article-row{display:grid;grid-template-columns:52px minmax(0,1fr) 90px;align-items:center;gap:13px;min-height:70px;border-bottom:1px solid rgba(255,255,255,.06)}.article-row>div{min-width:0}.article-row strong{display:block;font-size:12px}.article-row small{display:block;margin-top:4px;color:#74818a;font-size:9px}.article-row time{text-align:right}.article-row:hover strong{color:#e7c783}.patch-timeline{padding:10px 22px 26px}.patch-timeline article{position:relative;display:grid;grid-template-columns:62px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.06)}.patch-timeline h3{margin:5px 0 8px;font-size:16px}.patch-timeline p{margin:0;max-width:840px;color:#7b8790;font-size:10px;line-height:1.8}.patch-timeline time{display:block}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.support-card{padding:28px;text-align:center}.support-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border:1px solid rgba(201,155,84,.45);border-radius:50%;color:#e1b873;font:22px Georgia;background:#09141d}.support-card h2{font-size:17px}.support-card p{min-height:54px;color:#77838c;font-size:10px;line-height:1.8}.support-hours__body{padding:18px 22px}.support-hours__body>p{color:#88949b;font-size:10px}.support-hours dl{margin:14px 0 0}.support-hours dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);font-size:10px}.support-hours dt{color:#74818a}.support-hours dd{margin:0}.legal-page{padding:34px;max-width:900px;margin:0 auto}.legal-page h2{margin:0 0 18px;color:#e6c98f;font:28px Georgia}.legal-page h3{margin:26px 0 8px;font-size:14px}.legal-page p{color:#89949b;font-size:10px;line-height:1.9}.legal-note{margin-top:30px;padding:14px;border:1px solid rgba(196,151,83,.25);background:rgba(150,104,39,.07);color:#b29a73;font-size:9px}.error-page{max-width:650px;margin:0 auto;padding:55px;text-align:center}.error-page>strong{color:#d6ae69;font:72px Georgia}.error-page h2{font-size:22px}.error-page p{color:#77838b;font-size:11px}.error-home{max-width:240px;margin:24px auto 0}.coin-transfer-body{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:22px}.coin-transfer-body>div{padding:16px;border-right:1px solid rgba(255,255,255,.06)}.coin-transfer-body>div strong{display:block;margin-top:5px;color:#e6be76;font:31px Georgia}.coin-transfer-body>div small{display:block;color:#77848d;font-size:9px}.transfer-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.transfer-form label{display:grid;gap:6px;color:#8e999f;font-size:9px}.transfer-form select,.transfer-form input{height:42px;border:1px solid rgba(170,141,91,.3);background:#071018;color:#e9edf0;padding:0 12px}.transfer-form .primary-btn{min-width:140px}.coin-transfer-body>p{grid-column:1/-1;margin:0;color:#6f7c84;font-size:9px}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.74);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-card{width:min(460px,100%);border:1px solid rgba(205,159,89,.65);background:linear-gradient(180deg,#0d1b25,#060d13);box-shadow:0 25px 80px rgba(0,0,0,.6)}.modal-card__head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-card__head h3{margin:0;font-size:15px}.modal-close{border:0;background:transparent;color:#8b969c;font-size:22px}.modal-card__body{padding:22px;text-align:center}.modal-item-icon{font:50px Georgia;color:#e5bc75;text-shadow:0 0 25px rgba(220,165,82,.2)}.modal-card__body p{color:#7b8790;font-size:10px}.modal-price{display:block;margin:12px 0;color:#edc77d;font:24px Georgia}.modal-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 22px}.is-hidden{display:none!important}.field-error{border-color:#b94f54!important}.field-note{display:block;color:#70808a;font-size:8px}.field-note.ok{color:#64cf91}.field-note.error{color:#e27777}
@media(max-width:900px){.board-toolbar,.article-toolbar{align-items:stretch;flex-direction:column}.board-actions{justify-content:space-between}.support-grid{grid-template-columns:1fr}.coin-transfer-body{grid-template-columns:1fr}.coin-transfer-body>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.transfer-form{grid-template-columns:1fr 1fr}.transfer-form .primary-btn{grid-column:1/-1}.board-row{grid-template-columns:64px minmax(0,1fr) 76px 58px}.board-row>*:last-child{display:none}}
@media(max-width:600px){.board-actions{align-items:stretch;flex-direction:column}.board-actions .search-box{grid-template-columns:1fr auto}.board-row{grid-template-columns:58px minmax(0,1fr) 56px}.board-row>*:nth-child(4),.board-row>*:last-child{display:none}.article-row{grid-template-columns:46px minmax(0,1fr)}.article-row time{display:none}.patch-timeline{padding-inline:16px}.patch-timeline article{grid-template-columns:1fr;gap:8px}.legal-page{padding:24px}.coin-transfer-body{padding:16px}.transfer-form{grid-template-columns:1fr}.transfer-form .primary-btn{grid-column:auto}.shop-grid--page{grid-template-columns:1fr}.modal-card__actions{grid-template-columns:1fr}.topbar{position:relative}}

/* --- V4 frontend demo flow --- */
.global-demo-badge{
  position:fixed;right:14px;bottom:14px;z-index:160;padding:7px 10px;
  border:1px solid rgba(214,169,95,.36);border-radius:3px;
  background:rgba(5,12,17,.9);color:#b89a69;font-size:8px;font-weight:800;
  letter-spacing:.14em;box-shadow:0 10px 30px rgba(0,0,0,.3);backdrop-filter:blur(6px)
}
.login-btn.is-auth{width:auto;min-width:100px;padding:0 15px;color:#69e7a0;border-color:rgba(84,213,137,.45)}
.demo-auth-status,.demo-security-note{
  padding:10px 12px;border:1px solid rgba(109,182,218,.24);background:rgba(39,109,142,.08);
  color:#8ba9b8;font-size:9px;line-height:1.7
}
.demo-auth-status{margin-bottom:12px}
.demo-security-note{grid-column:1/-1;margin-bottom:2px}
.demo-login-btn{margin-top:8px}
.wallet-demo-pill{margin-left:auto;white-space:nowrap}
.wallet-strip{position:relative}

.modal-card--shop{width:min(520px,100%)}
.modal-card__head>div{min-width:0}
.modal-kicker{display:block;margin-bottom:2px;color:#8b7048;font-size:7px;letter-spacing:.22em;font-weight:800}
.modal-card--shop .modal-card__head h3{font-size:14px}
.modal-item-desc{min-height:18px}
.modal-wallet-row,.modal-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:11px 12px;border:1px solid rgba(196,151,80,.18);background:rgba(255,255,255,.018);font-size:9px;color:#7f8b93}
.modal-wallet-row strong{color:#d9bc83;font-size:11px}
.modal-form-grid{display:grid;grid-template-columns:110px 1fr;gap:10px;margin-top:10px;text-align:left}
.modal-form-grid label{display:grid;gap:6px;color:#7f8b93;font-size:9px}
.modal-form-grid input,.modal-form-grid select{height:40px;border:1px solid rgba(186,145,81,.28);background:#071018;color:#eef0ee;padding:0 11px;outline:0}
.modal-form-grid input:focus,.modal-form-grid select:focus{border-color:#c79a55}
.modal-total strong{margin:0;color:#e4bc73;font:20px Georgia,serif}
.modal-delivery-note{margin-top:10px!important;color:#65747e!important;font-size:8px!important}
.receipt-view{padding:30px;text-align:center}
.receipt-icon{width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid rgba(90,213,144,.48);border-radius:50%;color:#6de4a0;font-size:24px;background:rgba(60,157,101,.08);box-shadow:0 0 26px rgba(80,207,136,.08)}
.receipt-view h3{margin:6px 0 18px;font-size:17px}
.receipt-list{margin:0 0 20px;text-align:left}
.receipt-list>div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:9px}
.receipt-list dt{color:#71808a}.receipt-list dd{margin:0;text-align:right;color:#cbd2d5;word-break:break-all}.receipt-view .primary-btn{width:100%}

.demo-ribbon{margin:-2px 0 13px;color:#8c744d;font-size:7px;letter-spacing:.2em;font-weight:800;text-align:center}
.account-stat--game{margin-top:8px}.account-stat--game strong{color:#79cce9}
.account-logout{width:100%;margin-top:12px;padding:9px 10px;border:1px solid rgba(150,160,166,.18);background:rgba(255,255,255,.02);color:#78858d;font-size:9px}
.account-logout:hover{color:#d7dfe2;border-color:rgba(193,151,83,.3)}
.demo-login-gate{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:13px 15px;border:1px solid rgba(198,151,81,.34);background:linear-gradient(90deg,rgba(144,97,35,.08),rgba(7,18,26,.7))}
.demo-login-gate[hidden]{display:none}
.demo-login-gate>div{display:grid;gap:2px}.demo-login-gate span{color:#a5814c;font-size:7px;letter-spacing:.16em}.demo-login-gate strong{font-size:10px;font-weight:550;color:#bac4c9}
.dashboard-panel{animation:dashboardFade .18s ease}.dashboard-panel[hidden]{display:none!important}
@keyframes dashboardFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.history-summary{display:flex;gap:16px;margin-left:auto;margin-right:14px;color:#77848b;font-size:8px}.history-summary b{color:#ddb874;font-size:10px;margin-left:4px}
.history-toolbar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}
.filter-chip{padding:6px 11px;border:1px solid rgba(140,151,158,.16);background:transparent;color:#7d8991;font-size:8px;border-radius:2px}
.filter-chip.is-active{border-color:rgba(201,157,89,.46);background:rgba(186,132,51,.08);color:#ddc18e}
.transaction-table .transaction-row,.transaction-table .transaction-head{display:grid;grid-template-columns:1fr 1.65fr .65fr .75fr;align-items:center;min-height:46px;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px}
.transaction-table .transaction-head{min-height:37px;color:#6f7b83;background:rgba(255,255,255,.02)}
.transaction-table .transaction-row strong{font-size:10px;font-weight:550}.transaction-table .transaction-row em{font-style:normal;color:#c59b61}.transaction-table .transaction-row em.plus{color:#63d68f}.transaction-table .transaction-row b{text-align:right;color:#d7c3a0}.transaction-table .transaction-row b.plus-amount{color:#66db95}
.transaction-table--full{padding:0 16px 16px}.history-empty{padding:42px 20px;text-align:center;color:#6e7b84;font-size:10px}
.history-empty--purchase{display:grid;justify-items:center;gap:7px}.history-empty--purchase strong{color:#c7d0d4;font-size:13px}.history-empty--purchase span{color:#6f7c85;font-size:9px}.history-empty--purchase .secondary-btn{margin-top:8px;text-decoration:none}
.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}
.character-card{position:relative;min-height:170px;padding:20px;border:1px solid rgba(188,145,78,.2);background:radial-gradient(circle at 50% 0%,rgba(54,81,96,.13),transparent 55%),#071018;text-align:center}
.character-card__avatar{width:54px;height:54px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid rgba(197,153,85,.38);border-radius:50%;background:#0b1821;color:#dbb875;font:20px Georgia}
.character-card__main h3{margin:3px 0;font-size:14px}.character-card__main p{margin:0;color:#74818a;font-size:9px}.character-status{display:inline-flex;padding:3px 6px;border:1px solid rgba(140,150,156,.18);color:#76828a;font-size:7px}.character-status.online{color:#61d896;border-color:rgba(70,196,125,.28)}
.character-card__coin{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.character-card__coin span{display:block;color:#65747d;font-size:7px;letter-spacing:.13em}.character-card__coin strong{display:block;margin-top:2px;color:#7fd0e8;font:19px Georgia}
.purchase-history{padding:0 16px 16px}.purchase-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;border-bottom:1px solid rgba(255,255,255,.05)}
.purchase-row__icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(193,148,80,.24);background:#0a151d;color:#ddb46e}.purchase-row>div:nth-child(2){min-width:0}.purchase-row>div:nth-child(2)>span{display:block;color:#65747d;font-size:8px}.purchase-row>div:nth-child(2)>strong{display:block;margin:2px 0;font-size:11px}.purchase-row>div:nth-child(2)>strong small{color:#8e989e;font-weight:500}.purchase-row>div:nth-child(2)>small{display:block;color:#687680;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-row__price{text-align:right}.purchase-row__price span{display:block;color:#64cf90;font-size:7px}.purchase-row__price strong{display:block;margin-top:3px;color:#d2b279;font:17px Georgia}
.security-panel{overflow:hidden}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.security-item{min-height:120px;padding:16px;border:1px solid rgba(184,143,81,.18);background:rgba(255,255,255,.015)}.security-item>span{display:block;color:#72808a;font-size:8px;letter-spacing:.07em}.security-item>strong{display:block;margin:8px 0 5px;color:#d4dce0;font-size:13px}.security-item>small{display:block;color:#65737c;font-size:8px;line-height:1.65}.security-item .safe-state{color:#68d896}.security-item .muted-state{color:#b79b72}.security-actions{display:flex;gap:8px;padding:0 16px 16px}.security-actions .secondary-btn{flex:1;text-align:center;text-decoration:none}

@media(max-width:900px){
  .character-cards{grid-template-columns:1fr}.demo-login-gate{align-items:stretch;flex-direction:column}.demo-login-gate .primary-btn{width:100%}.security-grid{grid-template-columns:1fr}.modal-form-grid{grid-template-columns:1fr}.history-summary{display:none}
}
@media(max-width:600px){
  .global-demo-badge{right:8px;bottom:8px;font-size:7px}.wallet-demo-pill{position:absolute;right:10px;top:10px}.receipt-list>div{grid-template-columns:75px 1fr}.transaction-table .transaction-row,.transaction-table .transaction-head{grid-template-columns:90px minmax(0,1fr) 56px}.transaction-table .transaction-row>*:last-child,.transaction-table .transaction-head>*:last-child{display:none}.purchase-row{grid-template-columns:40px minmax(0,1fr)}.purchase-row__price{grid-column:2;text-align:left;display:flex;gap:10px;align-items:center}.security-actions{flex-direction:column}
}

/* --- V5 interactive community / admin / article flow --- */
.topbar{position:sticky;top:0;z-index:120;transition:box-shadow .22s ease,background .22s ease}
.topbar.is-scrolled{background:rgba(5,11,16,.97);box-shadow:0 12px 34px rgba(0,0,0,.42);backdrop-filter:blur(10px)}
.account-menu-wrap{position:relative;display:flex;justify-content:flex-end;align-items:center}
.account-menu-wrap>.login-btn{display:grid;place-items:center;text-align:center}
.account-popover{position:absolute;right:0;top:46px;z-index:180;width:205px;padding:8px;border:1px solid rgba(205,159,88,.48);background:rgba(6,14,20,.98);box-shadow:0 20px 48px rgba(0,0,0,.48);opacity:0;transform:translateY(-6px);pointer-events:none;transition:.18s ease}
.account-popover.is-open{opacity:1;transform:none;pointer-events:auto}
.account-popover__head{padding:10px 11px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.account-popover__head span{display:block;color:#71808a;font-size:7px;letter-spacing:.14em}.account-popover__head strong{display:block;margin-top:2px;color:#d7bd8f;font-size:11px}
.account-popover a,.account-popover button{display:block;width:100%;padding:9px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:#9ba6ac;text-align:left;font-size:9px}.account-popover a:hover,.account-popover button:hover{background:rgba(199,151,77,.07);color:#e2c693}.account-popover button:last-child{border-bottom:0;color:#c38181}

.reveal-ready{opacity:0;transform:translateY(14px);transition:opacity .52s ease,transform .52s ease}
.reveal-ready.reveal-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.topbar{transition:none!important}}

/* community composer + reader */
.modal-card--community{width:min(720px,100%);max-height:min(86vh,760px);overflow:auto}
.community-modal-body{padding:20px}.community-modal-body label{display:grid;gap:6px;margin-bottom:12px;color:#8d989f;font-size:9px}.community-modal-body input,.community-modal-body select,.community-modal-body textarea,.community-comment-form textarea{width:100%;border:1px solid rgba(186,145,81,.28);background:#071018;color:#edf0f1;padding:11px 12px;outline:0}.community-modal-body input,.community-modal-body select{height:42px}.community-modal-body textarea{min-height:210px;resize:vertical;line-height:1.75}.community-modal-body input:focus,.community-modal-body select:focus,.community-modal-body textarea:focus,.community-comment-form textarea:focus{border-color:#c79a55;box-shadow:0 0 0 2px rgba(195,149,83,.08)}
.community-detail{padding:0}.community-detail__head{padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.community-detail__head h3{margin:8px 0 6px;font-size:20px}.community-detail__meta{display:flex;gap:12px;flex-wrap:wrap;color:#72808a;font-size:8px}.community-detail__content{min-height:180px;padding:24px 22px;color:#bdc5c9;font-size:11px;line-height:1.95;white-space:pre-wrap;border-bottom:1px solid rgba(255,255,255,.06)}
.community-detail__actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.danger-btn{height:36px;padding:0 13px;border:1px solid rgba(193,81,81,.35);background:rgba(119,43,43,.1);color:#d99595;font-size:9px}.danger-btn[hidden]{display:none}
.comment-zone{padding:18px 22px}.comment-zone>h4{margin:0 0 12px;font-size:12px}.comment-list{display:grid;gap:7px}.comment-item{padding:10px 12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.015)}.comment-item__meta{display:flex;justify-content:space-between;gap:12px;color:#6e7b84;font-size:8px}.comment-item p{margin:6px 0 0;color:#aeb7bc;font-size:9px;white-space:pre-wrap}.community-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.community-comment-form textarea{min-height:58px;resize:vertical}.community-comment-form .primary-btn{height:auto;min-width:92px;padding:0 14px}.community-login-hint{margin:12px 0 0;padding:9px 10px;border:1px solid rgba(196,151,83,.18);background:rgba(157,108,41,.05);color:#89795f;font-size:8px}.community-row-new{box-shadow:inset 2px 0 #c99b56}.community-row-new strong::after{content:'NEW';margin-left:7px;color:#63d99a;font-size:7px;letter-spacing:.08em}

/* generic article detail */
.inner-hero--compact{min-height:180px}.article-detail{max-width:920px;margin:0 auto;overflow:hidden}.article-detail__loading{padding:70px 24px;text-align:center;color:#75828b;font-size:10px}.article-detail__head{padding:26px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(18,36,47,.72),rgba(7,15,21,.45))}.article-detail__head h2{margin:8px 0 7px;font:26px Georgia,"Noto Serif KR",serif;color:#edd39f}.article-detail__meta{display:flex;gap:14px;flex-wrap:wrap;color:#71808a;font-size:8px}.article-detail__body{min-height:300px;padding:30px 28px;color:#aeb8bd;font-size:11px;line-height:2;white-space:pre-wrap}.article-detail__body h3{margin:8px 0 12px;color:#d7bb8a;font-size:14px}.article-detail__body p{margin:0 0 18px}.article-detail__foot{padding:14px 28px;border-top:1px solid rgba(255,255,255,.06);color:#687680;font-size:8px}.article-detail-nav{display:flex;justify-content:center;margin-top:14px}.article-detail-nav .secondary-btn{width:150px;text-decoration:none}

/* admin console */
.admin-side-card{top:78px}.admin-demo-note{margin:0 0 12px;padding:9px 10px;border:1px solid rgba(194,151,83,.18);background:rgba(153,105,40,.05);color:#8c795b;font-size:8px;line-height:1.6;text-align:left}.admin-panel[hidden]{display:none!important}.admin-panel{animation:dashboardFade .2s ease}.admin-work-panel{overflow:hidden}.admin-toolbar{display:flex;justify-content:flex-end;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05)}
.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.admin-form label{display:grid;gap:6px;color:#839098;font-size:9px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid rgba(180,142,83,.28);background:#071018;color:#ebeff0;padding:0 12px;outline:0}.admin-form input,.admin-form select{height:42px}.admin-form textarea{padding-top:11px;resize:vertical;line-height:1.65}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#c79751}.admin-form-wide{grid-column:1/-1}.admin-result{margin:0 18px 18px;padding:11px 13px;border:1px solid rgba(103,172,203,.18);background:rgba(38,103,132,.06);color:#7e9eae;font-size:9px;line-height:1.7}.admin-result.is-success{border-color:rgba(82,191,127,.22);background:rgba(47,128,81,.07);color:#76c994}.admin-result.is-error{border-color:rgba(203,90,90,.25);background:rgba(123,49,49,.08);color:#ce8b8b}
.admin-table{padding:0 16px 16px}.admin-table-row{display:grid;grid-template-columns:1.15fr .8fr .8fr .8fr;gap:8px;align-items:center;min-height:46px;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px}.admin-table-row.admin-table-head{min-height:36px;color:#697780;background:rgba(255,255,255,.02)}.admin-table-row strong{font-size:10px}.admin-table-row b{color:#d9b677;text-align:right}.admin-table-row span:last-child{text-align:right;color:#6dd799}.admin-mini-list{padding:0 18px 18px}.admin-mini-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.admin-mini-item strong{font-size:10px}.admin-mini-item small{display:block;margin-top:2px;color:#6f7c84;font-size:8px}.admin-mini-item button{height:30px;padding:0 9px;border:1px solid rgba(187,81,81,.25);background:rgba(121,47,47,.08);color:#c98282;font-size:8px}
#adminServerStatusPill.status-online{color:#64d895;border-color:rgba(75,195,128,.32)}#adminServerStatusPill.status-maintenance{color:#e5bd74;border-color:rgba(212,165,87,.38)}#adminServerStatusPill.status-offline{color:#d98181;border-color:rgba(193,81,81,.35)}
.server-status-maintenance{color:#e5bd74!important}.server-status-offline{color:#d98181!important}.server-status-maintenance-dot span{background:#e5bd74!important;box-shadow:0 0 8px #e5bd74,0 0 16px rgba(229,189,116,.35)!important}.server-status-offline-dot span{background:#d65f65!important;box-shadow:0 0 8px #d65f65,0 0 16px rgba(214,95,101,.35)!important}

@media(max-width:900px){.account-popover{right:0}.community-comment-form{grid-template-columns:1fr}.community-comment-form .primary-btn{min-height:40px}.admin-form{grid-template-columns:1fr}.admin-form-wide{grid-column:auto}.admin-table-row{grid-template-columns:1fr .7fr .7fr}.admin-table-row>*:nth-child(3){display:none}}
@media(max-width:600px){.topbar{position:sticky}.account-popover{position:fixed;right:12px;top:58px;width:min(230px,calc(100vw - 24px))}.community-detail__head,.community-detail__content,.comment-zone{padding-left:16px;padding-right:16px}.article-detail__head,.article-detail__body{padding-left:20px;padding-right:20px}.article-detail__head h2{font-size:22px}.admin-table-row{grid-template-columns:1fr .8fr}.admin-table-row>*:nth-child(3),.admin-table-row>*:nth-child(4){display:none}}


/* ========================================================================== */
/* V6 · Memory frontend completion                                            */
/* ========================================================================== */
.brand__title{font-size:26px;letter-spacing:.01em}
.hero-memory-brand{position:absolute;z-index:7;left:16.4%;top:28.2%;width:67.2%;min-height:53%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 36px 26px;background:linear-gradient(180deg,rgba(4,6,10,.99),rgba(5,8,12,.96) 18%,rgba(6,9,13,.93) 78%,rgba(4,7,10,.98)),radial-gradient(circle at 50% 36%,rgba(255,247,231,.06),rgba(255,255,255,0) 58%);border:1px solid rgba(234,198,129,.5);box-shadow:0 34px 78px rgba(0,0,0,.66),inset 0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(12px) saturate(90%);pointer-events:none;isolation:isolate;border-radius:20px;overflow:hidden}
.hero-memory-brand::before,.hero-memory-brand::after{content:"";position:absolute;left:38px;right:38px;height:1px;background:linear-gradient(90deg,transparent,rgba(219,181,112,.14) 5%,rgba(219,181,112,.58) 22%,rgba(246,221,171,.98) 50%,rgba(219,181,112,.58) 78%,rgba(219,181,112,.14) 95%,transparent)}
.hero-memory-brand::before{top:14px}.hero-memory-brand::after{bottom:14px}
.hero-memory-brand__kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:10px;color:#dbb471;font:700 clamp(10px,.98vw,13px)/1.2 Georgia,serif;letter-spacing:.38em;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.66)}
.hero-memory-brand__kicker::before,.hero-memory-brand__kicker::after{content:"";width:52px;height:1px;background:linear-gradient(90deg,transparent,rgba(224,189,126,.8),transparent)}
.hero-memory-brand__title{position:relative;display:block;font-family:"Baskerville Old Face","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman","Noto Serif KR",serif;font-size:clamp(88px,10.3vw,138px);font-weight:700;line-height:.88;letter-spacing:.14em;background:linear-gradient(180deg,#fff7df 0%,#f5e1b5 28%,#e8c27d 63%,#c7903f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,245,216,.34);text-shadow:0 1px 0 rgba(255,250,236,.55),0 0 24px rgba(224,179,92,.34),0 14px 28px rgba(0,0,0,.7),0 0 2px rgba(255,255,255,.45)}
.hero-memory-brand__title::after{content:"✦";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:.24em;letter-spacing:0;color:rgba(253,232,174,.3);text-shadow:0 0 24px rgba(228,184,89,.4)}
.hero-memory-brand__tagline{margin-top:12px;color:#fffaf1;font-size:clamp(20px,2.02vw,29px);font-weight:800;letter-spacing:.1em;text-shadow:0 2px 6px rgba(0,0,0,.82)}
.hero-memory-brand__edition{display:inline-block;margin-top:8px;padding:0 16px;color:#d4aa66;font:700 clamp(10px,.94vw,12px)/1.2 Georgia,serif;letter-spacing:.38em;text-shadow:0 2px 5px rgba(0,0,0,.64)}
.hero-memory-brand__headline{margin-top:18px;font-style:normal;color:#f6efe3;font:700 clamp(28px,2.48vw,40px)/1.18 "Noto Serif KR",Georgia,serif;letter-spacing:-.01em;text-shadow:0 2px 7px rgba(0,0,0,.84)}
.hero-memory-brand__lead{max-width:78%;margin:12px 0 0;color:#fbefda;font-size:clamp(18px,1.3vw,22px);font-weight:700;letter-spacing:.02em;line-height:1.58;text-shadow:0 2px 5px rgba(0,0,0,.88)}
.home-ranking-filter{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:7px 8px;border-bottom:1px solid rgba(132,153,165,.1)}
.home-ranking-filter .tab{height:28px}

.ranking-v6{display:grid;gap:14px}.ranking-mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;justify-self:start;padding:4px;border:1px solid rgba(191,145,79,.35);background:#071018}.ranking-mode-switch button{min-width:140px;height:38px;border:0;background:transparent;color:#82909a;font-size:10px}.ranking-mode-switch button.is-active{background:linear-gradient(#c99d5d,#9b713d);color:#081017;font-weight:800}
.ranking-v6__intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.055)}.ranking-v6__intro h2{margin:4px 0 3px;font:23px Georgia,"Noto Serif KR",serif;color:#ead0a0}.ranking-v6__intro p{margin:0;color:#75828a;font-size:9px}.race-filter{display:grid;grid-template-columns:repeat(6,1fr);padding:10px 14px 0;gap:6px}.race-filter button{height:36px;border:1px solid rgba(174,139,85,.18);background:#071018;color:#849098;font-size:9px}.race-filter button:hover,.race-filter button.is-active{border-color:rgba(216,174,104,.62);background:rgba(157,111,49,.12);color:#ebd4a7}
.ranking-v6__toolbar{display:grid;grid-template-columns:1.15fr .75fr .75fr 1.45fr;gap:10px;padding:12px 14px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.ranking-v6__toolbar label,.clan-sort-label{display:grid;gap:5px;color:#6f7d86;font-size:8px}.ranking-v6__toolbar select,.ranking-v6__toolbar input,.clan-sort-label select{height:40px;border:1px solid rgba(186,145,81,.25);background:#071018;color:#d9dfe2;padding:0 11px;outline:0}.ranking-v6__search{align-self:end}.ranking-v6__search input{height:40px}.ranking-result-meta{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;color:#69767f;font-size:8px;background:rgba(255,255,255,.012)}
.ranking-table--v6{padding:0 14px 14px;min-height:280px}.ranking-row--v6{grid-template-columns:50px 1.05fr .7fr 1.55fr 62px 72px 52px .85fr;min-height:49px}.ranking-row--v6 .rank-class{display:flex;flex-direction:column;gap:1px}.ranking-row--v6 .rank-class b{color:#d9c098;font-size:10px}.ranking-row--v6 .rank-class small{color:#64717a;font-size:7px}.ranking-row--clan{grid-template-columns:70px 1.5fr .8fr .8fr 1fr;min-height:50px}.ranking-loading,.ranking-empty{padding:70px 20px;text-align:center;color:#6e7b83;font-size:10px}.ranking-pagination{padding:0 14px 16px}.ranking-source-note{text-align:right;margin:0;color:#63717a;font-size:8px}.ranking-source-note a{color:#aa8955;text-decoration:underline;text-underline-offset:3px}
.class-catalog{overflow:hidden}.class-catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(255,255,255,.04)}.class-catalog-grid section{padding:14px;border-right:1px solid rgba(255,255,255,.05)}.class-catalog-grid section:last-child{border-right:0}.class-catalog-grid h3{margin:0 0 9px;color:#d8bd8c;font-size:11px}.class-catalog-grid h3 small{display:block;color:#68757e;font-size:7px;margin-top:1px}.class-catalog-grid button{display:block;width:100%;padding:7px 0;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;text-align:left}.class-catalog-grid button b{display:block;color:#aeb8bd;font-size:9px}.class-catalog-grid button span{display:block;color:#59666e;font-size:7px;margin-top:1px}.class-catalog-grid button:hover b{color:#e1c58f}
.class-guide-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.class-guide-groups{display:grid;gap:12px}.class-guide-race{overflow:hidden}.class-guide-race__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 18px;background:linear-gradient(90deg,rgba(23,43,54,.85),rgba(8,17,23,.55));border-bottom:1px solid rgba(255,255,255,.06)}.class-guide-race__head>span{color:#e3c487;font-size:15px;font-weight:800}.class-guide-race__head strong{color:#71808a;font:11px Georgia,serif}.class-guide-race__head small{color:#637079;font-size:8px}.class-upgrade-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px;padding:7px 18px 15px}.class-upgrade-row{display:grid;grid-template-columns:1fr 24px 1.35fr 58px;gap:7px;align-items:center;min-height:58px;border-bottom:1px solid rgba(255,255,255,.05)}.class-upgrade-row>div span{display:block;color:#55636d;font-size:7px}.class-upgrade-row>div b{color:#89949a;font-size:9px}.class-upgrade-row>div strong{display:block;color:#d4bb8e;font-size:10px}.class-upgrade-row>div small{display:block;color:#5e6b74;font-size:7px}.class-upgrade-row>i{color:#8d6c40;font-style:normal;text-align:center}.class-upgrade-row>em{justify-self:end;border:1px solid rgba(188,143,75,.2);padding:3px 5px;color:#8c795a;font-size:7px;font-style:normal}.class-guide-actions{display:flex;justify-content:center;gap:10px;margin:18px 0}.server-class-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px}.server-class-callout h2{margin:4px 0;color:#e2c691;font:22px Georgia,serif}.server-class-callout p{margin:0;color:#7d8991;font-size:10px}.server-class-callout__actions{display:flex;gap:8px;flex:0 0 auto}
.back-to-top{position:fixed;right:20px;bottom:55px;z-index:140;width:38px;height:38px;border:1px solid rgba(202,157,86,.42);border-radius:50%;background:rgba(7,16,23,.9);color:#d6b779;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.back-to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.back-to-top:hover{background:#101d25}

@media(max-width:1000px){.ranking-v6__toolbar{grid-template-columns:1fr 1fr}.ranking-v6__search{grid-column:1/-1}.ranking-row--v6{grid-template-columns:45px 1fr .7fr 1.4fr 58px 62px}.ranking-row--v6>*:nth-child(7),.ranking-row--v6>*:nth-child(8){display:none}.class-catalog-grid{grid-template-columns:repeat(3,1fr)}.class-catalog-grid section{border-bottom:1px solid rgba(255,255,255,.05)}.class-upgrade-list{grid-template-columns:1fr}}
@media(max-width:800px){.hero-memory-brand{left:12.8%;top:28.6%;width:74%;min-height:53%;padding:22px 24px 23px}.hero-memory-brand__kicker{margin-bottom:8px;font-size:9px;letter-spacing:.26em}.hero-memory-brand__kicker::before,.hero-memory-brand__kicker::after{width:32px}.hero-memory-brand__title{font-size:clamp(62px,9.8vw,96px);letter-spacing:.11em}.hero-memory-brand__tagline{font-size:clamp(15px,2.3vw,21px);letter-spacing:.08em}.hero-memory-brand__headline{font-size:clamp(21px,2.95vw,29px)}.hero-memory-brand__lead{max-width:88%;font-size:clamp(13px,1.75vw,16px)}.promo__copy--left{left:3.1%;top:10%;min-width:220px;max-width:250px}.promo__copy--right{right:3.1%;bottom:8%;min-width:220px}.promo__copy--left strong{font-size:12px}.promo__copy--left p{margin-top:8px;font-size:17px}.promo__copy--right p{font-size:22px}.home-ranking-filter{grid-template-columns:repeat(3,1fr)}.race-filter{grid-template-columns:repeat(3,1fr)}.class-catalog-grid{grid-template-columns:1fr 1fr}.server-class-callout{align-items:flex-start;flex-direction:column}.server-class-callout__actions{width:100%}.server-class-callout__actions a{flex:1;text-align:center}.ranking-mode-switch{width:100%}.ranking-mode-switch button{min-width:0}.class-guide-summary{grid-template-columns:1fr 1fr}.class-guide-summary>*:last-child{grid-column:1/-1}}
@media(max-width:600px){.hero-memory-brand{left:5%;top:28.8%;width:90%;min-height:51%;padding:16px 14px 18px}.hero-memory-brand::before,.hero-memory-brand::after{left:14px;right:14px}.hero-memory-brand__kicker{font-size:8px;letter-spacing:.18em}.hero-memory-brand__kicker::before,.hero-memory-brand__kicker::after{width:18px}.hero-memory-brand__title{font-size:clamp(48px,11.8vw,70px);letter-spacing:.08em}.hero-memory-brand__tagline{margin-top:7px;font-size:11px;letter-spacing:.05em}.hero-memory-brand__edition{margin-top:5px;font-size:7px;letter-spacing:.18em}.hero-memory-brand__headline{margin-top:11px;font-size:17px}.hero-memory-brand__lead{max-width:92%;font-size:11px;line-height:1.5}.promo__copy--left{left:2.5%;top:8%;min-width:150px;max-width:180px}.promo__copy--right{right:2.5%;bottom:6%;min-width:150px}.promo__copy--left::before,.promo__copy--right::before{inset:-10px -12px}.promo__copy--left strong{font-size:10px;letter-spacing:.12em}.promo__copy--left p{margin-top:6px;font-size:13px}.promo__copy--right p{font-size:15px}.promo__copy--right span{margin-top:2px}.ranking-v6__intro{align-items:flex-start;flex-direction:column}.race-filter{grid-template-columns:1fr 1fr}.ranking-v6__toolbar{grid-template-columns:1fr}.ranking-v6__search{grid-column:auto}.ranking-result-meta{flex-direction:column}.ranking-row--v6{grid-template-columns:40px 1fr 1.15fr 48px}.ranking-row--v6>*:nth-child(3),.ranking-row--v6>*:nth-child(6),.ranking-row--v6>*:nth-child(7),.ranking-row--v6>*:nth-child(8){display:none}.ranking-row--clan{grid-template-columns:42px 1fr 55px 70px}.ranking-row--clan>*:nth-child(4){display:none}.class-catalog-grid{grid-template-columns:1fr}.class-catalog-grid section{border-right:0}.class-guide-summary{grid-template-columns:1fr}.class-guide-summary>*:last-child{grid-column:auto}.class-upgrade-row{grid-template-columns:1fr 20px 1.35fr}.class-upgrade-row>em{display:none}.class-guide-race__head{grid-template-columns:auto 1fr}.class-guide-race__head small{display:none}.server-class-callout__actions{flex-direction:column}.back-to-top{right:12px;bottom:46px}}

/* --- V7: crisp Memory identity + hero/promo typography repair --- */
/* The source artwork still contains the old Chronicle lettering. These soft masks
   conceal only the baked text areas while preserving the original artwork and CTA buttons. */
.hero::before{
  content:"";
  position:absolute;
  z-index:2;
  left:23.5%;
  right:22.5%;
  top:41.5%;
  bottom:15.2%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 48%,
      rgba(3,6,10,.995) 0%,
      rgba(4,7,11,.985) 42%,
      rgba(4,7,11,.93) 58%,
      rgba(4,7,11,.64) 72%,
      rgba(4,7,11,.18) 88%,
      rgba(4,7,11,0) 100%);
  filter:blur(16px);
  transform:scale(1.08,1.1);
  opacity:1;
  pointer-events:none;
}
.hero-memory-brand{
  position:absolute;
  z-index:7;
  left:50%;
  top:43.2%;
  width:min(61%,720px);
  min-height:0;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:0 18px;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  overflow:visible;
  pointer-events:none;
  isolation:isolate;
}
.hero-memory-brand::before,
.hero-memory-brand::after{display:none}
.hero-memory-brand__kicker{display:none!important}
.hero-memory-brand__title{
  position:relative;
  display:block;
  margin:0;
  padding-left:.13em;
  font-family:"Cinzel Decorative","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif;
  font-size:clamp(68px,8.2vw,108px);
  font-weight:900;
  line-height:.88;
  letter-spacing:.13em;
  color:#efd39a;
  background:linear-gradient(180deg,#fff8e8 0%,#f7e6bf 20%,#ebc980 54%,#c99543 82%,#f0ce88 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.55px rgba(255,246,219,.32);
  text-shadow:
    0 1px 0 rgba(255,250,233,.32),
    0 3px 0 rgba(83,51,18,.82),
    0 8px 14px rgba(0,0,0,.88),
    0 0 18px rgba(211,159,73,.20);
  filter:none;
}
.hero-memory-brand__ornament{
  width:min(66%,410px);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:11px;
  margin:7px 0 4px;
  color:#d8aa5f;
  font-family:Georgia,serif;
  font-size:12px;
  line-height:1;
  text-shadow:0 2px 4px rgba(0,0,0,.85);
}
.hero-memory-brand__ornament i{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(215,171,96,.78));
}
.hero-memory-brand__ornament i:last-child{background:linear-gradient(90deg,rgba(215,171,96,.78),transparent)}
.hero-memory-brand__ornament b{font-weight:400;color:#f1cf8e}
.hero-memory-brand__tagline{
  margin:0;
  color:#fffaf0;
  font-family:"Noto Serif KR","Batang","NanumMyeongjo",serif;
  font-size:clamp(15px,1.45vw,20px);
  font-weight:800;
  line-height:1.35;
  letter-spacing:.12em;
  text-shadow:0 2px 3px rgba(0,0,0,.96),0 0 8px rgba(0,0,0,.72);
  filter:none;
}
.hero-memory-brand__edition{
  display:block;
  margin-top:5px;
  padding:0;
  color:#d6ad69;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(8px,.78vw,10px);
  font-weight:700;
  line-height:1.25;
  letter-spacing:.31em;
  text-shadow:0 2px 3px rgba(0,0,0,.96);
}
.hero-memory-brand__headline{
  margin-top:10px;
  font-style:normal;
  color:#f5eee3;
  font-family:"Noto Serif KR","Batang","NanumMyeongjo",serif;
  font-size:clamp(20px,1.82vw,27px);
  font-weight:700;
  line-height:1.35;
  letter-spacing:.01em;
  text-shadow:0 2px 4px rgba(0,0,0,.98),0 0 10px rgba(0,0,0,.72);
  filter:none;
}
.hero-memory-brand__lead{
  max-width:none;
  margin:4px 0 0;
  color:#e7d5b8;
  font-family:"Noto Serif KR","Batang","NanumMyeongjo",serif;
  font-size:clamp(11px,.96vw,14px);
  font-weight:600;
  line-height:1.45;
  letter-spacing:.01em;
  text-shadow:0 2px 3px rgba(0,0,0,1),0 0 7px rgba(0,0,0,.85);
  filter:none;
}
.hero__hotspots{z-index:12}

/* Promo: cover the lettering baked into promo.webp with edge-matched dark gradients,
   then redraw all copy as live HTML text for crisp rendering. */
.promo{isolation:isolate}
.promo::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0 auto 0 0;
  width:34%;
  background:linear-gradient(90deg,
    rgba(3,8,13,.995) 0%,
    rgba(3,8,13,.97) 48%,
    rgba(3,8,13,.82) 68%,
    rgba(3,8,13,.32) 87%,
    rgba(3,8,13,0) 100%);
  pointer-events:none;
}
.promo::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0 0 0 auto;
  width:35%;
  background:linear-gradient(270deg,
    rgba(3,8,13,.995) 0%,
    rgba(3,8,13,.97) 47%,
    rgba(3,8,13,.82) 67%,
    rgba(3,8,13,.30) 87%,
    rgba(3,8,13,0) 100%);
  pointer-events:none;
}
.promo__copy{
  z-index:4;
  line-height:1.25;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
.promo__copy::before{display:none}
.promo__copy--left{
  left:4.8%;
  top:18%;
  min-width:0;
  max-width:29%;
  color:#f5f7fa;
  text-align:left;
}
.promo__copy--left strong{
  display:block;
  color:#dae5f0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(9px,.9vw,13px);
  font-weight:700;
  line-height:1.35;
  letter-spacing:.20em;
  text-shadow:0 2px 3px rgba(0,0,0,1);
}
.promo__copy--left p{
  margin:8px 0 0;
  color:#f9fbfd;
  font-family:"Noto Serif KR","Batang","NanumMyeongjo",serif;
  font-size:clamp(13px,1.22vw,18px);
  font-weight:700;
  line-height:1.48;
  letter-spacing:0;
  text-shadow:0 2px 3px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.84);
}
.promo__copy--right{
  right:4.7%;
  bottom:17%;
  min-width:0;
  max-width:29%;
  align-items:flex-end;
  text-align:right;
}
.promo__copy--right p{
  margin:0;
  color:#f8fbff;
  font-family:"Noto Serif KR","Batang","NanumMyeongjo",serif;
  font-size:clamp(14px,1.38vw,20px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.02em;
  text-shadow:0 2px 3px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.84);
}
.promo__copy--right span{
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:1.18em;
  font-weight:800;
  letter-spacing:-.03em;
}
.brand__title{
  font-family:"Cinzel Decorative","Palatino Linotype",Georgia,serif;
  letter-spacing:.01em;
}

@media(max-width:800px){
  .hero::before{left:17%;right:16%;top:40%;bottom:13.5%;filter:blur(13px)}
  .hero-memory-brand{top:42.8%;width:70%;padding:0 12px}
  .hero-memory-brand__title{font-size:clamp(53px,9.4vw,76px);letter-spacing:.10em}
  .hero-memory-brand__tagline{font-size:clamp(12px,1.9vw,16px);letter-spacing:.07em}
  .hero-memory-brand__headline{margin-top:8px;font-size:clamp(16px,2.3vw,21px)}
  .hero-memory-brand__lead{font-size:clamp(9px,1.4vw,12px)}
  .promo::before{width:39%}.promo::after{width:39%}
  .promo__copy--left{left:3.8%;top:16%;max-width:32%}
  .promo__copy--right{right:3.8%;bottom:15%;max-width:32%}
}
@media(max-width:600px){
  .hero::before{left:8%;right:8%;top:39.5%;bottom:12.5%;filter:blur(11px)}
  .hero-memory-brand{top:42%;width:86%;padding:0 8px}
  .hero-memory-brand__title{font-size:clamp(40px,11.2vw,58px);letter-spacing:.07em}
  .hero-memory-brand__ornament{width:58%;margin:4px 0 2px;font-size:8px;gap:6px}
  .hero-memory-brand__tagline{font-size:10px;letter-spacing:.04em}
  .hero-memory-brand__edition{margin-top:3px;font-size:6px;letter-spacing:.18em}
  .hero-memory-brand__headline{margin-top:6px;font-size:14px}
  .hero-memory-brand__lead{margin-top:2px;font-size:8.5px}
  .promo::before{width:43%}.promo::after{width:43%}
  .promo__copy--left{left:3%;top:14%;max-width:36%}
  .promo__copy--left strong{font-size:7px;letter-spacing:.12em}
  .promo__copy--left p{margin-top:5px;font-size:9.5px;line-height:1.4}
  .promo__copy--right{right:3%;bottom:13%;max-width:36%}
  .promo__copy--right p{font-size:10px}
}


/* --- V8.1: remove black hero masking effect requested by user --- */
.hero::before{content:none !important;display:none !important;background:none !important;box-shadow:none !important;filter:none !important;opacity:0 !important;}


/* --- V9: frontend completion --- */
.hero-actionbar{max-width:1180px;margin:0 auto;background:linear-gradient(180deg,#09131b,#060d13);border:1px solid rgba(191,148,80,.34);border-top:0;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.hero-actionbar__inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero-actionbar__identity{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;row-gap:2px}.hero-actionbar__identity span{color:#ecd197;font:700 17px Georgia,serif;letter-spacing:.08em}.hero-actionbar__identity strong{padding:3px 7px;border:1px solid rgba(202,158,87,.3);color:#b99864;font-size:8px;letter-spacing:.17em}.hero-actionbar__identity small{grid-column:1/-1;color:#71808a;font-size:9px}.hero-actionbar__actions{display:flex;align-items:center;gap:9px}.hero-actionbar__actions .primary-btn,.hero-actionbar__actions .secondary-btn{min-width:158px;padding:0 20px;text-decoration:none}.hero-quick-link{padding:10px 4px;color:#8e9aa1;font-size:9px}.hero-quick-link:hover{color:#dfbf82}

.support-grid--v9 .support-card p{min-height:60px}.support-faq{overflow:hidden}.support-faq-toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.support-faq-toolbar .tabs{padding:0;border:0}.support-faq-toolbar input{height:38px;border:1px solid rgba(170,141,91,.28);background:#071018;color:#e8ecee;padding:0 12px;outline:0}.support-faq-toolbar input:focus{border-color:#c39553}.faq-list{padding:8px 16px 18px}.faq-list details{border-bottom:1px solid rgba(255,255,255,.06)}.faq-list summary{display:flex;align-items:center;gap:12px;padding:15px 4px;color:#c9d0d3;font-size:11px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';margin-left:auto;color:#b99055;font-size:18px}.faq-list details[open] summary::after{content:'−'}.faq-list summary span{min-width:42px;color:#d4ad6b;font-size:8px;font-weight:800}.faq-list details p{margin:0;padding:0 4px 16px 54px;color:#7d8991;font-size:10px;line-height:1.8}.faq-list details[hidden]{display:none}
.support-inquiry{overflow:hidden}.support-inquiry-grid{display:grid;grid-template-columns:1fr 1.08fr}.support-inquiry-form{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:20px;border-right:1px solid rgba(255,255,255,.06)}.support-inquiry-form label{display:grid;gap:6px;color:#87939a;font-size:9px}.support-inquiry-form input,.support-inquiry-form select,.support-inquiry-form textarea{width:100%;border:1px solid rgba(170,141,91,.28);background:#071018;color:#e9edf0;padding:10px 12px;outline:0}.support-inquiry-form input,.support-inquiry-form select{height:42px}.support-inquiry-form textarea{resize:vertical;min-height:140px}.support-inquiry-form :disabled{opacity:.45;cursor:not-allowed}.support-form-wide{grid-column:1/-1}.support-form-note{margin:0;color:#64717a;font-size:8px}.support-inquiry-history{min-width:0}.support-history-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05)}.support-history-head div{display:grid}.support-history-head span{color:#a7824b;font-size:7px;letter-spacing:.18em}.support-history-head strong{font-size:13px}.support-inquiry-list{max-height:540px;overflow:auto;padding:10px 16px 16px}.support-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#71808a}.support-empty strong{color:#bdc6ca;font-size:12px}.support-empty span{font-size:9px}.support-empty .secondary-btn{width:120px;margin-top:7px;text-decoration:none}.support-ticket{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.support-ticket__head{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.support-ticket__head strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.support-status{padding:4px 7px;border:1px solid rgba(170,141,91,.25);font-size:7px;color:#a99b7e}.support-status--done{color:#6bdc99;border-color:rgba(91,205,139,.3)}.support-status--checking{color:#e1bb72}.support-ticket>p{margin:10px 0;color:#818c93;font-size:9px;line-height:1.7;white-space:pre-wrap}.support-ticket__meta{display:flex;gap:10px;color:#5f6d76;font-size:7px}.support-ticket__reply{margin-top:12px;padding:11px 12px;border-left:2px solid #b88c4b;background:rgba(179,129,55,.06)}.support-ticket__reply span{color:#bd9b65;font-size:7px;font-weight:800;letter-spacing:.1em}.support-ticket__reply p{margin:5px 0 0;color:#aeb6ba;font-size:9px;line-height:1.7}

.admin-toolbar--support{display:flex;align-items:center;justify-content:space-between}.admin-toolbar--support>div{display:grid}.admin-toolbar--support span{font-size:7px}.admin-toolbar--support strong{font-size:16px}.admin-toolbar--support select{height:36px;border:1px solid rgba(170,141,91,.28);background:#071018;color:#dfe4e6;padding:0 10px}.admin-inquiry-list{padding:14px;display:grid;gap:10px}.admin-inquiry-card{padding:16px;border:1px solid rgba(181,143,84,.22);background:rgba(255,255,255,.015)}.admin-inquiry-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-inquiry-card__top>div{display:flex;align-items:center;gap:9px;min-width:0}.admin-inquiry-card__top strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.admin-inquiry-status{height:34px;border:1px solid rgba(170,141,91,.28);background:#071018;color:#e2e6e8;padding:0 9px}.admin-inquiry-card__meta{display:flex;gap:12px;margin-top:8px;color:#687680;font-size:8px}.admin-inquiry-card__content{margin:13px 0;color:#98a2a8;font-size:9px;line-height:1.75;white-space:pre-wrap}.admin-inquiry-card label{display:grid;gap:6px;color:#819099;font-size:8px}.admin-inquiry-card textarea{width:100%;border:1px solid rgba(170,141,91,.24);background:#061018;color:#e0e5e7;padding:10px;resize:vertical}.admin-inquiry-card__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.admin-inquiry-card__actions .secondary-btn{height:36px;width:100px}.admin-inquiry-card__actions .text-btn{color:#a46767}

@media(max-width:800px){.hero-actionbar__inner{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px}.hero-actionbar__actions{width:100%}.hero-actionbar__actions .primary-btn,.hero-actionbar__actions .secondary-btn{flex:1;min-width:0}.support-faq-toolbar{grid-template-columns:1fr}.support-inquiry-grid{grid-template-columns:1fr}.support-inquiry-form{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}}
@media(max-width:560px){.hero-actionbar__actions{display:grid;grid-template-columns:1fr 1fr}.hero-quick-link{grid-column:1/-1;text-align:center}.support-inquiry-form{grid-template-columns:1fr}.support-form-wide{grid-column:auto}.support-ticket__head{grid-template-columns:auto 1fr}.support-ticket__head .support-status{grid-column:1/-1;width:max-content}.admin-inquiry-card__top{align-items:flex-start;flex-direction:column}.admin-inquiry-card__top .admin-inquiry-status{width:100%}}


/* --- V9.1: remove dark mask from promo banner requested by user --- */
.promo::before,
.promo::after{content:none !important;display:none !important;background:none !important;box-shadow:none !important;filter:none !important;opacity:0 !important;}


/* --- V9.1: remove dark side masks from bottom promo banner --- */
.promo::before,
.promo::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}