.klan-world{--klan-bg:#151713;--klan-text:#eee8d9;--klan-muted:#c0bcad;--klan-gold:#c4a66a;--klan-line:#c4a66a40;background:var(--klan-bg);color:var(--klan-text);margin:0;overflow:clip}
.klan-world *{box-sizing:border-box}.klan-world a:focus-visible{outline:3px solid var(--klan-gold);outline-offset:5px}.klan-inner{width:calc(100% - 96px);max-width:1304px;margin:auto}
.klan-nav{border-top:1px solid var(--klan-line);border-bottom:1px solid var(--klan-line);background:#1a1d18}.klan-nav .klan-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:84px}.klan-mark{width:112px;height:70px;object-fit:contain}.klan-links{display:flex;align-items:center;gap:28px;font-size:13px}.klan-links a{padding:13px 0;white-space:nowrap}.klan-world a:hover{color:var(--klan-gold)}.klan-links .klan-current{color:var(--klan-gold);border-bottom:1px solid var(--klan-gold)}
.klan-opening{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center}.klan-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}.klan-opening:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151713f5 3%,#151713c9 40%,#15171308 78%),linear-gradient(0deg,#151713,transparent 35%)}
.klan-copy{padding:80px 0 95px;max-width:650px}.klan-kicker{font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--klan-gold);margin:0 0 26px}.klan-world h1{font:400 clamp(46px,5.2vw,76px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0 0 28px;text-wrap:balance}.klan-world h1 em{color:var(--klan-gold);font-style:normal}.klan-lead{font-size:17px;line-height:1.8;max-width:440px;color:#dedbce;margin:0}.klan-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.klan-button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:14px 23px;border:1px solid var(--klan-gold);background:var(--klan-gold);color:#151713;font-size:13px;font-weight:700}.klan-world .klan-button:hover{background:#e0c48c;color:#151713}.klan-button.klan-secondary{color:var(--klan-text);background:#15171366;border-color:#c4a66a70}.klan-author{margin:32px 0 0;font-size:12px;letter-spacing:.4px;color:var(--klan-muted)}
.klan-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:40px 0 70px;border-bottom:1px solid var(--klan-line)}.klan-world h2{font:400 clamp(30px,3.1vw,43px)/1.18 Georgia,serif;letter-spacing:-.8px;margin:0;max-width:470px}.klan-intro p:not(.klan-kicker){font-size:15px;line-height:1.85;color:var(--klan-muted);margin:0 0 18px}.klan-facts{display:flex;gap:30px;flex-wrap:wrap;margin-top:25px;color:var(--klan-gold);font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.klan-paths{display:grid;grid-template-columns:repeat(3,1fr);padding:36px 0 50px;gap:36px}.klan-paths a{display:block;padding:6px 0}.klan-paths span{display:block;color:var(--klan-gold);font-size:10px;letter-spacing:2px;margin-bottom:15px}.klan-paths strong{font:400 25px Georgia,serif}.klan-paths p{color:var(--klan-muted);font-size:13px;line-height:1.65;max-width:300px}
:root[data-theme=light] .klan-world{--klan-bg:#eeeadf;--klan-text:#262b23;--klan-muted:#575d50;--klan-gold:#786031;--klan-line:#78603140}:root[data-theme=light] .klan-intro,:root[data-theme=light] .klan-paths{background:var(--klan-bg)}:root[data-theme=light] .klan-opening{--klan-gold:#c4a66a;color:#eee8d9}:root[data-theme=light] .klan-opening:after{background:linear-gradient(90deg,#151713f5 3%,#151713c9 40%,#15171308 78%),linear-gradient(0deg,#151713aa,transparent 35%)}:root[data-theme=light] .klan-author{color:#c0bcad}:root[data-theme=light] .klan-nav{--klan-gold:#c4a66a;color:#eee8d9}
@media(min-width:1700px){.klan-opening{min-height:720px}}
@media(max-width:900px){.klan-inner{width:calc(100% - 48px)}.klan-nav .klan-inner{gap:20px}.klan-links{gap:18px;overflow:auto}.klan-mark{width:90px;flex-shrink:0}.klan-intro{gap:35px}.klan-opening{min-height:620px}.klan-copy{max-width:580px}.klan-opening:after{background:linear-gradient(90deg,#151713ed,#15171390 65%,#15171325),linear-gradient(0deg,#151713,transparent 40%)}}
@media(max-width:600px){.klan-inner{width:calc(100% - 40px)}.klan-nav .klan-inner{display:block;padding-top:8px}.klan-mark{display:block;width:94px;height:58px;margin:auto}.klan-links{gap:23px;padding:0 0 6px;font-size:12px}.klan-links a{padding:12px 0}.klan-opening{min-height:660px;align-items:flex-end}.klan-landscape{object-position:64% top}.klan-opening:after{background:linear-gradient(0deg,#151713 2%,#151713eb 45%,#15171335 100%)}.klan-copy{padding:125px 0 44px}.klan-world h1{font-size:47px;letter-spacing:-1.5px}.klan-kicker{font-size:10px;letter-spacing:1.9px;margin-bottom:22px}.klan-lead{font-size:15px;line-height:1.7;max-width:340px}.klan-actions{gap:10px;margin-top:26px}.klan-button{padding:13px 17px}.klan-author{font-size:11px;line-height:1.6;margin-top:24px}.klan-intro{grid-template-columns:1fr;gap:24px;padding:35px 0}.klan-facts{gap:18px;font-size:10px}.klan-paths{grid-template-columns:1fr;gap:16px;padding:25px 0}.klan-paths a{border-bottom:1px solid var(--klan-line);padding:14px 0}.klan-paths a:last-child{border:0}.klan-paths span{margin-bottom:9px}.klan-paths p{max-width:none}.klan-world h2{font-size:33px}:root[data-theme=light] .klan-opening:after{background:linear-gradient(0deg,#151713 2%,#151713eb 45%,#15171335 100%)}}
.klan-world>.klan-nav{display:none}
body .klan-header{--bg:#1a1d18;--text:#eee8d9;--muted:#c0bcad;--accent:#c4a66a;--line:#c4a66a40;background:var(--bg);color:var(--text);width:100%;max-width:none;padding:0 max(32px,calc((100% - 1304px)/2));height:106px;border-bottom:1px solid var(--line);gap:28px}
body .klan-header .klan-header-brand img{width:120px;height:84px;object-fit:contain}
body .klan-header>nav{gap:24px;align-items:center;margin-left:auto;font-size:13px}
.klan-publisher-mark{width:45px;height:36px;object-fit:contain;display:block}
body .klan-header .games-navigation summary{display:flex;align-items:center;gap:5px}
body .klan-header .tools{gap:16px}body .klan-header .header-login span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body .klan-header .header-cart [data-cart-count]{background:#c4a66a;color:#151713}
@media(min-width:701px) and (max-width:1100px){body .klan-header{padding:0 24px;gap:16px}body .klan-header>nav{gap:14px;font-size:12px}body .klan-header .tools{gap:10px}body .klan-header .klan-header-brand img{width:95px}body .klan-header .language{display:none}}
@media(max-width:700px){body .klan-header.wrap{width:100%;padding:8px 20px;gap:12px}body .klan-header .klan-header-brand img{width:96px;height:66px}body .klan-header>nav{margin:0}body .klan-header .games-navigation summary{justify-content:flex-start}body .klan-header .klan-publisher-mark{width:48px;height:38px}body .klan-header.menu-open .header-login span{position:static;width:auto;height:auto;clip-path:none}body .klan-header.menu-open .tools{background:#1a1d18;color:#eee8d9}}
.klan-page .header{--bg:#1a1d18;--text:#eee8d9;--accent:#c4a66a;--line:#c4a66a40;background:transparent;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:30;color:var(--text)}
.klan-page .header .brand-svg{background:none!important;mask:none;-webkit-mask:none}
body.klan-page .header .brand-two-tone{visibility:visible}
.klan-page .header .header-cart [data-cart-count]{background:#c4a66a;color:#151713}
.klan-opening>.klan-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:35px}
.klan-opening-logo{grid-column:2;grid-row:1;width:100%;max-width:470px;height:auto;justify-self:center;margin-top:80px;filter:drop-shadow(0 8px 20px #0009)}
.klan-opening>.klan-inner>.klan-copy{grid-column:1;grid-row:1}
@media(max-width:1000px) and (min-width:701px){.klan-opening>.klan-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.klan-world h1{font-size:clamp(43px,5.2vw,60px)}}
@media(max-width:700px){.klan-opening>.klan-inner{display:flex;flex-direction:column;gap:20px;padding-top:125px}.klan-opening-logo{width:260px;max-width:85%;margin:0}.klan-opening>.klan-inner>.klan-copy{padding:0 0 45px;width:100%}.klan-opening .klan-kicker{margin-top:0}.klan-opening .klan-copy h1{font-size:43px}}
.klan-page.admin-bar .header{top:32px}
.klan-opening .klan-copy{padding-top:180px}
.klan-reading-layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:55px;padding:0 48px;max-width:1500px;margin:auto}
.klan-sidebar{position:sticky;top:45px;align-self:start;padding:55px 0;max-height:calc(100svh - 65px);overflow:auto}
.klan-sidebar .tsu-section-menu>summary{display:none}.klan-sidebar nav{display:flex;flex-direction:column;gap:23px;align-items:flex-start}
.klan-sidebar nav a{font-size:12px;line-height:1.5;color:var(--klan-muted);padding-bottom:5px;border-bottom:1px solid transparent}
.klan-sidebar nav a[aria-current],.klan-sidebar nav a:hover{color:var(--klan-gold);border-bottom-color:var(--klan-gold)}
.klan-reading-content{min-width:0}.klan-reading-content .klan-inner{width:100%}.klan-reading-content .klan-intro{gap:45px;padding-top:55px;scroll-margin-top:45px}
.klan-reading-content .klan-paths{grid-template-columns:1fr;gap:0}.klan-paths>a{padding:35px 0;border-bottom:1px solid var(--klan-line);scroll-margin-top:65px}.klan-paths p{max-width:600px}
@media(max-width:1100px){.klan-reading-layout{display:block;padding:0 24px}.klan-sidebar{position:sticky;top:0;z-index:40;background:var(--klan-bg);padding:0;border-bottom:1px solid var(--klan-line);overflow:visible;max-height:none}.klan-sidebar .tsu-section-menu>summary{display:flex;padding:18px 0;font-size:13px;cursor:pointer;list-style:none}.klan-sidebar .tsu-section-menu>summary:after{content:'+';margin-left:auto;color:var(--klan-gold)}.klan-sidebar .tsu-section-menu[open]>summary:after{content:'−'}.klan-sidebar .tsu-section-menu>summary::-webkit-details-marker{display:none}.klan-sidebar .tsu-section-menu:not([open])>nav{display:none}.klan-sidebar .tsu-section-menu[open]>nav{padding:10px 0 25px;max-height:60svh;overflow:auto}.klan-reading-content .klan-intro,.klan-paths>a{scroll-margin-top:90px}}
@media(max-width:700px){body.klan-page .header.wrap.menu-open{transform:none;left:0;top:0;background:#1a1d18}body.klan-page .header.menu-open nav,body.klan-page .header.menu-open .tools{background:#1a1d18;color:#eee8d9}.klan-page.admin-bar .header{top:46px}.klan-reading-layout{padding:0 20px}.klan-opening .klan-copy{padding-top:180px}}
.klan-quiz{padding:55px 0 45px;border-bottom:1px solid var(--klan-line);scroll-margin-top:90px}
.klan-quiz-panorama{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.klan-quiz-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:35px;align-items:start}
.klan-quiz-copy p:not(.klan-kicker){font-size:16px;line-height:1.85;color:var(--klan-muted);margin:0 0 24px}
.klan-quiz-copy .klan-button{margin:0}
@media(max-width:700px){.klan-quiz{padding:35px 0}.klan-quiz-copy{grid-template-columns:1fr;gap:20px;padding-top:25px}.klan-quiz-copy p:not(.klan-kicker){font-size:15px}.klan-quiz-copy .klan-button{width:100%}}
.klan-page .wtfq-result-image{position:relative;aspect-ratio:0.635;overflow:hidden;border:1px solid #c4a66a55;background:#1a1d18}
.klan-page .wtfq-result-image img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left center}
.klan-archetype-directory{padding-top:32px;margin-top:32px;border-top:1px solid var(--klan-line)}
.klan-archetype-directory h3{font:400 26px/1.2 Georgia,serif;margin:0 0 20px;color:var(--klan-text)}
.klan-archetype-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 28px}
.klan-archetype-links li{margin:0;min-width:0}.klan-archetype-links a{display:flex;align-items:center;min-height:46px;padding:10px 0;border-bottom:1px solid var(--klan-line);font-size:15px;color:var(--klan-text)}.klan-archetype-links a:hover{color:var(--klan-gold);border-bottom-color:var(--klan-gold)}
@media(max-width:600px){.klan-archetype-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px}.klan-archetype-links a{font-size:14px}.klan-archetype-directory{padding-top:25px;margin-top:25px}}
.klan-page .wtfq-result-content .klan-character-sheet-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--quiz-line);font-size:14px;line-height:1.7}
@media(max-width:700px){body.klan-page .header .brand-svg{width:54px;height:38px}}
.klan-archetypes-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:45px;align-items:start;margin-bottom:35px}
.klan-archetypes-choice>p{margin:0 0 18px;font-size:16px;line-height:1.8;color:var(--klan-muted)}
.klan-quiz-invitation{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px}
.klan-quiz-invitation p{font-size:16px;line-height:1.8;color:var(--klan-muted);max-width:650px;margin:0}
.klan-quiz-invitation .klan-button{flex-shrink:0}
@media(max-width:700px){.klan-archetypes-opening{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.klan-archetypes-choice>p,.klan-quiz-invitation p{font-size:15px}.klan-quiz-invitation{flex-direction:column;align-items:stretch;gap:18px;margin-top:24px}.klan-quiz-invitation .klan-button{align-self:flex-start}}
.klan-opening>.klan-inner{padding-top:130px;padding-bottom:50px;row-gap:24px}
.klan-opening .klan-opening-logo{grid-column:1;grid-row:1;justify-self:start;width:220px;max-width:100%;margin:0}
.klan-opening>.klan-inner>.klan-copy{grid-column:1;grid-row:2;padding:0}
.klan-opening .klan-actions a[href*="gamefound.com"]{gap:12px;background:transparent;border-color:#3ccf91;color:#3ccf91}
.klan-opening .klan-actions a[href*="gamefound.com"]::after{content:"↗";font-size:18px;line-height:1}
.klan-opening .klan-actions a[href*="gamefound.com"]:hover{background:#3ccf9118;border-color:#6ce3ad;color:#6ce3ad}
.klan-second-edition{padding:40px 0 55px;border-top:1px solid var(--klan-line);scroll-margin-top:90px}.klan-second-edition h2{max-width:none;margin:0 0 28px}.klan-second-edition h3{font:400 27px/1.25 Georgia,serif;color:var(--klan-gold);margin:30px 0 14px}.klan-second-edition>p:not(.klan-kicker){max-width:none;color:var(--klan-muted);font-size:16px;line-height:1.85;margin:0 0 18px}.klan-second-edition a{color:var(--klan-gold);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.klan-second-edition{padding:30px 0 35px}.klan-second-edition>p:not(.klan-kicker){font-size:15px}.klan-second-edition h3{font-size:24px}}
.klan-edition-video{width:100%;aspect-ratio:16/9;margin:24px 0 0;background:#171b17}.klan-edition-video iframe{display:block;width:100%;height:100%;border:0}
.klan-starter-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:45px 0;border-bottom:1px solid var(--klan-line);scroll-margin-top:90px}.klan-starter-copy h2{margin:0 0 22px}.klan-starter-copy>p:not(.klan-kicker){font-size:16px;line-height:1.8;color:var(--klan-muted);margin:0 0 20px}.klan-starter-copy .klan-starter-adventure{padding-left:16px;border-left:2px solid var(--klan-gold)}.klan-starter-adventure strong{color:var(--klan-text);font-weight:600}.klan-starter-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.klan-starter-covers figure{margin:0;min-width:0}.klan-starter-covers a{display:block}.klan-starter-covers img{display:block;width:100%;height:auto;box-shadow:0 12px 30px #0005}.klan-starter-covers figcaption{font-size:12px;line-height:1.5;color:var(--klan-gold);margin-top:12px;text-align:center}
@media(max-width:900px){.klan-starter-section{grid-template-columns:1fr;gap:28px}.klan-starter-covers{max-width:470px;width:100%}.klan-starter-copy>p:not(.klan-kicker){font-size:15px}}
.klan-starter-covers figure:last-child a{position:relative;aspect-ratio:560/792;overflow:hidden;box-shadow:0 12px 30px #0005}.klan-starter-covers figure:last-child img{position:absolute;width:167.5%;max-width:none;height:auto;left:-35.8%;top:-8.2%;box-shadow:none}
@media(max-width:700px){
 .klan-opening>.klan-inner{padding-top:130px;padding-bottom:32px;gap:18px}
 .klan-opening .klan-opening-logo{width:145px}
 .klan-opening>.klan-inner>.klan-copy{max-width:none;width:100%;min-width:0}
 .klan-opening .klan-copy h1{font-size:clamp(34px,9vw,40px);line-height:1.08;letter-spacing:-1px;text-wrap:wrap;margin-bottom:22px}
 .klan-opening .klan-copy h1 br{display:none}
 .klan-reading-content .klan-intro{row-gap:20px}
 .klan-opening .klan-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}
 .klan-opening .klan-lead{font-size:15px;line-height:1.7;max-width:none}
 .klan-opening .klan-actions{margin-top:24px;gap:10px}
 .klan-opening .klan-author{margin-top:20px}
 .klan-page .klan-opening::after{background:linear-gradient(90deg,#22251fe8,#22251fa8 62%,#22251f30),linear-gradient(0deg,#22251f,transparent 35%)}
}
@media(max-width:700px){.klan-opening>.klan-inner{align-items:flex-start;padding-top:125px;padding-bottom:40px;gap:22px}.klan-opening .klan-opening-logo{width:162px}.klan-opening>.klan-inner>.klan-copy{padding:0}}
.klan-back-to-top{display:none}
@media(max-width:700px){
 .klan-opening .klan-actions{flex-wrap:nowrap;gap:10px}
 .klan-opening .klan-actions .klan-button{font-size:12px;padding:12px;white-space:nowrap;min-height:48px}
 .klan-opening .klan-actions a[href*="gamefound.com"]{gap:8px}
 .klan-opening .klan-actions a[href*="gamefound.com"]::after{font-size:16px}
}
@media(max-width:1100px){
 body.klan-page .klan-sidebar{top:8px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:0;background:transparent;border:0;box-shadow:none}
 .klan-sidebar .tsu-section-menu{grid-column:2;grid-row:1;padding:0 12px;background:#292c24;border:1px solid #c4a66a80;box-shadow:0 4px 16px #00000050}
 .klan-sidebar .tsu-section-menu>summary{min-height:42px;padding:9px 0;box-sizing:border-box;align-items:center}
 .klan-back-to-top{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:36px;height:44px;margin:0;padding:0;border:0;border-radius:3px;background:#c4a66a;color:#151713;cursor:pointer}
 .klan-back-to-top svg{width:18px;height:18px}
 .klan-back-to-top:hover{background:#e0c48c}
}