/* Layout: one long scroll, framed like an in-game window — gold-edged panels on a parchment ground, the rates board as the centrepiece. Single deliberate theme. */
:root{
  --ground:#f3e9d2;      /* parchment */
  --ground-rgb:243,233,210;
  --panel:#fbf5e8;
  --panel-rgb:251,245,232;
  --panel-2:#efe2c4;
  --line:#d6c39b;
  --bronze:#8a5c14;      /* accent: aged gold ink */
  --bronze-dim:#b08a4a;
  --parch:#2a2116;       /* body text: iron-gall ink */
  --muted:#65563f;
  --moss:#4f7d47;        /* status / online */
  --on-accent:#fffaf0;
  --display:"Marcellus SC","Cormorant SC","Trajan Pro",Georgia,serif;
  --body:"Alegreya Sans","Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{background:var(--ground);color:var(--parch);font-family:var(--body);font-size:1.0625rem;line-height:1.6;margin:0}
a{color:var(--bronze)}
a:focus-visible,button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);font-weight:400;text-wrap:balance;margin:0;letter-spacing:.02em}
h2{font-size:clamp(1.75rem,3.6vw,2.5rem);line-height:1.15}
h3{font-size:1.2rem;color:var(--parch)}
p{margin:0}
.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze)}
section{padding-block:clamp(56px,8vw,96px)}
.sec-head{display:grid;gap:10px;margin-bottom:36px;max-width:62ch}
.sec-head p{color:var(--muted)}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:84px}
.brand{font-family:var(--display);font-size:1.35rem;color:var(--parch);text-decoration:none;white-space:nowrap}
.brand b{color:var(--bronze);font-weight:400}
.nav{display:flex;gap:16px;margin-left:auto;flex-wrap:nowrap}
.nav a{color:var(--muted);text-decoration:none;font-size:.92rem;white-space:nowrap}
.nav a:hover{color:var(--parch)}


/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--bronze);color:var(--on-accent);background:var(--bronze);font-family:var(--display);font-size:1rem;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;color:var(--bronze)}
.btn.ghost:hover{background:rgba(201,164,92,.12)}
.btn.sm{padding:8px 14px;font-size:.9rem}

/* hero */
.hero{position:relative;min-height:clamp(480px,78vh,760px);display:grid;align-content:center;padding-block:clamp(28px,5vw,56px) clamp(64px,9vw,110px);overflow:hidden;isolation:isolate}
.hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;background:var(--ground) url(hero-poster.jpg) center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 38%,rgba(14,18,30,0) 0%,rgba(14,18,30,.4) 70%),linear-gradient(180deg,rgba(14,18,30,.25) 0%,rgba(14,18,30,.4) 60%,var(--ground) 100%)}
.hero{--parch:#f7f0df;--muted:#e2d9c4;--bronze:#e2b866;--bronze-dim:#c9a45c;--on-accent:#1d2236}
.hero .rates{--parch:#2a2116;--muted:#65563f;--bronze:#8a5c14;--bronze-dim:#b08a4a;--on-accent:#fffaf0}
.hero .wrap{display:grid;gap:22px;justify-items:center;text-align:center}
.hero .rates{width:100%;text-align:left}
.hero .lead{text-shadow:0 1px 12px rgba(0,0,0,.8)}
.hero .ctas{justify-content:center}
.title-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,28px);margin:0}
.title-row img{width:clamp(72px,15vw,180px);height:auto;flex:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sound{position:absolute;right:20px;top:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(10,12,20,.55);border:1px solid var(--bronze-dim);color:var(--parch);font-family:var(--mono);font-size:.78rem;padding:7px 12px;cursor:pointer;z-index:2}
.sound:hover{border-color:var(--bronze)}
.brand{display:inline-flex;align-items:center}
.brand img{width:91px;height:auto;margin-right:12px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
@media (max-width:980px){.brand img{width:72px}.top .wrap{min-height:74px}}
@media (max-width:420px){.brand img{width:56px}.top .wrap{min-height:66px}}
.hero h1{font-size:clamp(2.2rem,8.5vw,6rem);line-height:.95;color:var(--parch);text-shadow:0 2px 30px rgba(0,0,0,.6)}
.hero h1 span span{color:var(--bronze)}
.hero .lead{font-size:clamp(1.1rem,2vw,1.3rem);max-width:46ch;color:var(--parch)}
.status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.8rem;color:var(--muted)}
.status i{width:8px;height:8px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 4px rgba(111,143,98,.2)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

/* rates board */
.rates-sec{padding-block:clamp(28px,4vw,48px) 0}
.rates{position:relative;margin-top:0;border:1px solid var(--bronze-dim);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 18px 40px rgba(60,40,10,.18)}
.rates-label{position:absolute;top:-11px;left:18px;background:var(--bronze);padding:2px 10px;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-accent)}
.rates-scroll{overflow-x:auto}
.rates-tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:6px}
.rates-tbl th,.rates-tbl td{text-align:center;vertical-align:middle;border-bottom:1px solid var(--line);padding:12px 8px;width:auto}
.rates-tbl tbody tr:last-child th,.rates-tbl tbody tr:last-child td{border-bottom:0}
.rates-tbl th+th,.rates-tbl td,.rates-tbl tbody th+td{border-left:1px solid var(--line)}
.rates-tbl thead th{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;padding-top:22px}
.rates-tbl tbody th{font-family:var(--mono);font-size:.9rem;font-weight:600;color:var(--parch);white-space:nowrap;text-align:left;padding-left:18px}
.rates-tbl thead th:first-child{text-align:left;padding-left:18px}
.rates-tbl .lv-k{color:var(--muted);font-weight:500;font-size:.75rem;margin-right:2px}
.rates-tbl td{font-family:var(--display);font-size:clamp(1.4rem,3.2vw,2.1rem);line-height:1.1;color:var(--bronze)}
.rates-tbl td small{font-size:.5em;color:var(--bronze-dim);margin-right:2px}
.rates-tbl .hl{background:rgba(201,164,92,.14)}
.rates-tbl thead .hl{color:var(--bronze)}
.rates-note{margin:0;padding:10px 18px 14px;font-size:.88rem;color:var(--muted);border-top:1px solid var(--line)}
@media (max-width:620px){.rates-tbl th,.rates-tbl td{padding:10px 4px}.rates-tbl tbody th,.rates-tbl thead th:first-child{padding-left:10px}.rates-tbl thead th{font-size:.58rem;letter-spacing:.06em}.rates-tbl tbody th{font-size:.74rem}.rates-tbl .lv-k{display:none}.rates-tbl td{font-size:1.3rem}.rates-note{padding:10px 12px 12px;font-size:.8rem}.hero{padding-top:64px}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.step{padding:26px 24px 8px 0;display:grid;gap:10px;align-content:start;min-width:0}
.step+.step{padding-left:24px;border-left:1px solid var(--line)}
.step .n{font-family:var(--mono);font-size:.8rem;color:var(--bronze)}
.step p{color:var(--muted)}
@media (max-width:760px){.steps{grid-template-columns:1fr}.step,.step+.step{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}}

/* engine */
.engine{background:var(--panel)}
.engine-top{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,56px);align-items:center;margin-bottom:48px}
.engine-top figure{margin:0;border:1px solid var(--bronze-dim);position:relative}
.engine-top img{display:block;width:100%;height:auto}
.engine-top figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(0deg,rgba(10,12,20,.8),transparent);font-family:var(--mono);font-size:.75rem;color:#f7f0df;letter-spacing:.06em}
.engine-top .txt{display:grid;gap:16px;min-width:0}
.engine-top .txt p{color:var(--muted)}
.specs-inline{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--mono);font-size:.78rem;padding:5px 10px;border:1px solid var(--line);color:var(--parch);background:var(--panel-2)}
.chip b{color:var(--bronze);font-weight:600}
@media (max-width:820px){.engine-top{grid-template-columns:1fr}}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.feat div{background:var(--panel);padding:22px;display:grid;gap:8px;align-content:start}
.feat .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-dim)}
.feat p{color:var(--muted);font-size:.98rem}

/* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.why div{display:grid;gap:8px;align-content:start;padding-top:16px;border-top:2px solid var(--bronze-dim)}
.why p{color:var(--muted);font-size:.98rem}
@media (max-width:900px){.why{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.why{grid-template-columns:1fr}}

/* events */
.events{position:relative;isolation:isolate;padding-block:clamp(110px,16vw,220px)}
.events .sec-head{justify-self:start;width:fit-content;max-width:100%;background:rgba(var(--panel-rgb),.9);border:1px solid var(--line);padding:16px 22px;backdrop-filter:blur(4px)}
.events .wrap{display:grid}
.events::before{content:"";position:absolute;inset:0;z-index:-2;background:url(castle.jpg) center 40%/cover no-repeat;filter:saturate(1.1)}
.events::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--ground) 0%,rgba(var(--ground-rgb),0) 14%,rgba(var(--ground-rgb),0) 86%,var(--ground) 100%)}
.cal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ev{background:rgba(var(--panel-rgb),.88);backdrop-filter:blur(5px);box-shadow:0 10px 30px rgba(0,0,0,.25);border:1px solid var(--line);padding:22px;display:grid;gap:10px;align-content:start}
.ev .when{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--on-accent);background:var(--bronze);justify-self:start;padding:3px 9px}
.ev p{color:var(--muted)}
@media (max-width:820px){.cal{grid-template-columns:1fr}}

/* download */
.dl{display:grid;grid-template-columns:1fr;gap:16px;max-width:760px}
.pack{border:1px solid var(--line);background:var(--panel);padding:26px;display:grid;gap:14px;align-content:start}
.pack.main{border-color:var(--bronze-dim);background:linear-gradient(180deg,var(--panel-2),var(--panel))}
.pack .size{font-family:var(--mono);font-size:1.6rem;color:var(--bronze);font-variant-numeric:tabular-nums}
.pack p{color:var(--muted)}
.pack .row{display:flex;flex-wrap:wrap;gap:10px}
.help{margin-top:16px;color:var(--muted);font-size:.95rem}
@media (max-width:760px){.dl{grid-template-columns:1fr}}

/* hardware */
.hw{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px,5vw,56px);align-items:start}
.hw .tblwrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:13px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;width:38%}
td{font-family:var(--mono);color:var(--parch)}
.hw-img{display:block;width:100%;max-width:100%;height:auto;margin-top:12px;border:1px solid var(--line)}
@media (max-width:760px){.hw{grid-template-columns:1fr}}

/* media + support */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{border:1px solid var(--line);background:var(--panel);padding:26px;display:grid;gap:14px;align-content:start;min-width:0}
.card p{color:var(--muted)}
.card ul{margin:0;padding-left:1.1em;color:var(--muted);display:grid;gap:6px}
.card ul b{color:var(--parch);font-weight:500}
.fair{font-family:var(--display);font-size:1.15rem;color:var(--bronze)}
@media (max-width:760px){.duo{grid-template-columns:1fr}}

/* contact */
.contact{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;justify-content:space-between;border:1px solid var(--line);background:var(--panel);padding:18px 20px}
.cline .lbl{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block}
.cline .val{font-family:var(--mono);font-size:1.02rem;color:var(--parch);user-select:all;overflow-wrap:anywhere}
.cline > div{min-width:0}
.copy{background:transparent;border:1px solid var(--bronze-dim);color:var(--bronze);font-family:var(--mono);font-size:.8rem;padding:6px 12px;cursor:pointer}
.copy:hover{border-color:var(--bronze)}
@media (max-width:640px){.contact{grid-template-columns:1fr}}

footer{border-top:1px solid var(--line);padding-block:32px 40px;color:var(--muted);font-size:.85rem}
footer .wrap{display:grid;gap:8px}
footer .brand{font-size:1.1rem}

/* language switcher */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);color:var(--parch);font-family:var(--body);font-size:.95rem;font-weight:500;padding:7px 12px;cursor:pointer}
.lang-btn:hover{border-color:var(--bronze-dim)}
.lang-btn .car{width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translateY(-2px);margin-left:2px}
.flag{width:22px;height:15px;display:block;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;list-style:none;margin:0;padding:6px;background:var(--panel);border:1px solid var(--bronze-dim);box-shadow:0 14px 34px rgba(60,40,10,.2);display:grid;gap:2px;z-index:20}
[hidden]{display:none!important}
.lang-menu button{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;background:transparent;border:0;color:var(--parch);font-family:var(--body);font-weight:700;font-size:1rem;text-align:left;cursor:pointer}
.lang-menu button:hover{background:var(--panel-2)}
.lang-menu button[aria-checked="true"]{background:var(--bronze);color:var(--ground)}
@media (max-width:820px){.top .lang{margin-left:auto}.top .btn{margin-left:0}}
@media (max-width:420px){.lang-btn .nm{display:none}.top .btn.sm{padding:8px 10px}}

/* dark skin, toggled from the header button */
:root[data-skin="dark"]{
  --ground:#0e1312;--ground-rgb:14,19,18;--panel:#151c1a;--panel-rgb:21,28,26;--panel-2:#1b2421;
  --line:#3a3a2c;--bronze:#c9a45c;--bronze-dim:#8a7444;--parch:#ece3cf;--muted:#a8a593;--moss:#6f8f62;--on-accent:#0e1312;
  color-scheme:dark;
}
:root[data-skin="dark"] .hero .rates{--parch:#ece3cf;--muted:#a8a593;--bronze:#c9a45c;--bronze-dim:#8a7444;--on-accent:#0e1312}
.skin-btn{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;margin-left:12px;background:var(--panel);border:1px solid var(--line);color:var(--bronze);cursor:pointer;padding:0}
.skin-btn:hover{border-color:var(--bronze-dim)}
.skin-btn svg{width:20px;height:20px}
.skin-btn .sun{display:none}
:root[data-skin="dark"] .skin-btn .sun{display:block}
:root[data-skin="dark"] .skin-btn .moon{display:none}
body{transition:background-color .25s,color .25s}
@media (max-width:480px){.top .btn.sm{display:none}.top .wrap{gap:10px}.skin-btn{margin-left:4px}}

/* mini boss */
.bosses{background:var(--panel)}
.boss-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,56px);align-items:center;margin-bottom:40px}
.boss-fig{margin:0;position:relative;border:1px solid var(--bronze-dim);box-shadow:0 14px 34px rgba(0,0,0,.25)}
.boss-fig img{display:block;width:100%;height:auto}
.boss-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(0deg,rgba(10,12,20,.85),transparent);font-family:var(--mono);font-size:.75rem;color:#f7f0df;letter-spacing:.06em}
.boss-txt{display:grid;gap:16px;min-width:0}
.boss-txt p{color:var(--muted)}
.boss-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--ground)}
.boss-stats div{padding:14px 12px;display:grid;gap:2px}
.boss-stats div+div{border-left:1px solid var(--line)}
.boss-stats b{font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1.1;color:var(--bronze);font-variant-numeric:tabular-nums}
.boss-stats span{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (max-width:820px){.boss-top{grid-template-columns:1fr}}
.boss-browser{border:1px solid var(--line);background:var(--ground)}
.btabs{display:flex;flex-wrap:wrap;align-items:stretch;border-bottom:1px solid var(--line);background:var(--panel-2)}
.btabs-k{display:flex;align-items:center;padding:0 16px;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.btab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:0;border-left:1px solid var(--line);color:var(--parch);font-family:var(--mono);font-size:.9rem;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}
.btab span{font-size:.7rem;font-weight:500;color:var(--muted);border:1px solid var(--line);padding:1px 6px}
.btab:hover{background:rgba(var(--ground-rgb),.6)}
.btab[aria-selected="true"]{background:var(--bronze);color:var(--on-accent)}
.btab[aria-selected="true"] span{color:var(--on-accent);border-color:currentColor}
.blist{list-style:none;margin:0;padding:18px 20px;columns:3 220px;column-gap:28px}
.blist li{break-inside:avoid;padding:7px 0 7px 16px;border-bottom:1px dashed var(--line);position:relative;color:var(--parch)}
.blist li::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg);background:var(--bronze)}
@media (max-width:620px){.btabs-k{width:100%;padding:10px 12px 4px}.btab{padding:10px 12px;font-size:.82rem;border-left:0;border-top:1px solid var(--line);flex:1 0 25%;justify-content:center}.blist{padding:12px 14px}}

/* community board */
.cb-top{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,5vw,56px);align-items:center;margin-bottom:40px}
.cb-txt{display:grid;gap:16px;min-width:0}
.cb-txt p{color:var(--muted)}
.cb-fig{margin:0;border:1px solid var(--bronze-dim);box-shadow:0 14px 34px rgba(0,0,0,.25);background:#000;line-height:0}
.cb-fig img{display:block;width:100%;height:auto}
.cb-menu{display:grid;gap:8px}
.cb-menu-k{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cb-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cb-menu li{font-family:var(--mono);font-size:.78rem;padding:4px 10px;border:1px solid var(--line);background:var(--panel-2);color:var(--parch)}
.cb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cb-grid>div{background:var(--panel);padding:20px;display:grid;gap:8px;align-content:start;min-width:0}
.cb-tags{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--bronze)}
.cb-grid p{color:var(--muted);font-size:.96rem}
@media (max-width:980px){.cb-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.cb-top{grid-template-columns:1fr}.cb-fig{order:-1}}
@media (max-width:520px){.cb-grid{grid-template-columns:1fr}}

.boss-tp{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,4vw,44px);align-items:center;margin-bottom:32px;padding:clamp(16px,3vw,28px);border:1px solid var(--bronze-dim);background:var(--ground)}
.boss-tp-fig{margin:0;border:1px solid var(--line);line-height:0;background:#000}
.boss-tp-fig img{display:block;width:100%;height:auto}
.boss-tp-txt{display:grid;gap:12px;min-width:0}
.boss-tp-txt h3{font-size:clamp(1.3rem,2.4vw,1.7rem)}
.boss-tp-txt>p{color:var(--muted)}
.tp-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px}
.tp-steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline}
.tp-steps span{font-family:var(--mono);font-size:.78rem;color:var(--bronze)}
.tp-steps p{margin:0;color:var(--parch)}
.tp-steps b{font-family:var(--mono);font-weight:600;font-size:.88em;color:var(--bronze)}
@media (max-width:820px){.boss-tp{grid-template-columns:1fr}}

/* multi-page: left sidebar navigation */
:root{--hh:84px;--sw:244px}
@media (max-width:980px){:root{--hh:74px}}
@media (max-width:420px){:root{--hh:66px}}
.top .wrap{max-width:none;min-height:var(--hh)}
.top .lang{margin-left:auto}
.nav-toggle{display:none;width:40px;height:38px;flex:none;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--parch);cursor:pointer;padding:0}
.nav-toggle svg{width:20px;height:20px}
.side{position:fixed;top:calc(var(--hh) + 1px + env(safe-area-inset-top,0px));left:0;bottom:0;width:var(--sw);z-index:15;display:flex;flex-direction:column;gap:12px;padding:18px 12px 16px;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto}
.side-k{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 14px}
.side nav{display:grid;gap:2px}
.side .nl{display:flex;align-items:center;gap:12px;padding:11px 14px;border-left:3px solid transparent;color:var(--parch);text-decoration:none;font-size:1rem;line-height:1.25}
.side .nl::before{content:"";width:7px;height:7px;flex:none;transform:rotate(45deg);border:1px solid var(--bronze-dim)}
.side .nl:hover{background:var(--panel-2)}
.side .nl[aria-current="page"]{border-left-color:var(--bronze);background:var(--panel-2);color:var(--bronze)}
.side .nl[aria-current="page"]::before{background:var(--bronze);border-color:var(--bronze)}
.side-foot{margin-top:auto;padding:14px 6px 0;border-top:1px solid var(--line);display:grid;gap:8px}
.side-foot .btn{justify-content:center}
.side-backdrop{position:fixed;inset:0;z-index:14;background:rgba(10,12,20,.45)}
main,body>footer{margin-left:var(--sw)}
@media (max-width:980px){
  .nav-toggle{display:inline-grid}
  .side{transform:translateX(-105%);transition:transform .25s ease;box-shadow:12px 0 34px rgba(0,0,0,.25);width:min(280px,86vw)}
  .side.open{transform:none}
  main,body>footer{margin-left:0}
}
@media (min-width:981px){.side-backdrop{display:none!important}}
@media (max-width:420px){.top .wrap{gap:8px}.brand{font-size:1.1rem}.brand img{margin-right:6px}.skin-btn{margin-left:0;width:36px;height:36px}.nav-toggle{width:36px}.lang-btn{padding:7px 8px}}
.page-banner{position:relative;padding-block:clamp(40px,6vw,72px) 0}
.page-banner .wrap{display:grid;gap:10px}
.page .page-banner+section{padding-top:clamp(32px,4vw,48px)}
.page-banner h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;color:var(--parch);padding-bottom:clamp(20px,3vw,32px);border-bottom:1px solid var(--line)}
.page-banner .crumb{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.page-banner .crumb a{color:inherit;text-decoration:none}
.page main>section:first-child{padding-top:clamp(40px,6vw,72px)}
.page .rates-sec{padding-block:clamp(40px,6vw,72px)}
/* light / dark segmented switch */
.skin-seg{display:inline-flex;margin-left:12px;border:1px solid var(--line);background:var(--panel);flex:none}
.skin-opt{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:transparent;border:0;color:var(--muted);font-family:var(--body);font-size:.92rem;font-weight:500;cursor:pointer}
.skin-opt+.skin-opt{border-left:1px solid var(--line)}
.skin-opt svg{width:17px;height:17px}
.skin-opt:hover{color:var(--parch)}
.skin-opt[aria-pressed="true"]{background:var(--bronze);color:var(--on-accent);font-weight:700}
@media (max-width:860px){.skin-opt span{display:none}.skin-opt{padding:8px 9px}}
@media (max-width:720px){.lang-btn .nm{display:none}}
@media (max-width:420px){.skin-seg{margin-left:0}.skin-opt{padding:7px 7px}}
/* interface L2Classic */
.ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ui-fig{margin:0;position:relative;border:1px solid var(--bronze-dim);background:#000;line-height:0;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.ui-fig img{display:block;width:100%;height:auto}
.ui-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;line-height:1.4;background:linear-gradient(0deg,rgba(10,12,20,.85),transparent);font-family:var(--mono);font-size:.75rem;color:#f7f0df;letter-spacing:.06em}
.ui-points{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ui-points li{display:grid;gap:8px;align-content:start;padding-top:16px;border-top:2px solid var(--bronze-dim)}
.ui-points p{color:var(--muted);font-size:.98rem}
@media (max-width:860px){.ui-grid,.ui-points{grid-template-columns:1fr}}
/* premium */
.prem-rates{margin-top:8px}
.prem-how{margin-top:28px;display:grid;gap:10px;max-width:70ch}
.prem-how p{color:var(--muted)}
.prem-how b{color:var(--bronze);font-weight:600}
.prem-days{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.prem-days li{display:grid;justify-items:center;min-width:76px;padding:10px 12px;border:1px solid var(--line);background:var(--panel)}
.prem-days li b{font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1.1;color:var(--bronze)}
.prem-days li span{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
/* page background gradients: light = light -> darker, dark = dark -> lighter */
:root{--bg-end:#d6c092}
:root[data-skin="dark"]{--bg-end:#2b3732}
html{background:var(--bg-end)}
body{min-height:100vh;background:linear-gradient(180deg,var(--ground) 0%,var(--bg-end) 100%)}
.engine,.bosses{background:rgba(var(--panel-rgb),.45)}
/* events: no background image */
.events::before,.events::after{display:none}
.events{padding-block:clamp(56px,8vw,96px)}
.events .sec-head{background:none;border:0;padding:0;backdrop-filter:none}
.ev{background:var(--panel);backdrop-filter:none;box-shadow:none}