/* PrismLC website — Last Chaos 2015 interface language.
   Window frames, buttons and portraits are taken from the game client's own
   interface textures (Data/Interface), so the site reads like the game UI. */

@font-face{font-family:'Cinzel';font-weight:500;font-display:swap;src:url(assets/fonts/cinzel-latin-500-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel';font-weight:500;font-display:swap;src:url(assets/fonts/cinzel-latin-ext-500-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-weight:700;font-display:swap;src:url(assets/fonts/cinzel-latin-700-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel';font-weight:700;font-display:swap;src:url(assets/fonts/cinzel-latin-ext-700-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Forum';font-display:swap;src:url(assets/fonts/forum-cyrillic-400-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Sans';font-weight:400;font-display:swap;src:url(assets/fonts/pt-sans-latin-400-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PT Sans';font-weight:400;font-display:swap;src:url(assets/fonts/pt-sans-latin-ext-400-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'PT Sans';font-weight:400;font-display:swap;src:url(assets/fonts/pt-sans-cyrillic-400-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Sans';font-weight:700;font-display:swap;src:url(assets/fonts/pt-sans-latin-700-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PT Sans';font-weight:700;font-display:swap;src:url(assets/fonts/pt-sans-latin-ext-700-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'PT Sans';font-weight:700;font-display:swap;src:url(assets/fonts/pt-sans-cyrillic-700-normal.woff2?v=71dda8ad82) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  color-scheme:dark;
  --ink:#d9d3c5;          /* body text: warm parchment grey */
  --muted:#9d968a;
  --faint:#6f6a62;
  --gold:#e8cf96;         /* titles */
  --gold-deep:#c79a52;
  --silver:#cfd6dc;
  --rim:#e08a3a;          /* LC window rim copper (client texture colour) */
  --guild:#7fd0ff;        /* guild / owner names, like the in-game tag colour */
  --good:#8fd07a;
  --bad:#d98a74;
  --panel:#15120f;
  --display:'Cinzel','Forum',Georgia,serif;
  --body:'PT Sans','Trebuchet MS',Arial,sans-serif;
}
*{box-sizing:border-box}
/* In-game cursors (client Nksp cursor set): normal gauntlet, NPC talk bubble on links and
   secondary buttons, attack sword on primary action buttons, grab hand on selects. */
html{cursor:url('assets/cursors/cur_00.png?v=71dda8ad82') 0 0,default}
a,button,summary,label[for],[role=button],.button{cursor:url('assets/cursors/cur_06.png?v=71dda8ad82') 9 4,pointer}
.lc-btn,button.lc-btn{cursor:url('assets/cursors/cur_01.png?v=71dda8ad82') 0 0,pointer}
select,.lang select{cursor:url('assets/cursors/cur_05.png?v=71dda8ad82') 9 4,pointer}
input,textarea{cursor:text}
.rank,.siege{cursor:url('assets/cursors/cur_10.png?v=71dda8ad82') 12 11,crosshair}
.lc-btn.is-off,button:disabled{cursor:url('assets/cursors/cur_00.png?v=71dda8ad82') 0 0,not-allowed}
html{background:#07090b}
body{margin:0;min-height:100vh;color:var(--ink);font:15px/1.6 var(--body);overflow-x:hidden}
a{color:#e7c58c;text-decoration:none}
a:hover{color:#fff0cf}
button,input,select,textarea{font:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
main:focus{outline:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ── Scene ─────────────────────────────────────────────── */
.world{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#07090b}
.world::before{content:'';position:absolute;inset:-24px;background:url('assets/login-bg.webp?v=71dda8ad82') center top/cover no-repeat;filter:blur(18px) brightness(.45) saturate(.9)}
.world::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:var(--scene-w);height:calc(var(--scene-w) * .625);background:url('assets/login-bg.webp?v=71dda8ad82') center top/100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,#000 72%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,#000 72%,transparent 100%);mask-composite:intersect}
:root{--scene-w:min(100vw,160vh,1920px)}
#fx-smoke,#fx-embers{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none}
#fx-smoke{z-index:-2;mix-blend-mode:screen;opacity:.9}
#fx-embers{z-index:-1;mix-blend-mode:screen}
@media (prefers-reduced-motion:reduce){#fx-smoke,#fx-embers{display:none}}

/* ── Frame ─────────────────────────────────────────────── */
.site{width:min(100% - 32px,1100px);margin:0 auto}

.utility{height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d9e2e61a;font-size:12px;color:#aab3b8}
.utility-brand{font:500 11px var(--display);letter-spacing:.18em;text-transform:uppercase;color:#b9c1c6}
.utility-actions{display:flex;align-items:center;gap:14px}
#account-link{color:var(--gold);font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang select{appearance:none;background:#0d1114cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c9b27f'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #5e6a70;border-radius:3px;color:#dfe5e8;padding:4px 28px 4px 10px;font-size:13px}

.masthead{text-align:center;padding:34px 0 18px}
.brand{position:relative;display:inline-block;width:min(460px,86%);isolation:isolate;filter:drop-shadow(0 8px 14px #000)}
.brand img{position:relative;z-index:1;display:block;width:100%;height:auto}
.logo-flame{position:absolute;left:16.53%;top:-20.22%;width:68.27%;aspect-ratio:1;background:url('assets/login-flame.png?v=71dda8ad82') 0 0/400% 400%;mix-blend-mode:screen;animation:login-flame 1.2s steps(1,end) infinite;pointer-events:none}
@keyframes login-flame{0%{background-position:0 0}8.333%{background-position:33.333% 0}16.667%{background-position:66.667% 0}25%{background-position:100% 0}33.333%{background-position:0 33.333%}41.667%{background-position:33.333% 33.333%}50%{background-position:66.667% 33.333%}58.333%{background-position:100% 33.333%}66.667%{background-position:0 66.667%}75%{background-position:33.333% 66.667%}83.333%{background-position:66.667% 66.667%}91.667%,100%{background-position:100% 66.667%}}
.tagline{margin:4px 0 0;font:500 16px var(--display);letter-spacing:.08em;color:#efe3c6;text-shadow:0 1px 2px #000,0 0 10px #000,0 0 22px #000}

/* ── Navigation ───────────────────────────────────────── */
.mainnav{position:relative;display:flex;align-items:center;gap:14px;padding:6px 8px 6px 18px;margin-top:8px;
  background:linear-gradient(#262a2dee,#121517f2 48%,#0b0d0ff5 52%,#15181bf2);
  border:1px solid #0a0c0e;box-shadow:inset 0 1px 0 #c7d2d855,inset 0 0 0 1px #d0823c55,0 0 0 1px #6f7c8433,0 8px 24px #000c;border-radius:6px}
.mainnav::before,.mainnav::after{content:'';position:absolute;top:50%;width:14px;height:14px;transform:translateY(-50%) rotate(45deg);background:linear-gradient(135deg,#e9eef1,#7c8a93);box-shadow:0 0 0 2px #0a0c0e,0 0 8px #e08a3a88}
.mainnav::before{left:-7px}.mainnav::after{right:-7px}
.nav-links{flex:1;display:flex;flex-wrap:wrap;justify-content:center}
.nav-links a{position:relative;padding:12px 20px;font:700 13px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#cdd5d9;text-shadow:0 1px 2px #000}
.nav-links a+a::before{content:'';position:absolute;left:-3px;top:50%;width:5px;height:5px;transform:translateY(-50%) rotate(45deg);background:#6d7b84}
.nav-links a:hover{color:#fff1cf}
.nav-links a[aria-current=page]{color:var(--gold);text-shadow:0 0 12px #e8b85e88,0 1px 2px #000}
.nav-links a[aria-current=page]::after{content:'';position:absolute;left:18%;right:18%;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,#e8cf96,transparent)}

/* ── LC buttons (client CommonBtn texture) ─────────────── */
.lc-btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 6px;
  border-style:solid;border-width:6px 12px;border-image:url('assets/ui/raw-b4.png?v=71dda8ad82') 6 12 fill stretch;background:none;
  font:700 13px var(--display);letter-spacing:.08em;text-transform:uppercase;color:#f1f5f8;text-shadow:0 1px 1px #0b1621,0 0 6px #000;white-space:nowrap}
.lc-btn:hover,.button:hover{border-image-source:url('assets/ui/raw-b6.png?v=71dda8ad82');color:#fff}
.lc-btn:active,.button:active{border-image-source:url('assets/ui/raw-b5.png?v=71dda8ad82')}
.button.secondary{border-image-source:url('assets/ui/raw-b7.png?v=71dda8ad82');color:#e4e7e8}
.button.secondary:hover{border-image-source:url('assets/ui/raw-b6.png?v=71dda8ad82')}
button:disabled{opacity:.55}
.nav-download{min-width:150px;min-height:40px;font-size:14px}

/* ── Layout ───────────────────────────────────────────── */
.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}
.sidebar{display:grid;gap:20px}
main{min-width:0;display:grid;gap:22px;align-content:start}

/* ── Game window (client window texture, 9-slice) ─────── */
.win{position:relative;padding:44px 20px 18px;isolation:isolate}
.win::before{content:'';position:absolute;inset:0;z-index:-1;border-style:solid;border-width:38px 62px 14px 62px;border-image:url('assets/ui/win-sq.png?v=71dda8ad82') 38 62 14 62 fill stretch;filter:drop-shadow(0 10px 18px #000b)}
.win>h2{position:absolute;top:12px;left:60px;right:60px;height:20px;margin:0;display:flex;align-items:center;justify-content:center;
  font:700 12.5px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 1px #000,0 0 8px #000;white-space:nowrap;overflow:hidden}
.win-body{position:relative}
.win.wide{padding:46px 30px 26px}
.win.wide::before{border-width:26px 104px 12px 104px;border-image:url('assets/ui/win-wide.png?v=71dda8ad82') 26 104 12 104 fill stretch}
.win.wide>h2{left:104px;right:104px;top:12px;height:19px;font-size:13px}
.win-top{--cw:298px;padding-top:calc(var(--cw) * .2733 + 16px)}
.win-top::before{top:calc(var(--cw) * .1491 - 2px)}
.cherubs{position:absolute;left:50%;top:0;width:var(--cw);aspect-ratio:322/88;transform:translateX(-50%);background:url('assets/ui/banner-cherub.png?v=71dda8ad82') center top/100% 100% no-repeat;pointer-events:none;z-index:1;filter:drop-shadow(0 4px 5px #000c)}
.win-top>h2{z-index:2;left:50%;right:auto;width:calc(var(--cw) - 36px);transform:translateX(-50%);top:calc(var(--cw) * .1615);height:calc(var(--cw) * .1025);font-size:13.5px;letter-spacing:.1em;color:#fbe7b5;text-shadow:0 1px 0 #000,0 0 6px #000,0 0 12px #000a}

/* ── Account card ─────────────────────────────────────── */
.mini-form{display:grid;gap:10px}
.lc-input{width:100%;height:36px;padding:0 10px;color:#ece7dc;background:none;border-style:solid;border-width:4px 6px;border-image:url('assets/ui/raw-darkin.png?v=71dda8ad82') 4 6 fill stretch;font:15px var(--body)}
.lc-input::placeholder{color:#8b8579}
.lc-input:focus{outline:1px solid #c9a25e;outline-offset:1px}
.mini-form .lc-btn{width:100%;margin-top:2px}
.mini-links{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-top:4px}
.mini-status{min-height:0;font-size:13px;color:var(--bad)}
.mini-status:empty{display:none}
.hello{margin:0 0 4px;font:700 15px var(--display);color:var(--gold);overflow-wrap:anywhere}
.acct-line{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:6px 0;border-bottom:1px solid #ffffff0f}
.acct-line b{color:var(--ink);font-weight:700}
.acct-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.acct-actions .lc-btn{font-size:11.5px;padding:0 2px}

/* ── Status ───────────────────────────────────────────── */
.status-list{display:grid}
.ch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff10}
.ch:last-child{border:0}
.ch-num{font:700 13px var(--display);color:var(--silver);letter-spacing:.05em}
.ch-name{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-count{display:flex;align-items:center;gap:7px;font:700 16px var(--body);font-variant-numeric:tabular-nums;color:#e3efd9}
.dot{width:8px;height:8px;border-radius:50%;background:#6d7479;box-shadow:inset 0 0 0 1px #0006}
.dot.on{background:var(--good);box-shadow:0 0 8px #8fd07aaa}
.server-time{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #d1b27a2e;font-size:13px;color:var(--muted)}
.server-time time{font:700 14px var(--body);font-variant-numeric:tabular-nums;color:var(--ink)}

/* ── Castle siege ─────────────────────────────────────── */
.siege{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;padding:10px 0;border-bottom:1px solid #ffffff10}
.siege:last-child{border:0;padding-bottom:2px}
.siege:first-child{padding-top:2px}
.siege img{grid-row:span 3;width:40px;height:40px;border-radius:4px;box-shadow:0 0 0 1px #000,0 0 0 2px #d5b27455}
.siege-name{font:700 15px var(--display);color:var(--gold);line-height:1.2}
.siege-owner{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.siege-owner b{color:var(--guild);font-weight:700}
.siege-owner i{font-style:normal;color:#8b8f90}
.siege-next{font-size:13px;color:var(--muted)}
.siege-next .rel{display:block;font-size:12.5px;color:#9fb6c4}
.siege-next time{color:var(--ink);font-variant-numeric:tabular-nums}
.siege-live{color:#ffb35c;font-weight:700}
.note{margin:2px 0;font-size:13px;color:var(--faint);text-align:center}

/* ── Top 5 ────────────────────────────────────────────── */
.rank{display:grid;grid-template-columns:22px 44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #ffffff10}
.rank:last-child{border:0}
.rank-no{font:700 17px var(--display);text-align:center;color:#8e959a}
.rank:nth-child(1) .rank-no{color:#f2cf6b;text-shadow:0 0 10px #f2cf6b77}
.rank:nth-child(2) .rank-no{color:#d4dde2}
.rank:nth-child(3) .rank-no{color:#d99a5e}
.rank img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px #0c0e10,0 0 0 3px #8e9aa3aa,0 3px 8px #000}
.rank:nth-child(1) img{box-shadow:0 0 0 2px #0c0e10,0 0 0 3px #e7c26a,0 0 12px #e7c26a66}
.rank-who{min-width:0;line-height:1.25}
.rank-name{display:block;font-weight:700;font-size:15px;color:#f1ece2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-class{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-lv{font:700 15px var(--body);color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.rank-lv small{font-size:11px;color:var(--muted);margin-right:3px;font-weight:400}

/* ── Main content ─────────────────────────────────────── */
.hero{position:relative;min-height:300px;display:flex;align-items:flex-end;padding:0;overflow:hidden;border-radius:8px;
  background:linear-gradient(90deg,#07090bf0 0%,#07090bb0 45%,#07090b10 100%),url('assets/login-bg.webp?v=71dda8ad82') 62% 38%/cover no-repeat;
  box-shadow:inset 0 0 0 1px #0a0c0e,inset 0 0 0 2px #e08a3a55,0 0 0 1px #9aa6ad33,0 14px 30px #000c}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07090bcc,transparent 55%);pointer-events:none}
.hero-inner{position:relative;z-index:1;padding:36px 38px;max-width:560px}
.eyebrow{margin:0 0 8px;font:700 11px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep)}
.hero h1{margin:0 0 12px;font:700 34px/1.15 var(--display);color:#f5ead0;text-shadow:0 2px 12px #000}
.hero p{margin:0 0 22px;font-size:16px;color:#d2ccbf;text-shadow:0 1px 3px #000}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.actions .lc-btn,.actions .button{min-width:160px;min-height:40px}

.section-title{display:flex;align-items:center;gap:14px;margin:0 0 4px;font:700 13px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.section-title::before,.section-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#d2b27a66)}
.section-title::after{background:linear-gradient(90deg,#d2b27a66,transparent)}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{position:relative;padding:22px 20px 20px;isolation:isolate;display:flex;flex-direction:column;gap:8px}
.card::before{content:'';position:absolute;inset:0;z-index:-1;border-style:solid;border-width:20px;border-image:url('assets/ui/frame-card.png?v=71dda8ad82') 20 fill stretch;filter:drop-shadow(0 8px 14px #000a)}
.card img{width:52px;height:52px;border-radius:4px;box-shadow:0 0 0 1px #000,0 0 0 2px #cfae7055}
.card .meta{font:700 10.5px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.card h3{margin:0;font:700 17px/1.25 var(--display);color:#efe6d2}
.card p{margin:0;font-size:14px;color:#b8b1a4}
.card details{font-size:14px;color:#c3bcae}
.card summary{color:#e0c48d;font-weight:700;font-size:13px}

.announcement{padding:16px 0;border-bottom:1px solid #ffffff12}
.announcement:first-child{padding-top:0}
.announcement:last-child{border:0;padding-bottom:0}
.announcement h3{margin:0 0 2px;font:700 18px var(--display);color:#efe6d2}
.announcement time{font-size:12.5px;color:var(--gold-deep)}
.announcement p{margin:8px 0 0;white-space:pre-wrap;color:#c4bdb0;overflow-wrap:anywhere}

/* events page */
.calendar-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:10px;font-size:14px;color:var(--muted)}
.calendar-controls input{height:36px;padding:0 10px;color:#ece7dc;background:#0b0c0d;border:1px solid #5b5f61;border-radius:3px;color-scheme:dark}
.event-row{display:grid;grid-template-columns:48px 112px 1fr;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #ffffff10}
.event-row img{width:48px;height:48px;border-radius:4px;box-shadow:0 0 0 1px #000,0 0 0 2px #cfae7044}
.event-row time{font:700 14px var(--body);color:var(--gold);font-variant-numeric:tabular-nums}
.event-row h3{margin:0;font-size:15px;color:#eee7d8}
.event-row p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
.empty{padding:26px 10px;text-align:center}
.empty h1{margin:0 0 10px;font:700 24px var(--display);color:#efe6d2}
.empty p{max-width:470px;margin:0 auto 20px;color:#b3ac9f}
.feature{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:14px 0;border-top:1px solid #ffffff10}
.feature:first-child{border:0}
.feature em{font:700 24px var(--display);color:#6f8c96;font-style:normal}
.feature h3{margin:0 0 3px;font:700 17px var(--display);color:#eee6d3}
.feature p{margin:0;color:#b3ac9f}
.lead{margin:0 0 12px;color:#c9c2b5}

/* account / admin pages */
.account-body h1{margin:0 0 10px;font:700 24px var(--display);color:#efe6d2}
.account-body h3{margin:24px 0 12px;font:700 17px var(--display);color:var(--gold)}
.account-body>p{color:#b3ac9f}
.form-field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-size:14px;color:#cfc8ba}
.form-field input,.form-field textarea,.search-form input{width:100%;min-height:38px;padding:4px 8px;border-style:solid;border-width:4px 6px;border-image:url('assets/ui/raw-darkin.png?v=71dda8ad82') 4 6 fill stretch;background:none;color:#ece7dc;font:15px var(--body)}
.form-field input:focus,.form-field textarea:focus,.search-form input:focus{outline:1px solid #c9a25e;outline-offset:1px}
.form-field textarea{resize:vertical}
.form-help{font-size:13px;color:var(--muted);margin:0 0 16px}
.form-status{white-space:pre-wrap;color:#cfe0bf}
.form-status:not(:empty){padding:10px 13px;margin-bottom:16px;border-left:2px solid var(--good);background:#16241b}
.form-status.error{color:#f0c2b3;background:#2c1d19;border-color:var(--bad)}
.account-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.account-heading h1,.account-heading h3{margin:0}
.account-details{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;margin:18px 0}
.account-details dt{color:var(--muted)}
.account-details dd{margin:0;overflow-wrap:anywhere}
.account-panel form{max-width:460px}
.account-panel .lead{margin-bottom:18px}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.search-form{display:flex;gap:10px;margin:14px 0}
.table-scroll{max-width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
th{color:var(--gold);font-weight:700}
td,th{padding:10px 8px;border-bottom:1px solid #ffffff12}
td small,.admin-news-list small{display:block;color:var(--muted);font-size:12px}
.admin-news-list>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff12}
#news-editor details{border-bottom:1px solid #ffffff12;padding:10px 0}
#news-editor summary{color:var(--gold);margin-bottom:10px}
.check-field{display:flex;gap:10px;align-items:center;padding:14px 0}

/* ── Footer ───────────────────────────────────────────── */
.footer{text-align:center;padding:44px 0 36px;color:#8d918f;font-size:13px}
.footer img{opacity:.6}
.footer p{margin:2px 0}
.lang-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:10px 0 12px;font-size:13px}
.lang-links a{color:#a9a08f}.lang-links a:hover{color:var(--gold)}.lang-links a[aria-current]{color:var(--gold)}
.credit{font-size:11.5px;color:#666c6c}

/* ── Download / community / notice pages ─────────────── */
.dl-hero{position:relative;margin:-6px -8px 4px;min-height:280px;display:flex;align-items:center;border-radius:4px;overflow:hidden;isolation:isolate;
  background:url('assets/login-bg.webp?v=71dda8ad82') 68% 38%/cover no-repeat;box-shadow:inset 0 0 0 1px #00000080,inset 0 0 40px #000c}
.dl-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0907f2 0%,#0b0907cc 45%,#0b090722 100%)}
.dl-copy{padding:30px 32px;max-width:520px}
.dl-copy h1{margin:0 0 10px;font:700 30px/1.15 var(--display);color:#f5ead0;text-shadow:0 2px 10px #000}
.dl-copy p{margin:0 0 14px;color:#d2ccbf;text-shadow:0 1px 3px #000}
.chip{display:inline-block;padding:3px 10px;border:1px solid #d2b27a55;border-radius:3px;background:#00000066;font:700 12px var(--body);letter-spacing:.04em;color:#e8cf96}
.dl-copy .chip{display:table;margin-bottom:20px}
.lc-btn.big{min-width:230px;min-height:46px;font-size:15px}
.lc-btn.is-off{filter:grayscale(.85) brightness(.75);pointer-events:none}
.sub-title{margin:22px 0 10px;font:700 14px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.steps li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid #ffffff12;border-radius:4px;background:#0000002e}
.steps em{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:700 16px var(--display);font-style:normal;color:#1b1206;background:radial-gradient(circle at 35% 30%,#f6e0a6,#b98a3c);box-shadow:0 0 0 2px #0c0a07,0 0 0 3px #d9b56f88}
.steps p{margin:0;color:#c9c2b5;font-size:14px}
.card-glyph{display:grid;place-items:center;width:52px;height:52px;border-radius:4px;color:#e8cf96;background:radial-gradient(circle at 50% 35%,#3a3326,#15120d);box-shadow:0 0 0 1px #000,0 0 0 2px #cfae7055}
.card-action{margin-top:auto;padding-top:8px}
.card-action .lc-btn,.card-action .button{width:100%}
.notice-page{padding:18px 10px 8px;text-align:center}
.notice-page img{width:180px;height:auto;opacity:.9;filter:drop-shadow(0 4px 8px #000)}
.notice-page .actions{justify-content:center}
.notice-page p{max-width:440px;margin:14px auto 20px;font-size:16px;color:#d2ccbf}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width:980px){
  .layout{grid-template-columns:260px minmax(0,1fr);gap:18px}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .nav-links a{padding:12px 12px;font-size:12px}
  .win-top{--cw:268px}
}
@media (max-width:760px){
  .layout{display:flex;flex-direction:column-reverse}
  .sidebar{width:100%;grid-template-columns:1fr}
  .win-top{--cw:min(360px,calc(100vw - 24px))}
  .mainnav{flex-direction:column;padding:8px 10px 12px}
  .nav-links a{padding:9px 10px}
  .nav-download{width:100%}
  .hero{min-height:260px}.hero-inner{padding:26px 22px}.hero h1{font-size:27px}
  .masthead{padding-top:24px}
  .utility-brand{display:none}
  .event-row{grid-template-columns:40px 1fr;gap:4px 12px}.event-row img{grid-row:span 2;width:40px;height:40px}.event-row div{grid-column:2}
}
@media (max-width:760px){main{order:0}}

/* Desktop reads better slightly zoomed out (owner preference ~80%); the scene, smoke and
   embers stay full size because only the page content is scaled. */
@media (min-width:1280px){
  .site{zoom:.8}
  /* keep small print legible at the reduced scale */
  body{font-size:16px}
  .win>h2{font-size:13.5px}.win.wide>h2{font-size:14px}
  .ch-name,.ch-num,.siege-next,.server-time,.mini-links,.note,.form-help,.card summary,.section-title{font-size:14.5px}
  .siege-next .rel,.rank-class,.announcement time,.chip,.utility{font-size:14px}
  .card p,.announcement p,.lead,.feature p,.steps p{font-size:15.5px}
  .card .meta,.eyebrow,.utility-brand{font-size:12.5px}
  .rank-lv small{font-size:12.5px}.credit{font-size:13px}
}
@media (min-width:1000px) and (max-width:1279px){.site{zoom:.9}}