/* L2 Conquest. Dark-only, styled after the Lineage II client: blue-black windows with bronze and
   gold frames, gold engraved capitals (Cinzel) for titles, Barlow for reading, Barlow Condensed for
   labels and the board, Grenze Gotisch only on banners. Ember is kept for urgency (now, live). */
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url(fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-weight:400 900;font-display:swap;src:url(fonts/cinzel-var.woff2) format("woff2")}
@font-face{font-family:"Grenze Gotisch";font-weight:700;font-display:swap;src:url(fonts/grenze-gotisch-700.woff2) format("woff2")}

:root{
  color-scheme:dark;
  --ink:#0a0c10; --panel:#141820; --cell:#0c0e13; --line:#272b33; --line-2:#3e3a30;
  --bone:#ece4cf; --muted:#a49e8e; --ember:#e2672f; --ember-ink:#1a0d06; --gold:#d8b66c; --moss:#a3bb8c; --danger:#f08a6c;
  --frame:#6e5b35; --frame-hi:#b8975a;
  --gold-text:linear-gradient(180deg,#f7e9c0 0%,#dcbc74 52%,#a17938 100%);
  --display:"Cinzel","Trajan Pro",Georgia,"Times New Roman",serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cond:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --gutter-l:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:radial-gradient(1400px 700px at 50% -200px,rgba(70,82,110,.35),transparent 70%) no-repeat,var(--ink);color:var(--bone);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
img,svg,canvas{max-width:100%}
h1,h2,h3{margin:0;text-wrap:balance}
h1,h2{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:.01em;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.7))}
h1{font-size:clamp(36px,5.6vw,72px)}
h2{font-size:clamp(28px,3.8vw,46px)}
h3{font-size:19px;font-weight:500;line-height:1.3}
p{margin:0}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:20;background:var(--bone);color:var(--ink);padding:8px 12px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.eyebrow,.label,label,legend{font:600 14px var(--cond);letter-spacing:.16em;text-transform:uppercase}
.eyebrow{color:var(--gold)}
.label,label,legend{color:var(--muted)}
label span{letter-spacing:.06em;text-transform:none;color:#857c69}
.lede{color:var(--muted);max-width:64ch}
.lede b{color:var(--bone);font-weight:500}
.err{font-size:14px;color:var(--danger)}
.err:empty{display:none}
.hint{font-size:14px;color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font:600 15px var(--cond);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--bone);background:transparent;border:1px solid var(--line-2);border-radius:2px;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--bone)}
.btn-primary{background:var(--ember);border-color:var(--ember);color:var(--ember-ink)}
.btn-primary:hover{background:#f0773d;border-color:#f0773d}
.btn-small{min-height:36px;padding:0 14px;font-size:14px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px}

/* nav */
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);padding-top:max(10px,env(safe-area-inset-top,0px));background:rgba(15,14,12,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.wordmark{font:600 16px var(--cond);letter-spacing:.28em;text-transform:uppercase;text-decoration:none}
.nav-links{display:flex;gap:24px}
.nav-links a{font:600 14px var(--cond);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--bone)}

/* hero */
.hero{position:relative;border-bottom:1px solid var(--line)}
.hero-season{position:relative;background:var(--ink);padding-block:56px 48px;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.hero-grid,.timeline{max-width:var(--max);margin:0 auto}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}
.hero-copy{display:grid;gap:18px;justify-items:start}
.hero-sub{font:600 clamp(22px,2.6vw,30px)/1.25 var(--display);color:var(--gold)}
.hero-text{max-width:52ch;color:var(--muted);font-size:18px}
.countdown{display:grid;gap:8px;margin-top:6px}
.countdown-label{font:600 15px var(--cond);letter-spacing:.12em;text-transform:uppercase}
.countdown-digits{display:flex;gap:10px}
.countdown-digits span{display:grid;justify-items:center;min-width:76px;padding:10px 8px 8px;background:var(--panel);border:1px solid var(--line);font:600 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.countdown-digits b{font:600 40px/1 var(--cond);letter-spacing:.02em;color:var(--bone);font-variant-numeric:tabular-nums}
.hero-note{font-size:15px;color:var(--muted)}
.hero-banner{display:flex;flex-direction:column;align-items:center;padding-top:12px}

/* banner pieces, shared by hero and forge */
.pole{width:min(280px,92%);height:10px;border-radius:5px;background:#5b4a2c;position:relative;z-index:1}
.pole::before,.pole::after{content:"";position:absolute;top:-5px;width:20px;height:20px;border-radius:50%;background:var(--gold)}
.pole::before{left:-10px}.pole::after{right:-10px}
.banner-svg{display:block;width:100%;height:auto}
.sway{transform-origin:50% 0;animation:sway 5.5s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-.9deg) skewX(.6deg)}50%{transform:rotate(.9deg) skewX(-.6deg)}}
.hero-banner .sway{width:220px;margin-top:-4px}

/* timeline */
.timeline{position:relative;margin-top:56px;height:236px}
.tl-bands{position:absolute;left:0;right:0;top:96px;height:24px;background:var(--panel);border:1px solid var(--line)}
.band{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));overflow:hidden}
.band i{display:block;padding-left:8px;font:600 12px/22px var(--cond);font-style:normal;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--bone)}
.band-beta{background:repeating-linear-gradient(135deg,var(--line-2) 0 3px,transparent 3px 7px)}
.band-v{background:#5a4a2b}
.band-ve{background:#7c5f2f}
.band-top{background:#8f3a22}
.tl-now{position:absolute;top:-96px;bottom:-116px;left:var(--at);width:2px;margin-left:-1px;background:var(--ember);z-index:2}
.tl-now i{position:absolute;top:-4px;left:6px;font:600 12px var(--cond);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);white-space:nowrap}
.tl-list{list-style:none;margin:0;padding:0}
.tl-list li{position:absolute;left:var(--at);width:min(200px,18vw);display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.4;color:var(--muted);border-left:1px solid var(--line-2);padding-left:10px}
.tl-list time{font:600 14px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--bone)}
.tl-list .row-b{top:0;height:96px;justify-content:flex-end;padding-bottom:8px}
.tl-list .row-a{top:120px;padding-top:8px}
.tl-list .tl-end{left:auto;right:0;border-left:0;border-right:1px solid var(--line-2);padding-left:0;padding-right:10px;text-align:right}

/* sections */
main{display:grid}
.section{max-width:var(--max);width:100%;margin:0 auto;padding-block:96px 0;padding-left:var(--gutter-l);padding-right:var(--gutter-r);display:grid;gap:40px}
.section-head{display:grid;gap:14px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);counter-reset:step}
.steps li{background:var(--ink);padding:24px 22px 28px;display:grid;gap:10px;align-content:start;counter-increment:step}
.steps li::before{content:"0" counter(step);font:600 14px var(--cond);letter-spacing:.14em;color:var(--gold)}
.steps h3{font:600 24px/1.15 var(--display)}
.steps p{font-size:16px;color:var(--muted)}

.pledge-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px}
.never{background:var(--panel);border:1px solid var(--line);padding:28px 28px 32px}
.never h3,.we-sell h3{font:600 15px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.never ul{list-style:none;margin:0;padding:0;display:grid}
.never li{font:600 clamp(22px,2.4vw,28px)/1.25 var(--display);padding:10px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:8px}
.never li::before{content:"✕";font:600 18px/1.5 var(--cond);color:var(--ember);font-style:normal}
.never li:last-child{font-size:19px}
.we-sell{display:grid;gap:16px;align-content:start}
.we-sell dl{margin:0;display:grid;gap:14px}
.we-sell dt{font-weight:500}
.we-sell dd{margin:2px 0 0;color:var(--muted);font-size:16px}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px 40px}
.features article{display:grid;gap:8px;align-content:start;border-top:1px solid var(--line);padding-top:16px}
.features p{color:var(--muted);font-size:16px}

/* departures board */
.board-frame{background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.board-head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.clock{font:600 18px var(--cond);letter-spacing:.1em;color:var(--gold);font-variant-numeric:tabular-nums}
.board{--cw:18px;--cg:2px;display:grid;gap:6px;padding:20px}
.bhead{display:flex;font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.brow{display:flex;gap:var(--cg)}
.c{flex:none;width:var(--cw);height:calc(var(--cw) * 1.7);background:var(--cell);font:600 calc(var(--cw) * 1.2)/calc(var(--cw) * 1.7) var(--cond);text-align:center;border-radius:2px;position:relative;color:var(--bone)}
.c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#070605}
.c.amber,.bsub.amber{color:#e8ab3c}.c.red,.bsub.red{color:var(--ember)}.c.ok,.bsub.ok{color:var(--moss)}.c.dim,.bsub.dim{color:var(--muted)}
.bsub{font:600 14px var(--cond);letter-spacing:.12em;margin:-2px 0 8px}
.fa{animation:fa 70ms linear}.fb{animation:fb 70ms linear}
@keyframes fa{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@keyframes fb{from{transform:scaleY(.15)}to{transform:scaleY(1)}}

/* schedule */
.sched{display:grid;gap:20px}
.sched-head{display:grid;gap:6px}
.sched-head h3{font:600 30px/1.1 var(--display)}
.sched-head p{color:var(--muted);font-size:16px}
.hour{font:600 13px var(--cond);letter-spacing:.14em;text-transform:uppercase}
.cycle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cycle>li{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--k);border-radius:0;padding:18px 20px 20px;display:grid;gap:8px;align-content:start}
.cycle .hour{color:var(--k)}
.cycle h4{margin:0;font-size:20px;font-weight:500}
.cycle p{font-size:15px;color:var(--muted)}
.k-events{--k:#e8ab3c}.k-bosses{--k:var(--ember)}.k-pvp{--k:var(--moss)}
.times,.slots{font:600 16px/1.6 var(--cond);letter-spacing:.06em;color:var(--bone);font-variant-numeric:tabular-nums}
.slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0 16px}
dl.times{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 14px}
dl.times dt{font:400 15px var(--body);letter-spacing:0;color:var(--muted)}
dl.times dd{margin:0}
.oly{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0;padding:14px 20px}
.oly .hour{color:var(--gold);font-size:15px}
.oly p{font-size:15px;color:var(--muted);flex:1;min-width:240px}
.oly b{color:var(--bone);font-weight:500}
.weekend{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}
.day-card{background:var(--panel);border:1px solid var(--line);padding:20px 22px 22px;display:grid;gap:12px;align-content:start}
.day-card>p{font-size:15px;color:var(--muted)}
.day-card .day-name{font:600 13px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.day-card .day-time{font:600 28px/1.1 var(--cond);letter-spacing:.02em;color:var(--bone);font-variant-numeric:tabular-nums}
.day-time span{display:block;font:600 22px/1.3 var(--display);letter-spacing:0;margin-top:4px}
.waves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.waves table{width:100%;border-collapse:collapse;font-size:15px}
.waves caption{text-align:left;font:600 18px var(--cond);letter-spacing:.06em;color:var(--bone);padding-bottom:6px;border-bottom:1px solid var(--line-2)}
.waves td{padding:5px 0;border-bottom:1px solid var(--line)}
.waves td+td{text-align:right;font:600 15px var(--cond);color:var(--muted);font-variant-numeric:tabular-nums}
.waves .hi td{color:var(--bone)}.waves .hi td+td{color:#e8ab3c}

/* pages */
.page-head{padding-block:72px 0;gap:16px}
.page-head h1{font-size:clamp(44px,6vw,76px)}
.h-card{font-size:22px;font-weight:500;margin:0}
code{font:500 0.92em ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--bone);background:var(--cell);padding:1px 6px;border-radius:2px}
pre.code{margin:0;overflow-x:auto;font:500 15px ui-monospace,"SF Mono",Menlo,Consolas,monospace;background:var(--panel);border:1px solid var(--line);padding:16px 18px;color:var(--bone)}
.btn[aria-disabled="true"]{color:var(--muted);border-style:dashed;cursor:default}
.dl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dl-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--gold);padding:22px 22px 24px;display:grid;gap:12px;align-content:start;min-width:0}
.dl-card .hour{color:var(--gold)}
.dl-card>p{color:var(--muted);font-size:16px}
.dl-row{display:grid;gap:8px;justify-items:start;margin-top:4px}
.sha{display:grid;gap:4px;max-width:100%}
.sha code{font-size:12px;word-break:break-all}

/* form */
.form{display:grid;gap:22px;max-width:760px}
.names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.check{display:flex;gap:12px;align-items:flex-start;font:400 16px/1.5 var(--body);letter-spacing:0;text-transform:none;color:var(--bone)}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ember);flex:none}
.form-status{font-size:16px}
.form-status:empty{display:none}
.form-status.ok{color:var(--moss)}.form-status.bad{color:var(--danger)}
.reserve-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:48px}
.how{background:var(--panel);border:1px solid var(--line);padding:22px 22px 24px;display:grid;gap:14px;position:sticky;top:80px}
.how .crest-steps{font-size:15px;gap:8px}

/* privacy */
.prose{gap:16px;padding-block:64px 0}
.prose .section-head{margin-bottom:16px}
.prose h1{font-size:clamp(36px,5vw,56px)}
.prose h2{font-size:26px;margin-top:20px}
.prose p{max-width:68ch;color:var(--muted)}
.prose b{color:var(--bone);font-weight:500}

/* rankings */
.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:8px 0 0;max-width:760px}
.status-strip div{background:var(--ink);padding:14px 18px}
.status-strip dt{font:600 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.status-strip dd{margin:4px 0 0;font:600 24px/1.2 var(--cond);color:var(--bone);font-variant-numeric:tabular-nums}
.castles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.castle{background:var(--panel);border:1px solid var(--line);padding:14px 16px;display:grid;gap:2px}
.castle-name{font:600 22px/1.2 var(--display)}
.castle-owner{font-size:15px;color:var(--muted)}
.castle-pts{font:600 13px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.castle.hi .castle-pts{color:#e8ab3c}
.rank-card{background:var(--panel);border:1px solid var(--line);padding:20px 22px 22px;display:grid;gap:12px;align-content:start;min-width:0}
.rank-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.table-wrap{overflow-x:auto}
table.rank{width:100%;border-collapse:collapse;font-size:15px}
table.rank th{text-align:left;font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 12px 8px 0;border-bottom:1px solid var(--line-2)}
table.rank td{padding:8px 12px 8px 0;border-bottom:1px solid var(--line);white-space:nowrap}
table.rank .n{text-align:right;font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.empty{color:var(--muted);font-size:15px;padding:18px 0;border-top:1px dashed var(--line-2)}

/* rules and guide */
.rule-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:860px}
.rule-list li{padding:12px 0 12px 30px;position:relative;color:var(--muted);border-bottom:1px solid var(--line)}
.rule-list li::before{content:"";position:absolute;left:4px;top:20px;width:9px;height:9px;transform:rotate(45deg);background:var(--moss);box-shadow:0 0 0 2px #1d2a16}
.rule-list b{color:var(--bone);font-weight:500}
.rules,.guide-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;counter-reset:rule}
.rule-card{position:relative;border:1px solid var(--frame);border-radius:3px;background:linear-gradient(180deg,rgba(30,35,45,.97),rgba(13,15,20,.97));box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px rgba(216,182,108,.10),0 10px 28px rgba(0,0,0,.45);padding:20px 22px 22px;display:grid;gap:10px;align-content:start;counter-increment:rule}
.rule-card::before{content:counter(rule);font:600 13px var(--cond);letter-spacing:.14em;color:var(--gold)}
.rule-card::after{content:"";position:absolute;inset:-5px;pointer-events:none;background:var(--gem) no-repeat 0 0/10px,var(--gem) no-repeat 100% 0/10px,var(--gem) no-repeat 0 100%/10px,var(--gem) no-repeat 100% 100%/10px}
.rule-card p{color:var(--muted);font-size:16px}
.rule-card a,.lede a,.features a{color:var(--gold)}
table.cmd td{white-space:normal;vertical-align:top;line-height:1.55}
table.cmd td:first-child{white-space:nowrap;padding-right:20px}

/* forge */
.forge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:32px}
.forge-stage{display:flex;flex-direction:column;align-items:center}
.forge-banner{width:min(260px,76%);margin-top:-4px}
.stage-tabs{justify-content:center;margin-bottom:18px}
.forge-cloak{width:min(300px,90%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.6))}
.cloak-note{max-width:34ch;text-align:center;margin-top:14px}
.forge-controls{display:grid;gap:18px;align-content:start}
.field{display:grid;gap:8px;align-content:start;min-width:0;border:0;margin:0;padding:0}
input[type=email],input:not([type]){width:100%;min-height:46px;font:400 17px var(--body);color:var(--bone);background:var(--cell);border:1px solid var(--line-2);border-radius:2px;padding:8px 12px}
input::placeholder{color:#6f675a}
input[aria-invalid="true"]{border-color:var(--danger)}
#f-name{font:700 28px "Grenze Gotisch",Georgia,serif}
.opts{display:flex;flex-wrap:wrap;gap:6px}
.opts button{font:600 14px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--bone);background:transparent;border:1px solid var(--line-2);border-radius:2px;padding:7px 12px;cursor:pointer;min-height:38px}
.opts button[aria-pressed="true"]{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.opts .sw{width:40px;height:40px;padding:0;border:2px solid var(--line)}
.opts .sw[aria-pressed="true"]{border-color:var(--bone);box-shadow:inset 0 0 0 2px var(--ink)}
.crest{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:16px}
.crest canvas{width:64px;height:48px;image-rendering:pixelated;border:1px solid var(--line);background:var(--cell);flex:none}
.crest canvas.ally{width:32px;margin-left:-6px}
.crest p{font-size:14px;color:var(--muted)}
.crest b{display:block;color:var(--bone);font-weight:500}
.crest-howto{display:grid;gap:8px;margin-top:-6px}
.crest-for{font:600 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--bone)}
.crest-for span{letter-spacing:.06em;text-transform:none;font-weight:600;color:#857c69;margin-left:6px}
.crest-steps{margin:0 0 6px;padding-left:20px;display:grid;gap:4px;font-size:14px;color:var(--muted)}
.crest-steps li::marker{font:600 13px var(--cond);color:var(--gold)}
.hall{display:grid;gap:14px}
.hall-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}
.hall-row .ghost{aspect-ratio:2/3;border:1px dashed var(--line-2);clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%)}

/* faq */
.faq-list{display:grid;border-top:1px solid var(--line);max-width:860px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;padding:18px 0;font-size:19px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font:600 22px var(--cond);color:var(--gold)}
.faq-list details[open] summary::after{content:"–"}
.faq-list p{padding:0 0 20px;color:var(--muted);max-width:64ch}

.footer{max-width:var(--max);margin:120px auto 0;padding-block:32px max(40px,env(safe-area-inset-bottom,0px));padding-left:var(--gutter-l);padding-right:var(--gutter-r);border-top:1px solid var(--line);display:grid;gap:10px;color:var(--muted);font-size:14px}
.footer .wordmark{color:var(--bone)}
.disclaimer{max-width:70ch}

/* wipe takeover (15 January, or #wipe to preview) */
.hero-s2{position:absolute;inset:0;background:#120b08;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.hero-s2>*{width:min(100%,var(--max));margin:0 auto}
.hero-s2 .big{font:600 clamp(64px,12vw,160px)/.9 var(--display);color:var(--bone)}
.hero-s2 p{color:var(--muted);font-size:18px;padding-right:max(0px,calc(100% - 56ch))}
.hero.burning .hero-season{position:relative;z-index:1;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.wipe-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;z-index:2}

/* L2 skin: client-style windows, bevelled buttons, slots */
.never,.board-frame,.cycle>li,.oly,.day-card,.dl-card,.how,.rank-card,.castle,.forge,pre.code,.steps li,.status-strip div{
  position:relative;border:1px solid var(--frame);border-radius:3px;
  background:linear-gradient(180deg,rgba(30,35,45,.97),rgba(13,15,20,.97));
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px rgba(216,182,108,.10),0 10px 28px rgba(0,0,0,.45)}
.never::after,.board-frame::after,.cycle>li::after,.oly::after,.day-card::after,.dl-card::after,.how::after,.rank-card::after,.forge::after,.steps li::after{
  content:"";position:absolute;inset:-5px;pointer-events:none;
  background:var(--gem) no-repeat 0 0/10px,var(--gem) no-repeat 100% 0/10px,var(--gem) no-repeat 0 100%/10px,var(--gem) no-repeat 100% 100%/10px}
:root{--gem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0L10 5L5 10L0 5Z' fill='%23d8b66c'/%3E%3Cpath d='M5 2.6L7.4 5L5 7.4L2.6 5Z' fill='%235a4626'/%3E%3C/svg%3E")}
.cycle>li{border-top:1px solid var(--frame);box-shadow:inset 0 3px 0 var(--k),inset 0 0 0 1px #000,0 10px 28px rgba(0,0,0,.45)}
.dl-card{border-top:1px solid var(--frame)}
.oly{border-left:1px solid var(--frame);box-shadow:inset 3px 0 0 var(--gold),inset 0 0 0 1px #000,0 10px 28px rgba(0,0,0,.45)}
.steps{gap:14px;background:none;border:0}
.status-strip{gap:10px;background:none;border:0}
.h-card,.cycle h4,.sched-head h3,.never h3,.we-sell h3,.castle-name,.day-time span,.steps h3,.crest-for{font-family:var(--display);font-weight:600;letter-spacing:.02em;color:var(--gold)}
.never h3,.we-sell h3{font-size:17px;text-transform:none;letter-spacing:.04em}
.never li{font-size:clamp(18px,1.9vw,22px)}
.never li:last-child{font-size:17px}
.steps h3{font-size:21px}
.sched-head h3{font-size:28px}
.day-time span{font-size:20px}
.hero-sub{font-size:clamp(18px,2.1vw,24px)}
.hero-s2 .big{font-size:clamp(56px,10vw,132px);background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.wordmark{font:700 17px var(--display);letter-spacing:.14em;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{background:linear-gradient(180deg,rgba(20,24,32,.96),rgba(10,12,16,.94));border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--frame-hi) 20%,var(--frame-hi) 80%,transparent) 1}
.section-head .eyebrow,.page-head .eyebrow{display:flex;align-items:center;gap:10px}
.section-head .eyebrow::before,.page-head .eyebrow::before{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 0 2px #3b2f19;flex:none}
.features article{border-top:1px solid transparent;border-image:linear-gradient(90deg,var(--frame-hi),transparent 85%) 1}
.btn{color:#eadcb6;background:linear-gradient(180deg,#2c2820,#16130e);border:1px solid #5d4c2c;box-shadow:inset 0 1px 0 rgba(255,236,190,.14),inset 0 -1px 0 rgba(0,0,0,.6),0 0 0 1px #000}
.btn:hover{border-color:var(--gold);color:#fff4d4}
.btn-primary{color:#1b1307;background:linear-gradient(180deg,#f2d993 0%,#cfa65a 55%,#9f7636 100%);border-color:#6d5426;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 1px #000,0 3px 10px rgba(0,0,0,.5)}
.btn-primary:hover{background:linear-gradient(180deg,#fbe7ad 0%,#dbb46a 55%,#ac8240 100%);color:#140d03;border-color:#7a5f2c}
.btn[aria-disabled="true"]{color:var(--muted);background:linear-gradient(180deg,#1b1a17,#111);border-style:dashed}
.tabs button,.opts button{background:linear-gradient(180deg,#2c2820,#16130e);border-color:#5d4c2c;color:#eadcb6;box-shadow:inset 0 1px 0 rgba(255,236,190,.12),0 0 0 1px #000}
.opts button[aria-pressed="true"]{background:linear-gradient(180deg,#f2d993,#b88d48);color:#1b1307;border-color:#6d5426}
.countdown-digits span{background:linear-gradient(180deg,#07080b,#11141a);border:1px solid #4a3d24;border-radius:3px;box-shadow:inset 0 0 0 1px #000,inset 0 3px 8px rgba(0,0,0,.85),0 0 0 1px rgba(216,182,108,.12)}
.countdown-digits b{color:#f3e6c2;text-shadow:0 0 12px rgba(216,182,108,.25)}
.c{background:linear-gradient(180deg,#101318 0%,#0b0d11 50%,#090b0e 50%,#0d1015 100%);box-shadow:inset 0 0 0 1px #000;color:#f1e6c8}
input[type=email],input:not([type]){background:#07080b;border-color:#4a3d24;box-shadow:inset 0 2px 6px rgba(0,0,0,.8)}
input:focus-visible{border-color:var(--gold)}
.crest canvas,.forge .sw{box-shadow:0 0 0 1px #000}
.tl-bands{border-color:var(--frame);box-shadow:inset 0 0 0 1px #000}
.band-v{background:linear-gradient(180deg,#6b5a35,#4c3f24)}
.band-ve{background:linear-gradient(180deg,#8f6f36,#6a5126)}
.band-top{background:linear-gradient(180deg,#a3452a,#6e2b18)}
.faq-list summary{font-family:var(--display);font-weight:600;font-size:18px;color:#efe3c3}
.footer{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--frame-hi) 20%,var(--frame-hi) 80%,transparent) 1}

@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-banner{display:none}
  .pledge-grid,.forge,.cycle,.weekend,.dl-steps,.reserve-grid,.rank-pair{grid-template-columns:1fr}
  .how{position:static}
  .forge{padding:24px 16px}
  .hall-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
  .nav{flex-wrap:wrap;row-gap:6px}
  .nav-links{order:3;width:100%;gap:12px;justify-content:space-between;overflow-x:auto;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{white-space:nowrap;font-size:13px;letter-spacing:.08em}
  .hero-season{padding-block:40px 40px}
  .countdown-digits span{min-width:0;flex:1}
  .countdown-digits b{font-size:32px}
  .timeline{height:auto;margin-top:40px}
  .tl-bands,.tl-now{display:none}
  .tl-list{display:grid;gap:14px}
  .tl-list li,.tl-list .tl-end{position:static;width:auto;height:auto;padding:0 0 0 14px;border-left:2px solid var(--line-2);border-right:0;text-align:left}
  .tl-list li:nth-child(n+2){border-left-color:var(--gold)}
  .section{padding-block:72px 0;gap:28px}
  .names,.field-row,.status-strip{grid-template-columns:1fr}
  .castle{padding:10px 10px}
  .castle-name{font-size:17px}
  .castle-owner{font-size:13px}
  .page-head{padding-block:48px 0}
  .board{padding:14px}
  .board-head{padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sway,.fa,.fb{animation:none}
}