:root{color-scheme:dark;--night:#0e1014;--panel:#151820;--line:#333741;--ink:#f5f1eb;--muted:#b5b6bf;--red:#ff5f57;--max:1232px;--sans:"Inter","Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid #ffcc82;outline-offset:4px}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(var(--max),calc(100% - 100px));margin-inline:auto}
.skip{position:fixed;top:10px;left:-999px;z-index:10;padding:.7em 1em;background:var(--ink);color:var(--night)}
.skip:focus{left:10px}
.top{border-bottom:1px solid var(--line);background:#0e1014;position:relative;z-index:2}
.top .wrap,.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:22px}
.top .wrap{min-height:80px}
.identity{display:inline-flex;gap:10px;align-items:center;line-height:1}
.identity b{font:900 24px/.95 var(--sans);letter-spacing:-.06em}
.identity small{display:block;font:9px/1.6 var(--mono);letter-spacing:.13em;color:#c9c7c6}
.identity img{width:48px;height:48px}
.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
.nav a{position:relative;padding:10px 0}
.nav a[aria-current=page]:after{content:"";height:2px;position:absolute;bottom:2px;left:0;right:0;background:var(--red)}
.nav a:hover,.foot a:hover,.trail a:hover{color:var(--red)}
.mobile{display:none}
.menumark{display:flex;align-items:center;gap:10px;padding:10px;color:#cfbdbe;font:10px/1.4 var(--mono);letter-spacing:.11em}
.nav [aria-current=location],.mobile nav [aria-current=location]{color:#ffaba0}
.tag,.micro,.meta,.trail,.count,.genre,.fig,.note{font:600 11px/1.5 var(--mono);letter-spacing:.095em;text-transform:uppercase}
.tag{display:inline-flex;align-items:center;gap:10px;color:#f2b7a7}
.tag:before{content:"";width:22px;height:2px;background:var(--red)}
.micro,.meta,.note,.genre,.trail{color:var(--muted)}
.dated{display:flex;align-items:center;gap:9px;font:600 10px/1.4 var(--mono);letter-spacing:.13em;color:#dbd7cf}
.dated:before{content:"";width:7px;height:7px;transform:rotate(45deg);background:var(--red)}
.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #4a3942;background:#11151d}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0d1016 1%,#0d1016ee 20%,#10121abd 47%,#17101b3b 78%,#10121891),linear-gradient(0deg,#0f1119bd,transparent 50%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 51%,#73132845,transparent 42%)}
.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:clamp(460px,38vw,550px);gap:24px}
.hero-copy{padding:44px 0 48px;z-index:1}
h1,h2,h3,p{margin:0}
.hero h1{font:700 clamp(60px,6.4vw,99px)/.95 var(--serif);letter-spacing:-.064em;margin:20px 0}
.hero h1 em{color:#ff8074;font-weight:normal}
.hero-copy>p{max-width:50ch;color:#d6d5db;font-size:clamp(16px,1.23vw,19px);line-height:1.55}
.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:26px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--red);border-radius:3px;background:var(--red);color:#151012;padding:11px 17px;font-size:14px;font-weight:750;transition:background .15s}
.button:hover{background:#ff8c81}
.textlink{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:14px;border-bottom:1px solid #746970;padding:6px 0}
.textlink:hover{border-color:var(--red);color:#ff9488}
.arrow{font-family:Arial,sans-serif;font-size:1.1em}
.seal{position:relative;display:grid;place-items:center;isolation:isolate;align-self:stretch;min-height:240px}
.seal:before,.seal:after{content:"";position:absolute;z-index:-1;aspect-ratio:1;width:min(85%,407px);border:1px solid #d0b3b338;border-radius:50%;transform:rotate(-22deg)}
.seal:after{width:min(92%,443px);border-style:dashed;border-color:#e0c4c326}
.seal img{position:relative;width:min(88%,398px);filter:drop-shadow(0 12px 15px #090809a6)}
.fig{position:absolute;right:0;bottom:20px;font-size:9px;letter-spacing:.16em;color:#e0d3d4}
.band{border-bottom:1px solid var(--line);background:#14161c}
.band .wrap{display:flex;gap:16px;align-items:center;min-height:47px;flex-wrap:wrap;padding-block:8px}
.band .micro{color:#c1b5bb}.band .micro:first-child{color:#ffa297}
.band b{font-size:14px;letter-spacing:.01em}
.band a{margin-left:auto}
.section{padding:48px 0 56px}
.section+.section{border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}
h2{font:700 clamp(31px,3vw,47px)/1.06 var(--serif);letter-spacing:-.046em}
.section-heading h2{margin-top:5px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;transition:border-color .15s}
.card:hover{border-color:#ac7476}
.card-body{padding:14px 16px 18px;position:relative}
.card h3{margin:4px 22px 4px 0;font-size:clamp(18px,1.6vw,24px);letter-spacing:-.04em;line-height:1.18}
.card-body .go{position:absolute;right:14px;top:22px;color:#c8c6c6}
.card-body p,.row p,.subtitle{color:var(--muted)}
.card-body p{line-height:1.4;font-size:13px}
.plate{--accent:#f29a81;--glow:#70403a;--deep:#291622;position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;min-height:105px;aspect-ratio:2.32;background:radial-gradient(ellipse at 56% 108%,var(--glow),transparent 70%),linear-gradient(135deg,var(--deep),#111620);color:var(--accent);border-bottom:1px solid #ffffff1c}
.plate:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(120deg,transparent,#000 60%)}
.plate:after{content:"";position:absolute;width:58%;height:170%;border:1px solid #ffffff13;transform:rotate(38deg);z-index:-1;right:-13%}
.plate .glyph{width:125px;max-width:54%;height:95px;position:relative;filter:drop-shadow(0 3px 5px #0006)}
.plate .index{position:absolute;top:9px;left:12px;font:10px/1.3 var(--mono);letter-spacing:.08em}
.plate .tick{position:absolute;right:11px;bottom:6px;font:14px var(--mono);opacity:.7}
.plate.mc{--accent:#a9dfb3;--glow:#365e4f;--deep:#152322}
.plate.pz{--accent:#efc787;--glow:#69583a;--deep:#2c241e}
.plate.valheim{--accent:#a7d5dc;--glow:#34575f;--deep:#19282d}
.plate.clan{--accent:#ffc8bd;--glow:#6c3647;--deep:#2d1a24}
.plate.clan img{max-height:76%;width:auto;max-width:50%;position:absolute}
.archive{background:#15171e;border-top:1px solid var(--line)}
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:17px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}
.row:hover h3{color:#ffafa7}
.count{color:#d6a79b}.row h3{font-size:clamp(17px,1.7vw,24px);line-height:1.25;letter-spacing:-.035em}
.row .genre{font-size:10px;margin-bottom:3px}
.row .go{color:#ecc5b7}
.foot{border-top:1px solid var(--line);padding:25px 0 32px;background:#0b0d10}
.foot nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#d2cfd3}
.foot .identity img{width:35px;height:35px}
.foot .identity b{font-size:18px}
.trail{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;padding:20px 0 0}
.trail a{color:#ded9da}
.pagehead{padding:27px 0 28px}
.pagehead h1,.story-head h1{font:700 clamp(40px,5.2vw,74px)/1.02 var(--serif);letter-spacing:-.055em;margin:10px 0 14px;max-width:20ch;text-wrap:balance}
.pagehead p,.story-head p{max-width:65ch;color:#cfced3;font-size:clamp(17px,1.6vw,20px);line-height:1.55}
.story-head{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:5%;padding:35px 0 38px}
.story-head .plate{aspect-ratio:1.62;border:1px solid var(--line);border-radius:4px}
.story-head .glyph{height:75%;width:66%;max-width:70%}
.story-head .index{left:17px;top:15px}
.bodywrap{background:#f1ede6;color:#252429}
.readgrid{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,67ch);justify-content:start;gap:clamp(34px,7vw,110px);padding:48px 0 60px}
.side{font:14px/1.5 var(--sans);border-top:2px solid #a54138;padding-top:12px;align-self:start}
.side a{display:block;padding:9px 0;color:#4e4240;border-bottom:1px solid #c7bfb5}
.side .micro{color:#775047}
.read section+section{margin-top:29px}
.read h2{font-size:clamp(25px,2.4vw,35px);margin:0 0 10px}
.read p,.read li{font:18px/1.7 var(--serif)}
.read p a,.read li a{color:#8a2c24;text-decoration:underline;text-underline-offset:3px}
.read .sources{border-top:1px solid #c6bcb2;padding-top:20px;margin-top:28px}
.read .sources p{font:14px/1.65 var(--sans);margin-top:6px}
.previewnote{color:#aaa9b0;font:11px/1.4 var(--mono)}
.contactlinks{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.blank{padding:50px 0 75px}.minpage{min-height:60vh}
@media(max-width:900px){.wrap{width:calc(100% - 50px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:1.06fr .94fr}.nav{gap:18px}.dated{display:none}.seal img{width:93%}.readgrid{grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:35px}}
@media(max-width:660px){.wrap{width:calc(100% - 36px)}.top .wrap{min-height:63px}.top .identity img{width:38px;height:38px}.identity b{font-size:21px}.nav{display:none}.mobile{display:block}.mobile summary{cursor:pointer;list-style:none;padding:10px 0 10px 10px;font-size:14px;font-weight:650}.mobile summary::-webkit-details-marker{display:none}.mobile summary span{color:var(--red);margin-right:5px}.mobile nav{position:absolute;top:100%;left:0;right:0;background:#191b22;border-bottom:1px solid var(--line);padding:8px 18px 16px;display:grid}.mobile nav a{padding:10px;border-bottom:1px solid var(--line)}.mobile nav [aria-current=page]{color:#ffc2b8}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:27px 0 0}.hero h1{font-size:clamp(52px,12.6vw,74px);margin:13px 0}.hero-copy>p{font-size:16px;max-width:48ch}.hero:before{background:linear-gradient(150deg,#0d1016fa 1%,#10121bd9 42%,#14131a77 72%,#101218ad)}.actions{gap:15px;margin-top:18px}.seal{min-height:0;height:clamp(180px,43vw,230px);margin:4px 0 6px}.seal img{position:absolute;inset:0;margin:auto;width:auto;height:94%;max-width:80%;object-fit:contain}.seal:before{width:auto;height:94%}.seal:after{width:auto;height:104%}.fig{display:none}.band .wrap{gap:3px 12px;padding-block:10px}.band .micro{font-size:9px}.band b{font-size:13px}.band a{display:inline-block;margin-left:0;text-decoration:underline;text-underline-offset:3px;padding:5px 0}.section{padding:29px 0 35px}.section-heading{margin-bottom:17px}.grid{gap:10px}.plate{min-height:80px;aspect-ratio:1.9}.plate .glyph{height:70px}.card-body{padding:11px 9px}.card h3{font-size:18px;line-height:1.08;margin-right:9px}.card-body .go{right:7px;top:10px;font-size:11px}.genre{font-size:9px}.card-body p{font-size:12px}.foot .wrap{align-items:start;flex-direction:column}.story-head{grid-template-columns:1fr;gap:20px;padding:21px 0 24px}.story-head .plate{width:100%;height:134px;aspect-ratio:auto}.story-head .glyph{height:90%;width:auto}.readgrid{display:block;padding:25px 0 36px}.side{margin-bottom:25px}.side a{padding:5px 0}.read p,.read li{font-size:17px}.row{gap:8px;grid-template-columns:30px minmax(0,1fr) auto}.row .go{font-size:18px}.previewnote{max-width:42ch}.section-heading .textlink{font-size:12px;white-space:nowrap}.pagehead{padding:22px 0 12px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:94px 1fr}.plate{height:100%;min-height:83px;aspect-ratio:auto}.plate .index{font-size:8px;left:5px}.plate .glyph{max-width:60%}.hero h1{font-size:50px}.actions{gap:10px}.button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Shared Joomla-ready navigation and editorial components. */
.games-menu{position:relative}.games-menu>summary{cursor:pointer;padding:10px 0;list-style:none}.games-menu>summary:after{content:" ▾";color:var(--red)}.games-submenu{position:absolute;top:100%;left:-16px;min-width:235px;padding:10px 16px;background:#191b22;border:1px solid var(--line);box-shadow:0 12px 25px #0006}.games-submenu a{display:block;white-space:nowrap;padding:8px 0}.nav{gap:22px}.discord-link{color:#ffb6a9}.game-image{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;background:#1b222c}.editorial-media{position:relative;display:block;overflow:hidden;isolation:isolate;background:#20232c}.editorial-media>img:first-child{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .2s}.editorial-media .media-mark{position:absolute;right:10px;bottom:10px;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}.card:hover .editorial-media>img:first-child{transform:scale(1.025)}.editorial-entry{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,1.3fr);gap:36px;border-top:1px solid var(--line);padding:32px 0}.editorial-entry h2{font-size:clamp(28px,3vw,42px);margin:8px 0 16px}.editorial-entry p{color:#c9c6cd;line-height:1.7;margin:12px 0}.editorial-entry>.editorial-media{align-self:start;border-radius:4px;border:1px solid var(--line)}.project-state{padding:24px 28px 28px;border:1px solid var(--line);background:var(--panel);margin-bottom:36px;border-radius:4px}.project-state h2{font-size:30px}.project-state dl{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px;margin:22px 0}.project-state dt{font:600 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#f1b6a8;margin-bottom:7px}.project-state dd{margin:0;color:#c7c7cf}.recruitment-closed{display:inline-flex;align-items:center;gap:8px;color:#b5b6bf;font-size:14px}.recruitment-closed:before{content:"";width:9px;height:9px;border-radius:50%;background:#ff5f57;flex-shrink:0}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:6%}.contact-layout h2{margin-bottom:16px}.contact-layout p{color:#c9c6cd}.form-panel{border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:28px}.form-panel h2{margin-top:8px}.demo-form{margin-top:22px}.demo-form fieldset{margin:0;padding:0;border:0;min-width:0}.demo-form legend{font:12px/1.5 var(--mono);color:#d4c6c3;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-form label{display:block;font-size:14px;color:#d3d0d3;margin-bottom:16px}.demo-form input,.demo-form select,.demo-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #565660;border-radius:3px;background:#0e1014;color:#c3c2ca;padding:11px;font:16px/1.4 var(--sans)}.demo-form textarea{resize:vertical}.demo-form :disabled{cursor:not-allowed;opacity:1}.demo-form .button:disabled{background:#333741;color:#c0bdc5;border-color:#52545c}.demo-form .check{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.6}.check input{width:18px;height:18px;flex-shrink:0;margin-top:1px}button{font-family:inherit;cursor:pointer}button.textlink{background:none;color:inherit;border:0;border-bottom:1px solid #746970}.button:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffcc82;outline-offset:4px}dialog{background:var(--panel);color:var(--ink);border:1px solid #67616b;border-radius:7px;width:min(740px,calc(100% - 28px));max-height:90vh;padding:28px;overflow:auto}dialog::backdrop{background:#020408d9}dialog h2{font-size:38px;margin:18px 0}dialog p{color:#cac6ce}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-head button{border:1px solid #6b6570;border-radius:3px;background:#252832;color:var(--ink);padding:9px 13px}.read p+p{margin-top:16px}.read section{scroll-margin-top:24px}
@media(max-width:900px){.nav{gap:15px;font-size:13px}.project-state dl{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:32px}.editorial-entry{gap:24px}.project-state{padding:22px}}
@media(max-width:760px){.nav{display:none}.mobile{display:block}.mobile>summary{cursor:pointer;padding:10px;font-weight:650;list-style:none}.mobile>nav{position:absolute;top:100%;left:0;right:0;max-height:80vh;overflow:auto;padding:10px 18px 18px;background:#191b22;border-bottom:1px solid var(--line);display:grid}.mobile>nav>a{padding:10px;border-bottom:1px solid var(--line)}.mobile .games-menu>summary{padding:10px}.mobile .games-submenu{position:static;box-shadow:none;border:0;border-left:2px solid #6d535c;margin-left:12px;min-width:0;padding:0 16px}.mobile .games-submenu a{padding:8px 0}.mobile nav .games-submenu a{border:0}.editorial-entry{grid-template-columns:1fr;gap:20px;padding:26px 0}.editorial-entry>.editorial-media>img:first-child{aspect-ratio:16/9}.project-state{padding:20px}.project-state .actions{gap:12px}.project-state .button{width:100%}.form-panel{padding:20px}.story-head .game-image{aspect-ratio:16/9;max-height:330px}.form-grid{grid-template-columns:1fr}.editorial-entry h2{margin-bottom:12px}dialog{padding:20px}dialog h2{font-size:31px}.editorial-list{padding-top:10px}}
.project-state button.recruitment-closed{color:#b5b6bf}
/* Dedicated game landing: identical blocks for all four projects. */
.game-hero{position:relative;isolation:isolate;overflow:hidden;min-height:530px;display:flex;align-items:center;border-bottom:1px solid var(--line);margin-top:18px;background:#171d26}.game-hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.game-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090c12f5 0%,#090c12d9 34%,#090c1259 76%),linear-gradient(0deg,#0e1014bf,transparent 55%)}.game-hero-copy{padding-block:64px}.game-hero h1{font:700 clamp(50px,6.5vw,88px)/1.02 var(--serif);letter-spacing:-.055em;max-width:13ch;margin:14px 0 22px;text-wrap:balance}.game-hero-copy>p{max-width:55ch;color:#dfdce1;font-size:19px;line-height:1.6}.game-hero-copy .game-slogan{font-size:25px;line-height:1.3;color:#fff4ec;margin-bottom:14px;max-width:34ch}.game-hero .button{margin-top:26px}.game-facts{padding-top:32px}.game-facts .project-state{margin-bottom:0}.game-experience{background:#15171e}.game-block{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.game-block h2{font-size:clamp(29px,3.6vw,45px);margin-top:12px;max-width:17ch}.game-block p{font-size:18px;line-height:1.75;color:#cfccd4}.game-block p+p{margin-top:16px}.game-block .textlink{margin-top:16px}.game-block .actions .textlink{margin-top:0}.article-game-link{margin-bottom:28px}
@media(max-width:760px){.game-hero{min-height:540px}.game-hero-copy{padding-block:44px}.game-hero h1{font-size:clamp(44px,10vw,66px)}.game-hero-copy>p{font-size:17px;max-width:38ch}.game-hero-copy .game-slogan{font-size:22px}.game-hero:after{background:linear-gradient(90deg,#090c12e6,#090c1282),linear-gradient(0deg,#090c12dd,transparent)}.game-hero-image{object-position:60% center}.game-block{grid-template-columns:1fr;gap:22px}.game-block h2{max-width:22ch}.game-block p{font-size:17px}.game-facts{padding-top:22px}.game-block .actions{align-items:start;flex-direction:column}}
/* Shared section hero, lightweight art gallery and click-to-load media. */
.section-hero{position:relative;isolation:isolate;overflow:hidden;padding:50px 36px;margin-top:24px;min-height:310px;border:1px solid #4b3e47;border-radius:5px;background:radial-gradient(ellipse at 85% 48%,#672f405e,transparent 53%),linear-gradient(125deg,#191c27,#10141b)}.section-hero:not(.clan-hero)>:not(.section-hero-mark){position:relative;z-index:1;max-width:68%}.section-hero h1{font-size:clamp(40px,4.8vw,66px)}.section-hero p{line-height:1.65}.section-hero-mark{position:absolute;width:30%;height:88%;right:2%;top:6%;object-fit:contain;opacity:.85;filter:drop-shadow(0 12px 24px #0008)}.clan-hero{padding-inline:36px;grid-template-columns:1.4fr .6fr}.clan-hero-image{width:100%;max-height:300px;object-fit:contain}.section-intro{max-width:65ch;color:#c9c6cd;margin:0 0 24px}.media-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.media-gallery figure{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}.gallery-open{display:block;border:0;padding:0;width:100%;background:#11151d;cursor:zoom-in}.gallery-open img{width:100%;aspect-ratio:3/2;object-fit:cover}.media-gallery figcaption{padding:13px 17px;font-weight:650}.gallery-lightbox{width:min(1200px,calc(100% - 28px));padding:16px;max-height:94vh}.gallery-lightbox figure{margin:12px 0}.gallery-lightbox figure img{width:100%;height:min(69vh,760px);object-fit:contain;background:#090c11}.gallery-lightbox figcaption{margin-top:10px;font-size:16px}.lightbox-toolbar,.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.lightbox-toolbar button,.lightbox-controls button{background:#222735;border:1px solid #77717c;color:var(--ink);padding:10px 16px;border-radius:3px}.lightbox-toolbar span{font:12px var(--mono);color:#cfc3c9}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:4px}.video-panel h3{font-size:24px;line-height:1.2;margin-bottom:14px}.video-panel p{color:#c9c6cd;margin-bottom:18px}.video-panel video,.youtube-poster,.video-panel iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:3px;background:#090d14;object-fit:contain;margin-bottom:16px}.youtube-poster{display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse,#57283d,#11151f 75%)}.youtube-poster img{height:80%;width:auto;object-fit:contain;position:absolute;top:0;opacity:.75}.youtube-poster span{position:absolute;bottom:14px;z-index:1;font-size:18px;font-weight:700;text-shadow:0 2px 4px #000}.video-panel .youtube-consent-note{font-size:13px;margin-top:14px}.video-panel [hidden]{display:none!important}
@media(max-width:760px){.section-hero{padding:30px 24px;min-height:330px;margin-top:18px}.section-hero:not(.clan-hero)>:not(.section-hero-mark){max-width:100%}.section-hero-mark{right:-18%;width:75%;opacity:.14;height:100%;top:0}.section-hero h1{font-size:clamp(37px,8vw,55px)}.clan-hero{grid-template-columns:1fr;padding:30px 24px}.clan-hero-image{height:180px;width:100%}.media-gallery{gap:12px}.media-gallery figcaption{font-size:14px;padding:11px}.video-grid{grid-template-columns:1fr}.video-panel{padding:20px}.gallery-lightbox{padding:12px}.gallery-lightbox figure img{height:60vh}.lightbox-controls button{font-size:13px;padding:10px}.media-gallery .gallery-open img{aspect-ratio:1/1}}
@media(max-width:360px){.media-gallery{grid-template-columns:1fr}.media-gallery .gallery-open img{aspect-ratio:3/2}.section-hero{padding:26px 18px}}
.gallery-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}.gallery-filter label{font-weight:650}.gallery-filter select{padding:10px 13px;background:#171b25;border:1px solid #77717c;border-radius:3px;color:var(--ink);font:inherit}.gallery-filter p{flex-basis:100%;color:#c9c6cd;font-size:13px}.media-gallery figure[hidden]{display:none}
/* La hoguera: community-led onepage and shared navigation contract. */
.nav{gap:23px}.nav-home{white-space:nowrap}.nav .nav-icon{padding:9px;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:4px}.nav-icon{position:relative}.nav-icon img{filter:brightness(0) invert(1);object-fit:contain}.nav-icon:hover,.nav-icon:focus-visible{background:#2b2732}.nav-tooltip{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;opacity:0;background:#f3eee8;color:#17151c;padding:6px 10px;border-radius:3px;font-size:12px;font-weight:650;transition:opacity .12s;z-index:5}.nav-icon:hover .nav-tooltip,.nav-icon:focus-visible .nav-tooltip{opacity:1}.hearth-community{background:#181a22}.hearth-sections{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font:13px var(--mono);color:#ffb5a9}.hearth-sections a{padding:6px 0}.hearth-art img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.hearth-visual{background:#11151c}.hearth-meeting{background:radial-gradient(ellipse at 15% 80%,#632d3c42,transparent 65%),#171820}.hearth-admission{font-size:14px!important;color:#aca9b3!important;margin-top:24px}.game-facts{padding-bottom:clamp(32px,4vw,64px)}.project-source{display:block;color:#ffb6a9;text-decoration:underline;text-underline-offset:3px;font-size:13px;margin-top:9px}.hearth-community .game-block h2{max-width:20ch}.hearth-community .game-block p{font-size:18px}.hero-copy .tag{font-size:11px}html{scroll-padding-top:20px}.hearth-community,.hearth-visual,.hearth-meeting,#mundos,#cronicas{scroll-margin-top:20px}
@media(max-width:900px){.nav{gap:14px;font-size:13px}}
@media(max-width:760px){.mobile>nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}.mobile>nav>.nav-home,.mobile>nav>.games-menu,.mobile>nav>a:not(.nav-icon){flex-basis:100%;width:100%}.mobile>nav>.nav-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;margin-top:8px}.mobile .nav-tooltip{top:calc(100% + 5px);left:0;transform:none}.hearth-sections{gap:12px 22px;margin-top:24px}.hearth-community .game-block p{font-size:17px}}

/* Hierro ennegrecido, cantos de acero y ámbar de forja. */
:root {
  --night:#111214;--panel:#1d1f22;--line:#404247;--ink:#f5f5f4;--muted:#c2c2c5;
  --red:#ffa22a;--paper:#1b1c1e;--paper-ink:#ededed;
  --ember:#ff981c;--brass:#ffad48;--wax:#ff981c;--steel:#adb1b6;
  --edge:inset 0 1px rgb(255 255 255 / .075),0 9px 22px -16px #000;
}
body{background:var(--night);color:var(--ink)}
.top{background:#121315;border-color:#343538;box-shadow:inset 0 1px #313235,0 3px 14px #0004}
.foot{background:#121315;border-color:#404246}.identity small,.previewnote{color:#bdbec2}
.nav a:hover,.foot a:hover,.mobile nav [aria-current=page]{color:var(--brass)}
.nav a[aria-current=page]:after,.tag:before{background:var(--ember)}
.tag,.count,.genre,.micro,.project-source,.side .micro,.archive .tag,.archive .genre{color:var(--brass)}
.textlink,.read a,.read p a,.read li a,.contactlinks a{color:#ffc176;border-color:#815a37}
.textlink:hover,.read a:hover{color:#ffdcab;border-color:var(--ember)}
.button,.hearth-hero .button,.game-contact .button,.form-panel .btn-primary{
 background:linear-gradient(#ffab3d,#fb9117);color:#19120a;border:1px solid #ffb253;
 box-shadow:inset 0 1px #ffd18b,0 3px 0 #965214,0 7px 16px #0003;
}
.button:hover{background:#ffb345;color:#15100a}.skip{background:#ffb344;color:#141414}
.games-submenu,.mobile>nav{background:#232428;border-color:#4c4d51;box-shadow:0 10px 22px #0005}
.nav-icon:hover,.nav-icon:focus-visible{background:#313236}.nav-tooltip{background:#393a3d;color:#fff}
.nav-icon:last-child .nav-tooltip{left:auto;right:0;transform:none}
.hearth-hero{position:relative;isolation:isolate;min-height:590px}
.hearth-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.hearth-hero:before,.game-hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#0b0c0ff5 0%,#101014c9 35%,#10101420 76%),linear-gradient(0deg,#0d0d11ba,transparent 60%)}
.hearth-hero:before{z-index:-1}.hero:after{display:none}
.hearth-hero .hero-inner{grid-template-columns:1fr;min-height:590px}.hearth-hero .hero-copy{max-width:650px;padding-block:65px}.hearth-hero .hero-copy>p{max-width:48ch;color:#f0efee}
.hero h1 em{color:#ffb45a}.hero .tag{color:#ffc578}
.hearth-community,.game-experience,.bodywrap,.archive{background:#1b1c1e;color:#eee;border-color:#383a3c}
.hearth-community h2,.archive h2,.game-experience h2,.section-heading h2,.read h2,.read .sources h2{color:#f7f6f4}
.hearth-community .game-block p,.game-experience .game-block p,.game-block p,.read p,.read li,.archive .row p,.form-panel p,.contact-layout p{color:#cbcbce}
.hearth-community .textlink,.hearth-community .textlink:hover,.game-experience .textlink,.archive .textlink,.archive .row .go{color:#ffb864;border-color:#8e6940}
.hearth-sections,.archive .row,.side a,.read .sources{border-color:#414348}
.hearth-sections,.side a,.foot nav{color:#d9d9db}
.hearth-sections a:hover,.archive .row:hover h3{color:#ffbd70}
.archive .row{grid-template-columns:minmax(0,1fr) auto}
.hearth-visual,.game-contact{background:#151618}.hearth-meeting{background:#202124}
.hearth-admission{color:#cbcbcf!important}.hearth-art img{border-color:#515258}
.section-hero{margin-block-end:clamp(24px,3vw,44px);background:radial-gradient(ellipse at 85% 75%,#633b1b55,transparent 52%),linear-gradient(115deg,#25262b,#161719);border-color:#46474c;box-shadow:var(--edge)}
.section-hero-mark{filter:drop-shadow(0 7px 12px #0008)}
.pagehead p,.story-head p,.section-intro,.subtitle,.video-panel p,.gallery-filter p{color:#c8c9cc}
.game-hero{background:#171719;border-color:#34363a}.game-hero-copy>p,.game-hero-copy .game-slogan{color:#efefef}
.game-landing{--game-accent:#ffad4d}
.game-facts{padding-bottom:clamp(32px,4vw,64px)}
.card,.video-panel,.media-gallery figure,.form-panel,.game-landing .muster{
 background:linear-gradient(120deg,#25262a,#1b1c1f 76%);border-color:#43454b;box-shadow:var(--edge)
}
.card-body p,.row p,.note,.meta{color:#c5c5c8}
.editorial-list{background:#1c1d20;color:#f1f1f2;padding:20px 30px 30px;margin-bottom:42px;border:1px solid #3a3c40;border-radius:4px}
.editorial-entry{border-color:#414247}.editorial-entry h2{color:#fff}.editorial-entry p{color:#c8c9cc}.editorial-entry .tag,.editorial-entry .textlink{color:var(--brass)}
.editorial-entry .editorial-media{background:#161719;border-color:#47484d}
.side{border-color:#d8852c}.side a:hover,.side a:focus-visible{color:#ffc27e}
.form-panel,.form-panel label,.form-panel legend,dialog,dialog .demo-form label,dialog .demo-form legend{color:#eee}
.form-panel input,.form-panel select,.form-panel textarea,dialog input,dialog select,dialog textarea,.gallery-filter select{background:#18191c;color:#f1f1f2;border-color:#67686d}
.form-panel .demo-form .button:disabled,dialog .demo-form .button:disabled{background:#37383b;color:#babbbd;border-color:#5c5d61;box-shadow:none}
dialog,.gallery-lightbox{background:#1d1e21;color:#f1f1f2;border:1px solid #585a60;box-shadow:0 16px 52px #0009}
dialog p,.lightbox-toolbar span{color:#cdced1}
dialog::backdrop{background:#08090cdb}
.lightbox-toolbar button,.lightbox-controls button,.dialog-head button{background:#292a2e;color:#eee;border-color:#66676c}
.youtube-poster{background:radial-gradient(ellipse,#663b20,#18191c 76%)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.button:focus-visible{outline:3px solid #ffb04c;outline-offset:4px;box-shadow:0 0 0 1px #101114}
.recruitment-closed:before{background:#ef6b61}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 .card,.gallery-open img,.textlink .arrow,.button{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
 .card:hover{transform:translateY(-3px);border-color:#aa793f;box-shadow:inset 0 1px #ffbd7440,0 9px 21px #0005}
 .gallery-open:hover img{transform:scale(1.025)}.textlink:hover .arrow{transform:translateX(2px)}.button:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.hearth-hero,.hearth-hero .hero-inner{min-height:540px}.hearth-hero .hero-copy{padding:52px 0}.hearth-hero-image{object-position:62% center}.hearth-hero:before,.game-hero:after{background:linear-gradient(90deg,#0a0b0fdc,#0f101473),linear-gradient(0deg,#111215df,transparent 70%)}.editorial-list{padding:10px 18px 24px}}

/* El tablón separa las noticias del mundo y la conversación con el clan. */
.game-landing .muster {
  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);
  align-items:stretch; column-gap:clamp(28px,5vw,80px); row-gap:22px;
  padding:clamp(20px,3.4vw,42px); border:1px solid #45464b; border-inline-start:3px solid var(--game-accent); border-radius:3px;
}
.muster-kicker {display:block;margin:0;color:var(--game-accent);font:600 .72rem/1.45 var(--mono);letter-spacing:.055em;text-transform:uppercase}
.game-landing .muster h2 {font-size:clamp(1.85rem,3vw,2.55rem);line-height:1.1;margin:.45rem 0 1.4rem}
.game-landing .muster dl {display:flex;flex-wrap:wrap;gap:1.15rem clamp(25px,4vw,68px);margin:0}
.game-landing .muster dt {font:550 .83rem/1.4 var(--sans);letter-spacing:0;text-transform:none;color:#b9babe;margin:0 0 .28rem}
.game-landing .muster dd {margin:0;max-width:32ch;line-height:1.4;color:#f0f0f1}
.muster-date {margin:0;color:#dedee1;line-height:1.5;max-width:44ch;text-wrap:pretty}
.muster-source {color:#ffbc70;font-size:.86rem;display:inline-block;margin-top:.3rem;text-decoration:underline;text-underline-offset:.22em}
.muster dd small {display:block;color:#c7c7ca;font-size:.85rem; margin-top:.1rem}
.muster dd a,.muster-requirements button {color:#ffbc70;text-decoration:underline;text-decoration-color:#826a50;text-underline-offset:.22em}
.muster-report,.muster-gate {display:flex;flex-direction:column;align-items:flex-start}
.muster-gate {border-inline-start:1px solid #45464b;padding-inline-start:clamp(26px,4vw,60px)}
.muster-admission {margin:.45rem 0 0;color:#c9c9cd;font-size:1.05rem;line-height:1.45}
.muster-status.recruitment-closed {color:#c9c9cd;font-weight:650}
.muster-requirements button {background:transparent;border:0;cursor:pointer;font:inherit;font-size:.875rem;padding:.38rem 0}
.muster-links {display:flex;flex-wrap:wrap;align-items:center;gap:0 1.35rem;margin-top:auto;padding-top:.4rem}
.muster-links a {display:inline-flex;align-items:center;gap:.48rem;min-height:42px;color:#e5e5e7;font:600 .94rem/1.3 var(--sans);background:transparent;border:0;padding:0;text-decoration:none}
.muster-links img {width:22px;height:18px;filter:brightness(0) invert(.89)}
.muster-links svg {width:19px;height:19px;color:#d0d0d4}
.muster-links a:hover,.muster-links a:focus-visible,.muster a:hover,.muster button:hover {color:#ffe5c1;text-decoration:underline;text-underline-offset:.22em}
@media(max-width:720px) {
  .game-landing .muster {grid-template-columns:minmax(0,1fr);align-items:start}
  .muster-gate {border-inline-start:0;border-top:1px solid #45464b;padding-inline-start:0;padding-top:1.05rem}
  .game-landing .muster h2 {margin-bottom:1rem}
  .muster-links {gap:0 1.25rem;margin-top:.2rem;padding-top:0}
}
.identity > span {display:inline-grid;justify-items:center;text-align:center}
.identity small {padding-inline-start:.13em}

/* Las cabeceras enmarcadas necesitan aire también por debajo del borde. */
.section-hero + .section {padding-block-start:0}
dialog {background:#202125;color:#f6f6f6;border-color:#505055}
dialog::backdrop {background:rgb(8 9 11 / .82)}
.sik-recruitment .sik-receipt {padding:1rem;border:1px solid #53545a;border-radius:.4rem}
.sik-recruitment .sik-receipt input {width:100%;margin-block:.4rem}
.chronicle-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:0 1.6rem}
.chronicle-topics a{display:inline-flex;align-items:center;min-height:42px;padding:.4rem .85rem;border:1px solid var(--line);border-radius:.3rem;color:#e5e5e6;font-weight:600;text-decoration:none}
.chronicle-topics a[aria-current=page]{color:#ffb35a;border-color:#ab712f;background:#2b241e}
.chronicle-topics a:is(:hover,:focus-visible){border-color:#f5a23c;color:white}
.chronicle-topics + .editorial-list{padding-block-start:0}

.world-library{display:flex;flex-wrap:wrap;gap:0 1.3rem;align-items:baseline}