@font-face{font-family:'Chultan Jungle Glyph';src:url('../landing/chultan-jungle-glyph.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.chult-cinematic{--rune-font:'Chultan Jungle Glyph',Georgia,serif;--scene-width:max(100vw,150dvh);--scene-height:max(100dvh,66.667vw);background:#061012 var(--runestone-scene) center/cover fixed no-repeat!important;color:#f6edda}
.chult-cinematic::before{background:linear-gradient(180deg,#030b151c,#0002 75%,#0007)!important;filter:none}
.chult-cinematic::after{display:none}
.chult-cinematic .chult-atmosphere{position:fixed;pointer-events:none;z-index:0;width:var(--scene-width);height:var(--scene-height);left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}
.chult-fire{position:absolute;top:55%;width:13%;height:22%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#ffd36d80 0%,#ff9d2240 22%,#f66a0819 47%,transparent 70%);mix-blend-mode:screen;animation:chult-torch 2.7s ease-in-out infinite alternate}
.chult-fire-left{left:22%}.chult-fire-right{left:78%;animation-delay:-1.6s;animation-duration:3.1s}
.chult-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#e8fbff;box-shadow:0 0 7px 2px #b5e7ff88;animation:chult-twinkle 4.8s ease-in-out infinite}
@keyframes chult-torch{0%,100%{opacity:.45;filter:blur(3px)}12%,36%,72%{opacity:.8;filter:blur(7px)}20%,48%,89%{opacity:.55;filter:blur(4px)}}
@keyframes chult-twinkle{0%,100%{opacity:.15;transform:scale(.6)}45%{opacity:.85;transform:scale(1.2)}60%{opacity:.3}}
@keyframes chult-letter-glow{from{text-shadow:0 0 8px #e7c77b66,0 0 24px #ffba3c33}to{text-shadow:0 0 12px #ffe8a699,0 0 32px #ffba3c66}}
.chult-cinematic h1,.chult-cinematic .v061-primary,.chult-cinematic .v061-auth label{font-family:var(--rune-font)!important;font-weight:400!important}
.chult-cinematic .v061-primary{font-size:.9rem;letter-spacing:.075em;min-height:52px;background:linear-gradient(180deg,#ab87452e,#3b2f1b99);border:1px solid #c8ab70;box-shadow:inset 0 0 18px #0a0a0a,0 0 22px #e4b96b17;color:#fff0ce;text-shadow:0 0 10px #d6af68;border-radius:2px;padding:.9rem 1.4rem}
.chult-cinematic button:focus-visible,.chult-cinematic input:focus-visible{outline:2px solid #fff1bf;outline-offset:5px}
.chult-cinematic button:disabled{opacity:.4;cursor:default}
.chult-cinematic>.v061-welcome{min-height:100dvh;box-sizing:border-box;padding:clamp(72px,12vh,130px) 20px 84px;gap:14px;justify-content:center;max-width:none}
.chult-cinematic>.v061-welcome::before{display:none}
.chult-cinematic .chult-welcome-glyph{width:46px;height:46px;filter:drop-shadow(0 0 12px #e8c16b);margin:0}
.chult-cinematic .v061-welcome>p:not(.v061-eyebrow){max-width:310px;font-size:.85rem;line-height:1.7;margin:0 0 7px;color:#d1cbbd}
.chult-cinematic .v061-eyebrow{font:500 .65rem/1.6 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d9c69b}
.chult-cinematic .v061-flame-title{display:grid;gap:12px;margin:8px 0 10px;color:#f5e3ad!important;line-height:1.1;filter:none;animation:chult-letter-glow 4s ease-in-out infinite alternate;background:none;-webkit-text-fill-color:initial}
.chult-cinematic .v061-flame-title span{font-family:var(--rune-font);background:none;-webkit-text-fill-color:initial;color:inherit;filter:none}
.chult-cinematic .v061-flame-title span:first-child{font-size:clamp(3rem,6.5vw,6rem);letter-spacing:.14em;padding-left:.14em}
.chult-cinematic .v061-flame-title span:last-child{font-size:clamp(1.1rem,2vw,1.8rem);letter-spacing:.14em}
.chult-photo-actions{display:flex;justify-content:center;gap:26px;margin-top:4px}
.chult-photo-action{display:grid;justify-items:center;gap:0;border:0;background:transparent!important;padding:0;cursor:pointer;color:#e7d8b8;font:500 .65rem/1.4 system-ui,sans-serif;letter-spacing:.06em}
.chult-photo-action img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 6px 10px #000);transition:transform .25s,filter .25s}
.chult-photo-action:hover img{transform:translateY(-4px);filter:drop-shadow(0 0 12px #d8bc6f77)}
.chult-cinematic .chult-gm-gem{position:static;align-self:center;flex:none;width:44px;height:44px;padding:10px 12px;margin:0 auto;background:transparent;border:0;touch-action:manipulation}
.chult-gm-gem span{display:block;width:20px;height:24px;clip-path:polygon(50% 0,95% 32%,80% 82%,50% 100%,12% 72%,5% 25%);background:conic-gradient(from 20deg,#084943,#74dfcd,#124b48,#b1f9de,#186658,#084943);box-shadow:0 0 12px #68e6c9;opacity:.85}
.chult-cinematic .v061-persistent-audio{position:fixed!important;z-index:40;left:0!important;right:0!important;top:auto!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box;display:grid;grid-template-columns:1fr 58px;border-radius:0;background:#071311f2;backdrop-filter:blur(16px);border-top:1px solid color-mix(in srgb,var(--selection-accent) 50%,transparent);padding-bottom:env(safe-area-inset-bottom);animation:chult-bar-in 1.3s ease-out both}
@keyframes chult-bar-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.chult-cinematic .v061-persistent-audio .v047-audio-main{min-height:56px;border:0;border-radius:0;display:flex;gap:16px;justify-content:center;align-items:center;background:transparent}
.chult-cinematic .v061-persistent-audio .v047-audio-title{font:500 .75rem/1.4 system-ui,sans-serif;letter-spacing:.06em;max-width:none;white-space:normal;text-align:left;color:#dfd9c7}
.chult-cinematic .v061-persistent-audio .v047-audio-menu-toggle{border:0;border-left:1px solid #ffffff15;border-radius:0;min-height:56px}
.chult-cinematic .v061-persistent-audio .v047-audio-menu{position:absolute;top:auto;bottom:calc(100% + 6px);right:10px;left:auto;width:min(440px,calc(100vw - 20px));max-height:50dvh;overflow:auto;background:#0b1817f7}
.chult-cinematic.v061-picker{height:100dvh;overflow:hidden}
.chult-catalog{position:relative;z-index:1;height:calc(100dvh - 57px - env(safe-area-inset-bottom));display:grid;grid-template-rows:60px 44px minmax(0,1fr) 48px;background:#080e10}
.chult-catalog-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:8px;border-bottom:1px solid #ffffff12}
.chult-catalog-header .v061-text-button{font-family:var(--rune-font);font-size:.9rem;color:#efdeb5}
.chult-counter{font:500 .72rem system-ui;color:#d8c69d;white-space:nowrap}
.chult-faction-tabs{position:relative;display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #ffffff20;gap:0;padding:0 16px}
.chult-faction-tabs button{flex:1 0 auto;min-width:75px;padding:8px 14px;background:none;border:0;border-bottom:2px solid transparent;color:#aab5ad;font:600 .65rem system-ui;letter-spacing:.09em}
.chult-faction-tabs button[aria-selected=true]{color:#fff0c9;border-bottom-color:var(--selection-accent);background:color-mix(in srgb,var(--selection-accent) 18%,transparent)}
.chult-catalog-track{display:flex;width:100%;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.chult-faction-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;display:grid;grid-template-columns:1.05fr 1fr;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--selection-accent) 15%,transparent),transparent 70%),#080e10;border-top:2px solid var(--selection-accent)}
.chult-catalog-art{position:relative;min-height:100%;overflow:hidden}
.chult-catalog-art>.v061-faction-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 24%;max-height:none;border:0;border-radius:0}
.chult-catalog-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080e10 0%,#080e1040 50%,transparent 75%)}
.chult-art-caption{position:absolute;z-index:1;bottom:0;padding:36px;width:100%;box-sizing:border-box}
.chult-art-caption h1{font-size:clamp(1.8rem,3.6vw,3.6rem)!important;line-height:1.3;color:#f5e8c8;margin:10px 0;text-shadow:0 0 25px color-mix(in srgb,var(--selection-accent) 60%,transparent)}
.chult-art-caption>p{font:italic 1.1rem/1.5 Georgia,serif;color:#e5d4ae;margin:0;max-width:32rem}
.chult-catalog-lore{padding:clamp(22px,3.5vw,52px);font:400 .92rem/1.8 system-ui;color:#c9d0c9;overflow-y:auto}
.chult-culture-photo{width:100%;height:clamp(120px,22vh,220px);object-fit:cover;object-position:center 40%;border-bottom:2px solid var(--selection-accent);margin-bottom:16px}
.chult-catalog-lore h2{font:400 1.7rem/1.2 Georgia,serif;color:#f4e7c8;margin:10px 0 20px}
.chult-playstyle{border-left:2px solid var(--selection-accent);padding-left:16px;font-style:italic}
.chult-catalog-lore .v061-primary{margin:10px 0;width:100%}
.chult-catalog-footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #ffffff16;color:#a9b6ac;font:400 .65rem system-ui;letter-spacing:.06em}
.chult-catalog-footer button{background:none;border:0;color:#f3dfab;font-size:1.4rem;width:44px;min-height:44px}
.chult-cinematic>.v061-auth{box-sizing:border-box;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;width:min(370px,88vw);max-width:370px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:80px 12px 100px;text-align:center;gap:12px}
.chult-cinematic .v061-auth h1{font-size:clamp(1.3rem,2.4vw,2rem)!important;line-height:1.4;margin:0;color:#f5eac7;text-shadow:0 0 15px var(--selection-accent)}
.chult-cinematic .v061-auth p{margin:0;font-size:.8rem;line-height:1.6;color:#d9d2c0}
.chult-cinematic .v061-auth-portrait{height:90px;width:90px;margin:0 auto;border-radius:50%;border:1px solid var(--selection-accent);overflow:hidden;box-shadow:0 0 20px #000}
.chult-cinematic .v061-auth-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.chult-cinematic .v061-auth form{display:grid;gap:20px;margin-top:10px}
.chult-cinematic .v061-auth label{display:grid;gap:12px;color:#e9f7dc;text-shadow:0 0 10px var(--selection-accent);font-size:.8rem;letter-spacing:.06em}
.chult-cinematic .v061-auth input{width:100%;box-sizing:border-box;min-height:56px;border-radius:2px;border:1px solid color-mix(in srgb,var(--selection-accent) 60%,#858779);background:linear-gradient(#05110f55,#0006),url('../landing/runestone-jungle.png') center 45%/600% auto;color:#dcffe6;box-shadow:inset 0 3px 14px #000,0 0 15px color-mix(in srgb,var(--selection-accent) 18%,transparent);text-shadow:0 0 8px var(--selection-accent);font:22px var(--rune-font);letter-spacing:.2em;text-align:center;padding:12px}
.chult-cinematic>.v061-detail,.chult-cinematic>.v061-confirm{margin-bottom:90px}
.chult-cinematic .v061-sticky-action{bottom:calc(57px + env(safe-area-inset-bottom))}
.chult-cinematic .v061-auth .v047-login-notice{background:#26120de8;color:#ffe6d1;border:1px solid #c89571;padding:10px;text-shadow:none}
@media(max-width:700px){
 .chult-cinematic{--scene-width:150dvh;--scene-height:100dvh;background-size:auto 100dvh}
 .chult-cinematic>.v061-welcome{padding-top:70px;padding-bottom:88px;gap:12px}
 .chult-cinematic .v061-flame-title span:first-child{font-size:3.3rem}
 .chult-cinematic .v061-flame-title span:last-child{font-size:1.2rem}
 .chult-catalog-header{padding:0 14px}
 .chult-catalog-header .v061-eyebrow{font-size:.55rem;letter-spacing:.1em}
 .chult-catalog{grid-template-rows:52px 40px minmax(0,1fr) 44px}
 .chult-faction-slide{display:block}
 .chult-catalog-art{height:49dvh;min-height:290px}
 .chult-art-caption{padding:24px 22px 10px}
 .chult-art-caption h1{font-size:1.8rem!important;line-height:1.25}
 .chult-art-caption>p{font-size:.95rem}
 .chult-catalog-lore{padding:18px 22px 30px;overflow:visible}
 .chult-culture-photo{height:150px;float:right;width:40%;margin:0 0 12px 16px}
 .chult-catalog-lore h2{font-size:1.4rem}
 .chult-catalog-lore .v061-primary{clear:both}
 .chult-cinematic .v061-auth h1{font-size:1.45rem!important}
}
@media(max-height:650px){.chult-cinematic>.v061-welcome{padding-top:24px;gap:8px}.chult-cinematic .chult-welcome-glyph{display:none}.chult-photo-action img{width:68px;height:68px}.chult-cinematic .v061-flame-title span:first-child{font-size:2.8rem}.chult-cinematic>.v061-auth{padding-top:25px}.chult-cinematic .v061-auth-portrait{height:64px;width:64px}}
@media(prefers-reduced-motion:reduce){.chult-cinematic *,.chult-cinematic *::before,.chult-cinematic *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chult-star{opacity:.4}.chult-fire{opacity:.55}}

.chult-install-action{margin:0 auto}
.chult-install-help{max-width:360px;margin:0 auto;padding:12px 16px;border:1px solid #c8ab7066;background:#071311ed;color:#e7d8b8;font:400 .8rem/1.65 system-ui,sans-serif;text-align:left}
.chult-install-help[hidden]{display:none}

.chult-about-link{color:#e7d8b8;font:500 .75rem/1.5 system-ui,sans-serif;text-underline-offset:4px}
.chult-about-link:focus-visible{outline:2px solid #fff1bf;outline-offset:5px}
.chult-faction-slide{display:flex;flex-direction:column;overflow:hidden}
.chult-catalog-content{display:grid;grid-template-columns:1.05fr 1fr;flex:1;min-height:0;overflow-y:auto}
.chult-catalog-actions{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 24px;background:#090d0e;border-top:1px solid #ffffff16;z-index:3}
.chult-catalog-actions .v061-primary{width:100%;margin:0}
.chult-directory{flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;padding:20px 24px 28px}
.chult-directory h1{font:400 1.8rem Georgia,serif;color:#f4e7c8;margin:0 0 20px}
.chult-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;max-width:1200px;margin:auto}
.chult-directory-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid #bba66d66;border-radius:8px;background:#111b1b;color:#f4e7c8;cursor:pointer;text-align:center;font:600 .9rem/1.3 system-ui}
.chult-directory-card .v061-faction-image{width:100%;height:150px;object-fit:cover;object-position:center 24%;border:0;border-radius:0;margin:0}
.chult-directory-card span{padding:12px 8px}
.chult-directory-card:hover,.chult-directory-card:focus-visible{outline:2px solid #efdeb5;outline-offset:2px}
@media(max-width:700px){
 .chult-catalog-content{display:block}
 .chult-catalog-actions{padding:10px 16px}
 .chult-directory{padding:16px}
 .chult-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .chult-directory-card .v061-faction-image{height:125px}
}
.v061-position-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:24px;align-items:start}
.v061-starting-map{margin:0;padding:12px;border:1px solid #bba66d44;border-radius:8px;background:#0c1415}
.v061-starting-map svg{display:block;width:100%;height:auto;max-height:350px}
.v061-starting-map figcaption{margin-top:10px;color:#bbc4bb;font:400 .72rem/1.5 system-ui}
@media(max-width:700px){.v061-position-grid{grid-template-columns:minmax(0,1fr)}.v061-starting-map{width:100%;max-width:300px;box-sizing:border-box;justify-self:center}}
.v061-detail-actions{display:flex;flex-direction:column;gap:8px}
.v061-detail-actions .v061-primary{width:100%;margin:0}
