/* Darkest Kingdom website - shared look. Palette: ground #000000, iron #5d554c/#2c2824/#191614,
   bone #e8dccb/#cfc1ad, muted #a8998a, ember #f0892e/#ffc46b, blood #a3261b/#6e140f. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#000000;color:#e8dccb;font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}
img{max-width:100%}
a{color:#f0892e}a:hover{color:#ffc46b}
:focus-visible{outline:2px solid #f0892e;outline-offset:3px}
.fell{font-family:'IM Fell English SC',Georgia,'Times New Roman',serif;font-weight:400}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kicker{margin:0;font-family:'IM Fell English SC',Georgia,serif;font-size:17px;letter-spacing:.3em;color:#f0892e}
.wrap{max-width:1180px;margin:0 auto}

/* iron plate: two clipped layers so the chamfered corners keep their edge */
.iron{position:relative;padding:2px;background:linear-gradient(180deg,#5d554c 0%,#2c2824 45%,#191614 100%);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.iron-in{height:100%;background:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),linear-gradient(180deg,#1b1714,#110e0c);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);box-shadow:inset 0 1px 0 rgba(255,220,180,.06),inset 0 0 0 1px #0b0908}

/* hex-cut buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;text-decoration:none;font-family:'IM Fell English SC',Georgia,serif;font-size:21px;letter-spacing:.06em;color:#f3e7d4;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);transition:color .2s,background .2s;border:0;cursor:pointer}
.btn-blood{background:linear-gradient(180deg,#a3261b,#6e140f 60%,#4a0d09)}
.btn-blood:hover{color:#ffd9a0;background:linear-gradient(180deg,#b8301f,#7c1912 60%,#520f0a)}
.btn-iron{background:linear-gradient(180deg,#4a443e,#26221f 60%,#171412)}
.btn-iron:hover{color:#ffc46b}
.btn-sm{min-height:44px;font-size:18px;padding:0 24px}
.btn:disabled{opacity:.6;cursor:wait}

/* header */
.nav{position:relative;z-index:5;background:linear-gradient(180deg,#120f0d,#0c0a09);box-shadow:0 1px 0 #3d3731,0 3px 0 #000000}
.nav-in{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#efe4d2;margin-right:auto}
.brand span{font-size:27px;letter-spacing:.06em}
.nav nav{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:center}
.nav a.link{font-family:'IM Fell English SC',Georgia,serif;font-size:19px;color:#d9cbb6;text-decoration:none;letter-spacing:.05em;padding:10px 4px}
.nav a.link:hover,.nav a.link[aria-current]{color:#ffb35c}

/* discord */
.discord{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:44px;padding:0 12px;color:#cfc1ad;text-decoration:none;font-family:Georgia,serif;font-size:15px;background:linear-gradient(180deg,#2c2824,#171412);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);transition:color .2s}
.discord:hover{color:#ffc46b}
.discord svg{width:22px;height:22px;fill:currentColor;flex:none}

/* footer */
.foot-edge{display:block;width:100%;height:30px}
.foot{background:#000000;padding:50px 24px 36px}
.foot-cols{display:flex;flex-wrap:wrap;gap:36px 64px}
.foot-col{display:flex;flex-direction:column;gap:10px}
.foot-col .fell.h{font-size:18px;letter-spacing:.12em;color:#f0892e}
.foot-col a{font-size:15px;color:#cfc1ad;text-decoration:none}
.foot-col a:hover{color:#ffc46b}
.foot-copy{border-top:1px solid #221d19;margin-top:36px;padding-top:18px;font-size:14px;color:#8f8273}
.foot-slim{background:#000000;border-top:1px solid #221d19;padding:24px}
.foot-slim .row{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:14px;color:#8f8273}
.foot-slim a{color:#cfc1ad;text-decoration:none}
.foot-slim a:hover{color:#ffc46b}

/* flames, shared by the campfire, torches, candles and beacon */
@keyframes flickA{0%,100%{transform:scale(1,1) skewX(0)}25%{transform:scale(.97,1.07) skewX(-3deg)}50%{transform:scale(1.02,.95) skewX(2deg)}75%{transform:scale(.98,1.04) skewX(-1deg)}}
@keyframes flickB{0%,100%{transform:scale(1,1)}33%{transform:scale(1.05,.92) skewX(3deg)}66%{transform:scale(.95,1.09) skewX(-2deg)}}
@keyframes glow{0%,100%{opacity:.85}30%{opacity:.6}55%{opacity:1}80%{opacity:.7}}
.flameA{transform-box:fill-box;transform-origin:50% 100%;animation:flickA 1.3s ease-in-out infinite}
.flameB{transform-box:fill-box;transform-origin:50% 100%;animation:flickB .9s ease-in-out infinite}
.flameC{transform-box:fill-box;transform-origin:50% 100%;animation:flickA .7s ease-in-out infinite reverse}
.glow{animation:glow 2.3s ease-in-out infinite}

/* the Shadows' eyes */
@keyframes blink{0%,44%,50%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}
@keyframes watch{0%,100%{opacity:var(--o)}50%{opacity:calc(var(--o) * .45)}}
.eyes{position:absolute;display:flex;gap:7px;animation:watch 7s ease-in-out infinite;transition:opacity .35s ease-out,transform .5s ease-out;pointer-events:none}
.eye{width:10px;height:4px;border-radius:50%;background:#ddd6f3;box-shadow:0 0 7px rgba(190,178,255,.55);animation:blink 6s ease-in-out infinite}
.eye.l{rotate:14deg}.eye.r{rotate:-14deg}
.eyes.flee{opacity:0!important;transform:translateY(-14px) scale(.6)}

/* the deeper you read, the closer the Shadows */
.deep{position:relative}
.deep>.edge{position:absolute;inset:0;pointer-events:none}
.deep>.wrap,.deep>.layer{position:relative}

@media (max-width:760px){.hide-sm{display:none!important}.brand span{font-size:23px}}

/* headings worn like a veteran's battle cloth: fresh splash, dried patches, a blade-wipe smear, ground-in dirt */
.war{
--splashA:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' width='200' height='200'><g fill='%23991a0f'><path d='M100 70C112 62 126 70 128 84C140 80 150 88 146 98C158 104 156 118 142 120C146 134 132 142 120 134C114 146 96 146 92 134C78 140 66 128 74 118C60 112 62 96 76 94C70 80 84 70 100 70Z'/><path d='M126 86L172 60L134 94ZM74 116L28 140L78 124ZM118 136L136 182L110 138ZM94 72L80 26L104 70ZM144 112L184 128L142 120Z'/><circle cx='177' cy='57' r='4.5'/><circle cx='186' cy='51' r='2.2'/><circle cx='22' cy='143' r='5'/><circle cx='12' cy='149' r='2.6'/><circle cx='138' cy='188' r='4'/><circle cx='78' cy='20' r='3.2'/><circle cx='190' cy='131' r='3'/><circle cx='54' cy='78' r='2.4'/><circle cx='160' cy='160' r='2'/><circle cx='40' cy='60' r='1.6'/></g><path d='M96 84C104 80 112 84 112 92C106 90 100 90 96 84Z' fill='%23d04a3a' opacity='.55'/></svg>");
--splashB:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' width='200' height='200'><g fill='%235c170f' transform='rotate(130 100 100)'><path d='M100 70C112 62 126 70 128 84C140 80 150 88 146 98C158 104 156 118 142 120C146 134 132 142 120 134C114 146 96 146 92 134C78 140 66 128 74 118C60 112 62 96 76 94C70 80 84 70 100 70Z'/><path d='M126 86L172 60L134 94ZM74 116L28 140L78 124ZM118 136L136 182L110 138Z'/><circle cx='177' cy='57' r='4'/><circle cx='22' cy='143' r='4.5'/><circle cx='138' cy='188' r='3.4'/><circle cx='54' cy='78' r='2'/><circle cx='190' cy='131' r='2.4'/></g></svg>");
--smear:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80' width='300' height='80' preserveAspectRatio='none'><path d='M4 46C70 30 180 30 296 40C230 46 140 50 60 58C40 60 18 58 4 46Z' fill='%23701a10' opacity='.85'/><path d='M30 50C100 42 190 40 270 42' stroke='%234a100a' stroke-width='3' fill='none' opacity='.6'/></svg>");
--dried:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='200'><filter id='d' x='0' y='0' width='1' height='1'><feTurbulence type='fractalNoise' baseFrequency='.016 .035' numOctaves='4' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .38 0 0 0 0 .1 0 0 0 0 .07 7 0 0 0 -3.95'/></filter><rect width='600' height='200' filter='url(%23d)'/></svg>");
--smudge:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='300'><filter id='s' x='0' y='0' width='1' height='1'><feTurbulence type='fractalNoise' baseFrequency='.01 .02' numOctaves='3' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16 0 0 0 0 .11 0 0 0 0 .07 4 0 0 0 -1.9'/></filter><rect width='900' height='300' filter='url(%23s)'/></svg>");
--dirt:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='g' x='0' y='0' width='1' height='1'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' seed='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .2 0 0 0 0 .14 0 0 0 0 .09 9 0 0 0 -5.2'/></filter><rect width='300' height='300' filter='url(%23g)'/></svg>");
color:transparent!important;-webkit-background-clip:text;background-clip:text;
background-image:var(--splashA),var(--splashB),var(--smear),var(--dried),var(--smudge),var(--dirt),linear-gradient(180deg,#f4e9d7,#d6c4aa);
background-size:auto 130%,auto 90%,38% 55%,600px 200px,900px 300px,300px 300px,100% 100%;
background-position:16% 40%,82% 75%,52% 92%,0 0,0 0,0 0,0 0;
background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,no-repeat}
.war-b{background-size:auto 110%,auto 80%,30% 40%,600px 200px,900px 300px,300px 300px,100% 100%;background-position:4% 20%,66% 90%,30% 80%,-180px -60px,-300px 0,-90px -40px,0 0}
.war-c{background-size:auto 120%,auto 85%,0 0,600px 200px,900px 300px,300px 300px,100% 100%;background-position:72% 30%,18% 85%,0 0,-360px -120px,-520px -90px,-150px -170px,0 0}

/* ---------- home: the last campfire ---------- */
@keyframes pool{0%,100%{opacity:.92}20%{opacity:.78}45%{opacity:1}70%{opacity:.84}85%{opacity:.97}}
@keyframes rise{0%{transform:translate(0,0);opacity:0}8%{opacity:1}70%{opacity:.8}100%{transform:translate(var(--dx),-640px);opacity:0}}
@keyframes creepL{0%{transform:translateX(-6%)}100%{transform:translateX(3%)}}
@keyframes creepR{0%{transform:translateX(6%)}100%{transform:translateX(-3%)}}
@keyframes lit{0%,100%{filter:brightness(.56) sepia(.45) saturate(1.35) contrast(1.08)}30%{filter:brightness(.47) sepia(.45) saturate(1.35) contrast(1.08)}60%{filter:brightness(.62) sepia(.4) saturate(1.4) contrast(1.08)}}
@keyframes smoulder{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}
@keyframes drift{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero{--lx:50%;--ly:80%;position:relative;min-height:860px;overflow:hidden;touch-action:pan-y;background:radial-gradient(ellipse at 50% 120%,#2b1609 0%,#140c08 40%,#070505 75%)}
.hero .abs{position:absolute;pointer-events:none}
.pool{animation:pool 2.7s ease-in-out infinite}
.ember{position:absolute;bottom:0;border-radius:50%;background:#ffb35c;box-shadow:0 0 6px 1px rgba(255,140,50,.85);animation:rise linear infinite}
.creepL{animation:creepL 11s ease-in-out infinite alternate}
.creepR{animation:creepR 13s ease-in-out infinite alternate}
.figure{animation:lit 2.7s ease-in-out infinite}
.burn{animation:smoulder 3.4s ease-in-out infinite}
.cue{animation:bob 2.2s ease-in-out infinite}
.fog{position:absolute;left:0;width:200%;pointer-events:none;animation:drift linear infinite}
.torch-dark{background:radial-gradient(circle 300px at var(--lx) var(--ly),rgba(255,170,90,.10) 0%,rgba(0,0,0,0) 40%,rgba(3,2,2,.62) 100%)}
.runes{filter:drop-shadow(0 0 5px #f0892e);-webkit-mask-image:radial-gradient(circle 190px at var(--lx) var(--ly),#000 0%,rgba(0,0,0,.35) 55%,transparent 100%);mask-image:radial-gradient(circle 190px at var(--lx) var(--ly),#000 0%,rgba(0,0,0,.35) 55%,transparent 100%)}
.runes svg{position:absolute}
.hero-text{position:relative;z-index:3;max-width:900px;margin:0 auto;padding:96px 24px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.hero-text h1{margin:0;font-size:clamp(54px,9vw,124px);line-height:.95;letter-spacing:.02em;filter:drop-shadow(0 0 30px rgba(255,140,60,.26)) drop-shadow(0 3px 0 #000)}
.hero-text .tag{margin:0;max-width:640px;font-size:21px;line-height:1.55;color:#d9cbb6}
.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px}
.burnt{display:block;width:100%;height:40px;margin-top:-39px;position:relative;z-index:4}

.sec-world{background:#0f0c0a;padding:96px 24px 110px}
.world{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.world>div{flex:1 1 420px;min-width:0}
.world-copy{display:flex;flex-direction:column;gap:20px}
.world-copy p.body{margin:0;font-size:19px;line-height:1.7;color:#cfc1ad}
.plates{display:grid;gap:16px}
.plate{padding:22px 28px;display:flex;gap:24px;align-items:center}
.plate .big{font-size:54px;color:#f0892e;min-width:120px}
.plate .line{font-size:18px;line-height:1.5;color:#d9cbb6}
h2.sec{margin:0;font-size:clamp(38px,4.6vw,56px);line-height:1.04;filter:drop-shadow(0 2px 0 #000)}
.sec-head{display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,64px)}
.sec-head .mid{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}

.sec-game{background:linear-gradient(180deg,#0f0c0a,#000000);padding:40px 24px 110px}
.sec-game .wrap{display:flex;flex-direction:column;gap:44px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card-lit .iron-in{transition:background .3s}
.card-lit:hover .iron-in{background:radial-gradient(ellipse at 50% 100%,rgba(240,137,46,.30),transparent 65%),linear-gradient(180deg,#1b1714,#110e0c)}
.feature{padding:30px 26px;display:flex;flex-direction:column;gap:14px}
.feature h3{margin:0;font-size:28px;color:#f1e6d3}
.feature p{margin:0;font-size:17px;line-height:1.6;color:#cfc1ad}

.sec-teaser{background:radial-gradient(ellipse at 50% 100%,#24130a 0%,#000000 60%);padding:90px 24px 110px;border-top:1px solid #221d19}
.sec-teaser .wrap{display:flex;flex-direction:column;gap:40px;align-items:center}
.teaser{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.teaser a{text-decoration:none;display:block}
.teaser .iron-in{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 16px;background:radial-gradient(ellipse at 50% 85%,rgba(240,137,46,.16),transparent 60%),linear-gradient(180deg,#1b1714,#110e0c)}
.teaser img{height:170px;width:100%;object-fit:contain;transition:filter .3s;filter:brightness(.82)}
.teaser a:hover img{filter:brightness(1.05)}
.teaser .nm{font-size:21px;color:#f1e6d3;text-align:center}
.teaser .kd{font-size:14px;letter-spacing:.08em;color:#a8998a}

.sec-watch{background:#060504;padding:100px 24px 120px;transition:background 1.2s}
.sec-watch.lit{background:radial-gradient(ellipse at 50% 30%,#3a1d0c 0%,#140c08 45%,#000000 75%)}
.watch-box{max-width:760px;margin:0 auto}
.watch-in{padding:44px 32px 52px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;background:linear-gradient(180deg,#15110f,#0c0a09);transition:background 1.2s}
.lit .watch-in{background:radial-gradient(ellipse at 50% 18%,rgba(255,150,60,.34),transparent 62%),linear-gradient(180deg,#1f1712,#0f0c0a)}
.watch-in p{margin:0;max-width:480px;font-size:18px;line-height:1.6;color:#cfc1ad}
.watch-form{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:6px}
.field{height:52px;padding:0 18px;background:#0c0a09;border:1px solid #4a433c;color:#efe4d2;font-family:Georgia,serif;font-size:17px;outline:none;flex:1 1 280px;max-width:380px;border-radius:0}
.field:focus{border-color:#f0892e}
.field::placeholder{color:#8f8273}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.watch-msg{min-height:1.6em;font-size:16px;color:#e8a080}
.when-cold{display:contents}
.beacon-on,.lit .beacon-off,.lit .when-cold{display:none}
.lit .beacon-on{display:inline}
.when-lit{display:none}
.lit .when-lit{display:flex;flex-direction:column;align-items:center;gap:18px}
.lit .eyes{opacity:0!important;transform:translateY(-14px) scale(.6)}
@keyframes beaconUp{0%{transform:scale(.2,.1);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
.beacon-fire{transform-box:fill-box;transform-origin:50% 100%;animation:beaconUp .9s ease-out both}
@keyframes smoke{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.35}100%{transform:translateY(-60px) scale(2.2);opacity:0}}
.smoke{transform-box:fill-box;transform-origin:50% 100%;animation:smoke 4s ease-out infinite}

/* ---------- survivors ---------- */
.surv{background:radial-gradient(ellipse at 50% 0%,#1f120a 0%,#000000 45%)}
.surv main{max-width:1240px;margin:0 auto;padding:64px 24px 110px;display:flex;flex-direction:column;gap:34px}
.surv-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.surv-head h1{margin:0;font-size:clamp(44px,6vw,72px);line-height:1;filter:drop-shadow(0 2px 0 #000)}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.tab{min-height:56px;padding:0 34px;border:0;cursor:pointer;font-family:'IM Fell English SC',Georgia,serif;font-size:23px;letter-spacing:.06em;color:#bcae9b;background:linear-gradient(180deg,#26221f,#151210);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 100%,0 100%);transition:color .2s}
.tab:hover{color:#ffc46b}
.tab[aria-selected="true"]{color:#ffc46b;background:radial-gradient(ellipse at 50% 120%,rgba(240,137,46,.35),transparent 70%),linear-gradient(180deg,#3d3732,#1d1916)}
.rail{height:4px;background:linear-gradient(90deg,transparent,#5d554c 15%,#5d554c 85%,transparent);box-shadow:0 2px 0 #000000}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #3a342e;background:#120f0d;color:#cfc1ad;font-family:Georgia,serif;font-size:16px;cursor:pointer;transition:border-color .2s,color .2s}
.chip:hover{border-color:#6b6157;color:#efe4d2}
.chip[aria-pressed="true"]{border-color:#f0892e;color:#f1e6d3;background:#1d1510}
.sigil{display:inline-flex;width:20px;height:20px;flex:none}
.sigil svg{width:100%;height:100%}
.blurb{margin:0;text-align:center;font-size:16px;color:#a8998a}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.unit .iron-in{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px 18px;background:radial-gradient(ellipse at 50% 92%,var(--g1),transparent 62%),linear-gradient(180deg,#1b1714,#110e0c)}
.unit .shine{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 88%,var(--g2),transparent 66%);opacity:0;transition:opacity .4s;pointer-events:none}
.unit:hover .shine{opacity:1}
.unit .rune{position:absolute;left:50%;top:22px;width:230px;height:230px;margin-left:-115px;color:var(--gc);opacity:.12;transition:opacity .4s;pointer-events:none}
.unit .rune svg{width:100%;height:100%;animation:spin 40s linear infinite}
.unit:hover .rune{opacity:.6}
.unit:hover .rune svg{animation-duration:14s}
.unit img{position:relative;height:210px;width:100%;object-fit:contain;transition:filter .4s;filter:brightness(.8)}
.unit:hover img{filter:brightness(1.06) drop-shadow(0 0 14px var(--g2))}
.unit .nm{position:relative;font-size:23px;line-height:1.1;color:#f1e6d3;text-align:center}
.unit .meta{position:relative;display:flex;align-items:center;gap:8px;font-size:15px;color:#bcae9b}
.unit .meta .sigil{width:18px;height:18px}
@keyframes spin{to{transform:rotate(360deg)}}
.empty{margin:30px 0;text-align:center;font-size:24px;color:#8f8273}
@media (hover:none){.unit .rune{opacity:.32}.unit .shine{opacity:.6}}

/* ---------- legal ---------- */
.legal main{max-width:1180px;margin:0 auto;padding:60px 24px 100px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.toc{flex:1 1 220px;max-width:260px;display:flex;flex-direction:column;gap:22px;position:sticky;top:20px}
.toc .grp{display:flex;flex-direction:column;gap:2px}
.toc .grp>span{font-size:16px;letter-spacing:.2em;color:#f0892e;margin-bottom:4px}
.toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid #2e2925;color:#cfc1ad;text-decoration:none;font-size:15px}
.toc a:hover,.toc a[aria-current]{border-left-color:#f0892e;color:#f1e6d3}
.paper{flex:999 1 560px;min-width:0}
.paper>.iron-in{padding:48px clamp(22px,5vw,64px) 56px}
.doc{max-width:760px}
.doc h1{margin:16px 0 8px;font-size:clamp(40px,5vw,58px);line-height:1;color:#f1e6d3}
.doc h2{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;font-size:30px;color:#f1e6d3;margin:46px 0 12px;scroll-margin-top:20px}
.doc h3{font-size:18px;color:#efe4d2;margin:22px 0 6px}
.doc p,.doc li{font-size:17px;line-height:1.75;color:#d4c6b2}
.doc ul,.doc ol{padding-left:22px;margin:10px 0}
.doc li{margin:6px 0}
.doc strong{color:#efe4d2}
.doc .tbl{overflow-x:auto;margin:14px 0}
.doc table{width:100%;min-width:600px;border-collapse:collapse;font-size:15px;line-height:1.55}
.doc th{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;font-size:17px;letter-spacing:.04em;color:#f0892e;text-align:left;padding:10px 12px;border-bottom:1px solid #5d554c}
.doc td{color:#d4c6b2;padding:10px 12px;border-bottom:1px solid #2e2925;vertical-align:top}
.doc td:first-child{color:#efe4d2}
.chip-draft{font-size:15px;letter-spacing:.2em;color:#000000;background:#f0892e;padding:4px 12px}
.dates{font-size:15px;color:#a8998a}
.short{border-left:3px solid #f0892e;background:#1a130e;padding:14px 20px;margin:22px 0}
@media (max-width:760px){.toc{position:static;max-width:none}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}