@font-face{font-family:Poppins;src:url('/assets/fonts/Poppins-Regular.ttf')}@font-face{font-family:Poppins;src:url('/assets/fonts/Poppins-SemiBold.ttf');font-weight:600}@font-face{font-family:Patrick;src:url('/assets/fonts/PatrickHand-Regular.ttf')}
:root{--void:#07080b;--ash:#171a20;--stone:#292b31;--fog:#6c7478;--bone:#d0c3a4;--amber:#c4923a;--moss:#3d4a38;--green:#3d6b45;--crimson:#6b1e24;--line:rgba(208,195,164,.18);--serif:Georgia,'Times New Roman',serif;--sans:Poppins,Arial,sans-serif;--hand:Patrick,cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--void)}body{margin:0;background:var(--void);color:var(--bone);font-family:var(--sans);line-height:1.65;overflow-x:hidden}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;top:-6rem;left:1rem;z-index:200;background:var(--bone);color:var(--void);padding:.7rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:fixed;z-index:80;inset:0 0 auto;height:82px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled,.site-header.solid{background:rgba(7,8,11,.92);backdrop-filter:blur(14px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-weight:700;font-size:.8rem;letter-spacing:.22em}.brand-rune{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(196,146,58,.7);color:var(--amber);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.site-nav{display:flex;align-items:center;gap:2.4rem}.site-nav a{position:relative;color:#8e9396;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.site-nav a:hover,.site-nav a.active{color:var(--bone)}.site-nav a.active::before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;background:var(--amber);transform:rotate(45deg) translateY(-50%)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--bone);padding:.5rem .75rem;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{margin:0 0 1rem;color:var(--amber);font-size:.65rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.encounter{position:relative;height:100svh;min-height:700px;overflow:hidden;background:#0a0d10}.encounter-bg{position:absolute;inset:-4%;background:url('/assets/world/blackwood-stage.jpg') center 60%/cover no-repeat;transform:scale(1.05);animation:stage-breathe 12s ease-in-out infinite alternate}.encounter::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.78),rgba(5,6,8,.08) 52%,rgba(5,6,8,.22)),linear-gradient(0deg,rgba(7,8,11,.94),transparent 27%,rgba(7,8,11,.38))}.encounter::after{content:"";position:absolute;z-index:4;inset:0;box-shadow:inset 0 0 150px #030405;pointer-events:none}.fog{position:absolute;z-index:2;left:-30%;width:160%;height:28%;bottom:12%;opacity:.17;background:radial-gradient(ellipse,rgba(190,200,198,.65),transparent 65%);filter:blur(25px)}.fog-a{animation:fog-drift 20s linear infinite}.fog-b{bottom:25%;opacity:.1;animation:fog-drift 28s linear infinite reverse}.rain,.stage-rain{position:absolute;z-index:5;inset:-30% 0 0;opacity:.18;pointer-events:none;background-image:repeating-linear-gradient(104deg,transparent 0 22px,rgba(190,205,206,.7) 23px,transparent 24px 44px);background-size:90px 180px;animation:rain-fall .8s linear infinite}.ember-field{position:absolute;z-index:6;right:9%;bottom:23%;width:22%;height:42%;background-image:radial-gradient(circle,#d9a94e 0 1px,transparent 2px),radial-gradient(circle,#d9a94e 0 1px,transparent 2px);background-size:67px 79px,93px 113px;animation:embers 6s linear infinite;opacity:.5}.chapter-stamp{position:absolute;z-index:10;left:4vw;top:17%;display:flex;flex-direction:column;border-left:1px solid var(--amber);padding-left:1rem}.chapter-stamp span,.chapter-stamp small{font-size:.55rem;letter-spacing:.2em;color:#a7aaab}.chapter-stamp strong{font-family:var(--serif);font-size:1rem;letter-spacing:.12em;font-weight:400}.encounter-title{position:absolute;z-index:15;left:8.5vw;top:32%;max-width:min(700px,48vw)}.encounter-title h1{margin:0;font-family:var(--serif);font-size:clamp(4rem,7.5vw,8.7rem);line-height:.82;letter-spacing:-.055em;font-weight:400;text-shadow:0 8px 35px #000}.encounter-title h1 em{color:var(--amber);font-weight:400}.encounter-title>p:last-of-type{font-family:var(--serif);font-size:clamp(1rem,1.4vw,1.25rem);max-width:490px;color:#aeb0ab;margin:1.8rem 0}.sigil-cta{display:inline-flex;align-items:center;gap:2rem;border:1px solid rgba(196,146,58,.55);background:rgba(8,9,12,.62);padding:.9rem 1rem .9rem 1.25rem;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(8px);transition:.25s}.sigil-cta i{width:34px;height:34px;display:grid;place-items:center;background:var(--amber);color:var(--void);font-style:normal}.sigil-cta:hover{border-color:var(--amber);transform:translateY(-2px)}
.combatant{position:absolute;z-index:12;bottom:12%;filter:drop-shadow(0 18px 14px rgba(0,0,0,.75))}.hero-actor{left:55%}.enemy-actor{right:7%}.sprite{background-repeat:no-repeat;background-position:0 0}.ren-sprite{width:278px;height:304px;background-image:url('/assets/actors/ren-idle.png');background-size:400% 100%;animation:ren-idle .72s steps(4) infinite}.oathbreaker-sprite{width:253px;height:274px;background-image:url('/assets/actors/oathbreaker-idle.png');background-size:800% 100%;animation:foe-idle .96s steps(8) infinite;transform:scaleX(-1)}.actor-label{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);display:flex;align-items:center;gap:.6rem;white-space:nowrap;font-size:.55rem;letter-spacing:.14em}.actor-label span{color:var(--amber)}.actor-label strong{font-weight:600}.enemy-label span{color:#9d5258}.combat-hud{position:absolute;z-index:16;left:50%;bottom:3.5%;transform:translateX(-50%);width:min(860px,72vw);display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:1rem}.hp-block{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;align-items:center;font-size:.6rem;letter-spacing:.14em}.hp-block i{height:5px;background:#14171c;border:1px solid #555a5b;overflow:hidden}.hp-block i b{display:block;width:78%;height:100%;background:linear-gradient(90deg,#31593a,#5f8558)}.hp-block small{grid-column:1/-1;color:#777e80;font-size:.48rem}.foe-hp{text-align:right}.foe-hp i{grid-column:1}.foe-hp span{grid-column:2;grid-row:1}.foe-hp i b{margin-left:auto;width:62%;background:linear-gradient(90deg,#6b1e24,#9b4049)}.versus-mark{text-align:center;color:var(--amber)}.descend{position:absolute;z-index:16;right:3.5vw;top:48%;display:flex;align-items:center;gap:1rem;writing-mode:vertical-rl;color:#858b8d;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase}.descend i{height:70px;width:1px;background:linear-gradient(var(--amber),transparent)}
.chronicle{position:relative;min-height:110vh;display:grid;grid-template-columns:80px minmax(340px,.8fr) minmax(400px,1fr);align-items:center;gap:5vw;width:min(1320px,90vw);margin:auto;padding:10rem 0}.chronicle-rail{height:62%;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#666d70;font-family:var(--serif)}.chronicle-rail i{width:1px;flex:1;background:linear-gradient(var(--amber),var(--line))}.chronicle-copy h2,.loop-heading h2,.dispatch h2,.oath-band h2{font-family:var(--serif);font-size:clamp(3rem,5.7vw,6.8rem);line-height:.96;letter-spacing:-.045em;font-weight:400;margin:.4rem 0 2rem}.chronicle-copy h2 em,.loop-heading h2 em{color:var(--amber);font-weight:400}.chronicle-copy>p:last-child{color:#93999b;max-width:520px}.oath-portrait{position:relative;margin:0;justify-self:end;width:min(100%,520px);padding:12px;background:#111318;border:1px solid #3a3d3f;box-shadow:22px 30px 0 #0e1014,0 40px 100px #000;transform:rotate(1.3deg)}.oath-portrait::before,.oath-portrait::after{content:"";position:absolute;width:58px;height:16px;background:#96835d;opacity:.45;top:0}.oath-portrait::before{left:12%;transform:rotate(-8deg)}.oath-portrait::after{right:12%;transform:rotate(7deg)}.oath-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 62%;filter:saturate(.78) contrast(1.05)}.oath-portrait figcaption{padding:1rem .6rem .4rem;color:#8e9495;font-family:var(--hand);font-size:1.25rem}.oath-portrait figcaption span{display:block;color:var(--amber);font-family:var(--sans);font-size:.55rem;letter-spacing:.18em;margin-bottom:.4rem}
.loop-section{padding:8rem 0 12rem;background:#0a0c10;border-block:1px solid var(--line)}.loop-heading{width:min(1180px,86vw);margin:0 auto 8rem}.loop-reel{width:min(1260px,90vw);margin:auto}.loop-scene{min-height:82vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6vw;border-top:1px solid var(--line);padding:7rem 0}.loop-scene:nth-child(even){grid-template-columns:.8fr 1.2fr}.loop-scene:nth-child(even) .loop-art{grid-column:2;grid-row:1}.loop-scene:nth-child(even) .loop-copy{grid-column:1;grid-row:1}.loop-art{position:relative;min-height:620px;overflow:hidden;border:1px solid #32353a;box-shadow:0 35px 80px #000}.loop-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.blackwood-mini{background:url('/assets/world/blackwood-stage.jpg') center/cover}.blackwood-mini::after,.hospital-art::after,.brawl-art::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #050608}.mini-ren{position:absolute;z-index:2;left:16%;bottom:5%;transform:scale(.72);transform-origin:bottom left}.mini-foe{position:absolute;z-index:2;right:8%;bottom:7%;transform:scaleX(-1) scale(.72);transform-origin:bottom right}.toy-orbit{position:absolute;z-index:3;inset:0}.toy-orbit img{position:absolute;width:90px;filter:drop-shadow(0 12px 10px #000);animation:toy-float 4s ease-in-out infinite}.toy-orbit img:nth-child(1){left:12%;bottom:14%}.toy-orbit img:nth-child(2){right:18%;bottom:20%;animation-delay:-1.2s}.toy-orbit img:nth-child(3){left:47%;bottom:10%;animation-delay:-2.1s}.brawl-flash{position:absolute;z-index:2;left:50%;bottom:16%;width:180px;height:180px;transform:translateX(-50%);background:radial-gradient(circle,rgba(196,146,58,.7),transparent 60%);animation:pulse 2s ease-in-out infinite}.loop-copy span{color:var(--amber);font-size:.6rem;letter-spacing:.2em}.loop-copy h3{font-family:var(--serif);font-size:clamp(2.7rem,4.3vw,5rem);line-height:1;font-weight:400;margin:1rem 0 1.5rem}.loop-copy p{color:#92989a;max-width:450px}
.oath-band{position:relative;min-height:76vh;display:grid;place-items:center;text-align:center;overflow:hidden;background:#141318}.oath-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(90deg,transparent 49.8%,#d0c3a4 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#d0c3a4 50%,transparent 50.2%);background-size:150px 150px;transform:rotate(12deg) scale(1.4)}.oath-band>div:last-child{position:relative}.chalk-mark{font-size:2rem;color:var(--amber)}.oath-band p{font-family:var(--hand);font-size:clamp(1.8rem,3vw,3rem);margin:1rem 0;color:#999586;transform:rotate(-2deg)}.oath-band h2{margin:.2rem 0 2.5rem}.oath-band a{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;border-bottom:1px solid var(--amber);padding-bottom:.5rem}.oath-band a i{color:var(--amber);font-style:normal;margin-left:.6rem}.dispatch{min-height:75vh;width:min(1180px,88vw);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:5rem}.dispatch-copy{max-width:700px}.dispatch-copy>p:not(.eyebrow){color:#93999b;max-width:520px}.dispatch-icon{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.dispatch-icon img{width:180px;border-radius:35px;box-shadow:0 28px 80px #000}.dispatch-icon span{font-size:.55rem;letter-spacing:.2em;color:#747b7d}.dispatch.compact{min-height:55vh}.site-footer{padding:4rem clamp(24px,6vw,90px);border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem;color:#868c8e;font-size:.72rem}.site-footer .brand{color:var(--bone)}.site-footer p{margin:0}.site-footer nav{display:flex;flex-direction:column;gap:.55rem}.site-footer nav a:hover{color:var(--bone)}.copyright{grid-column:1/-1;padding-top:2rem;border-top:1px solid var(--line);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
/* Field manual */
.manual-page{background:#0a0b0e}.manual-intro{min-height:68vh;padding:150px max(6vw,calc((100vw - 1280px)/2)) 5rem;display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:6vw;position:relative;background:linear-gradient(120deg,#090b0f,#17191d)}.manual-intro::before{content:"";position:absolute;inset:0;opacity:.06;background:repeating-linear-gradient(0deg,transparent 0 31px,var(--bone) 32px)}.manual-intro>div,.manual-intro>p,.manual-corner{position:relative}.manual-intro h1{font-family:var(--serif);font-size:clamp(5rem,11vw,12rem);line-height:.7;letter-spacing:-.07em;font-weight:400;margin:0}.manual-intro h1 em{color:var(--amber);font-weight:400}.manual-intro>p{color:#999fa0;max-width:430px;font-family:var(--serif);font-size:1.25rem}.manual-corner{position:absolute;right:5vw;top:120px;text-align:right;font-size:.5rem;letter-spacing:.2em;color:#666d6f}.system-explorer{width:min(1400px,94vw);min-height:850px;margin:-1px auto 8rem;display:grid;grid-template-columns:300px 1fr;border:1px solid #37393c;background:#111318;box-shadow:0 50px 120px #000}.system-tabs{display:flex;flex-direction:column;background:#0d0f13;border-right:1px solid var(--line)}.system-tab{position:relative;flex:1;min-height:120px;padding:1.5rem 1.7rem 1.5rem 4.2rem;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:#777e80;cursor:pointer;transition:.25s}.system-tab:last-child{border-bottom:0}.system-tab>span{position:absolute;left:1.3rem;top:1.45rem;color:#4f5659;font-family:var(--serif)}.system-tab strong{display:block;color:#aaaead;font-family:var(--serif);font-size:1.25rem;font-weight:400}.system-tab small{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase}.system-tab::after{content:"";position:absolute;right:-7px;top:50%;width:12px;height:12px;background:var(--amber);transform:rotate(45deg) translateY(-50%);opacity:0}.system-tab:hover,.system-tab.active{background:#181a1f;color:var(--amber)}.system-tab.active strong{color:var(--bone)}.system-tab.active::after{opacity:1}.system-stage{position:relative;min-width:0;overflow:hidden;background:#090b0e}.stage-bg{position:absolute;inset:0;background:url('/assets/world/blackwood-stage.jpg') center/cover;transition:opacity .3s,transform .7s;filter:saturate(.75)}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,11,.12),rgba(7,8,11,.15) 45%,rgba(7,8,11,.94) 74%)}.system-stage.transitioning .stage-bg{opacity:.25;transform:scale(1.04)}.stage-actors{position:absolute;z-index:3;left:8%;right:35%;bottom:8%;display:flex;justify-content:space-between;align-items:end;transition:.35s}.stage-actors .ren-sprite{transform:scale(.7);transform-origin:bottom left}.stage-actors .oathbreaker-sprite{transform:scaleX(-1) scale(.75);transform-origin:bottom right}.system-copy{position:absolute;z-index:8;right:5%;top:50%;transform:translateY(-50%);width:min(360px,32%)}.system-copy>span{color:var(--amber);font-size:.58rem;letter-spacing:.2em}.system-copy h2{font-family:var(--serif);font-size:clamp(2.8rem,4.5vw,5.4rem);font-weight:400;line-height:.92;margin:1rem 0 1.5rem}.system-copy p{color:#9da1a1}.system-copy ul{padding:1.4rem 0 0;margin:2rem 0 0;border-top:1px solid var(--line);list-style:none}.system-copy li{font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:#a7aaa8;margin:.65rem 0}.system-copy li::before{content:"✦";color:var(--amber);margin-right:.8rem}.stage-index{position:absolute;z-index:9;left:3%;top:5%;display:flex;align-items:center;gap:1rem;font-family:var(--serif);color:#a0a4a3}.stage-index i{width:70px;height:1px;background:var(--amber)}.stage-index small{color:#62686a}.marble-orbit,.stage-toys{display:none;position:absolute;z-index:5}.marble-orbit{left:16%;top:26%;width:300px;height:300px;border:1px solid rgba(196,146,58,.22);border-radius:50%;animation:orbit 12s linear infinite}.marble-orbit i{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3d683,#ad7627 58%,#493013);box-shadow:0 0 22px rgba(196,146,58,.7)}.marble-orbit i:nth-child(1){left:10%;top:20%}.marble-orbit i:nth-child(2){right:5%;top:32%}.marble-orbit i:nth-child(3){left:45%;bottom:-12px}.marble-orbit i:nth-child(4){left:48%;top:-12px}.marble-orbit i:nth-child(5){left:-8px;bottom:25%}.stage-toys{left:10%;right:40%;bottom:12%;justify-content:space-around;align-items:end}.stage-toys img{width:120px;filter:drop-shadow(0 20px 14px #000);animation:toy-float 3.4s ease-in-out infinite}.stage-toys img:nth-child(2){animation-delay:-1.2s}.stage-toys img:nth-child(3){animation-delay:-2.3s}.system-stage[data-stage="forge"] .marble-orbit{display:block}.system-stage[data-stage="pets"] .stage-toys,.system-stage[data-stage="hospital"] .stage-toys,.system-stage[data-stage="brawl"] .stage-toys{display:flex}.system-stage:not([data-stage="campaign"]) .stage-actors,.system-stage:not([data-stage="campaign"]) .stage-rain{display:none}.manual-footnote{width:min(1000px,84vw);margin:8rem auto;display:flex;align-items:center;justify-content:space-between;text-align:center;font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:1.25}.manual-footnote strong{color:var(--amber);font-weight:400}.manual-footnote>span{font-size:.8rem;color:var(--amber)}
/* Legal */
.legal-layout{width:min(1240px,88vw);margin:0 auto;padding:150px 0 9rem;display:grid;grid-template-columns:300px minmax(0,760px);justify-content:space-between;gap:7vw}.legal-aside{position:sticky;top:120px;align-self:start}.legal-aside h1{font-family:var(--serif);font-size:clamp(2.7rem,4vw,4.5rem);font-weight:400;line-height:1;margin:.5rem 0 2rem}.legal-aside>p:nth-of-type(2){font-size:.7rem;color:#898f91;text-transform:uppercase;letter-spacing:.1em}.legal-aside>p strong{color:var(--bone);font-weight:400}.legal-aside nav{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.7rem;color:#898f91;font-size:.7rem}.legal-aside nav a:hover{color:var(--amber)}.legal-document section{padding-bottom:3.3rem;margin-bottom:3.3rem;border-bottom:1px solid var(--line);scroll-margin-top:110px}.legal-document h2{font-family:var(--serif);font-size:clamp(1.8rem,2.5vw,2.7rem);font-weight:400;margin:0 0 1.4rem}.legal-document h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin:2rem 0 .7rem}.legal-document p,.legal-document li{color:#a0a5a5}.legal-document a{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(196,146,58,.6);text-underline-offset:4px}.legal-document .sigil-cta,.legal-document .button{text-decoration:none}.legal-lead{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.8rem);color:var(--bone)!important}.legal-document li+li{margin-top:.7rem}.button{display:inline-flex;padding:1rem 1.2rem;background:var(--amber);color:#111!important;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes ren-idle{to{background-position:133.333% 0}}@keyframes foe-idle{to{background-position:114.285% 0}}@keyframes stage-breathe{to{transform:scale(1.09) translateY(-.5%)}}@keyframes fog-drift{to{transform:translateX(24%)}}@keyframes rain-fall{to{transform:translate(-45px,180px)}}@keyframes embers{to{transform:translateY(-100px);opacity:0}}@keyframes toy-float{50%{transform:translateY(-18px) rotate(3deg)}}@keyframes pulse{50%{transform:translateX(-50%) scale(1.25);opacity:.35}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.combatant.hero-actor{left:48%}.enemy-actor{right:3%}.chronicle{grid-template-columns:50px 1fr}.oath-portrait{grid-column:2;justify-self:start;margin-top:3rem}.loop-scene,.loop-scene:nth-child(even){grid-template-columns:1fr}.loop-scene:nth-child(even) .loop-art,.loop-scene:nth-child(even) .loop-copy{grid-column:1;grid-row:auto}.loop-art{min-height:560px}.system-explorer{grid-template-columns:220px 1fr}.system-tab{padding-left:3.5rem}.system-copy{width:40%;right:4%}.stage-shade{background:linear-gradient(90deg,transparent,rgba(7,8,11,.96) 62%)}.stage-actors{right:43%;left:4%}}
@media(max-width:760px){.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:1.5rem 6vw 2rem;background:#0b0d10;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:1.2rem}.site-nav.open{display:flex}.encounter{min-height:780px}.encounter-bg{inset:0;background-position:60% center}.encounter::before{background:linear-gradient(0deg,rgba(5,6,8,.94),rgba(5,6,8,.05) 70%),linear-gradient(90deg,rgba(5,6,8,.7),transparent)}.chapter-stamp{top:13%;left:6vw}.encounter-title{left:7vw;top:22%;max-width:86vw}.encounter-title h1{font-size:clamp(3.5rem,16vw,5.5rem);line-height:.86}.encounter-title>p:last-of-type{max-width:70vw;font-size:.95rem}.hero-actor{left:7%!important;bottom:13%}.enemy-actor{right:-8%;bottom:14%}.ren-sprite{width:174px;height:190px}.oathbreaker-sprite{width:174px;height:188px}.actor-label{bottom:-22px}.combat-hud{width:88vw;grid-template-columns:1fr 20px 1fr;bottom:4%}.hp-block small{display:none}.descend{display:none}.chronicle{grid-template-columns:1fr;width:86vw;padding:7rem 0}.chronicle-rail{display:none}.oath-portrait{grid-column:1;box-shadow:12px 18px 0 #0e1014}.loop-section{padding:6rem 0}.loop-heading{margin-bottom:4rem}.loop-scene{min-height:0;padding:4rem 0;gap:3rem}.loop-art{min-height:520px}.mini-ren{transform:scale(.55)}.mini-foe{transform:scaleX(-1) scale(.55)}.dispatch{min-height:70vh;flex-direction:column;justify-content:center;align-items:flex-start}.dispatch-icon img{width:120px}.site-footer{grid-template-columns:1fr 1fr}.site-footer .brand,.copyright{grid-column:1/-1}.manual-intro{min-height:58vh;padding-top:120px;grid-template-columns:1fr;align-content:center}.manual-intro h1{font-size:20vw}.manual-intro>p{font-size:1rem}.manual-corner{display:none}.system-explorer{width:100%;grid-template-columns:1fr;min-height:900px;border-inline:0}.system-tabs{height:94px;display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.system-tab{flex:0 0 150px;min-height:94px;padding:.9rem 1rem .9rem 2.8rem;border-bottom:0;border-right:1px solid var(--line)}.system-tab>span{left:.8rem;top:.9rem}.system-tab strong{font-size:1rem}.system-tab::after{right:50%;top:auto;bottom:-6px}.system-stage{min-height:806px}.stage-shade{background:linear-gradient(0deg,rgba(7,8,11,.98) 0%,rgba(7,8,11,.8) 47%,transparent 72%)}.system-copy{left:7%;right:7%;top:auto;bottom:5%;width:auto;transform:none}.system-copy h2{font-size:3.7rem}.system-copy p{font-size:.9rem}.stage-actors{left:4%;right:4%;bottom:42%}.stage-actors .ren-sprite{transform:scale(.55)}.stage-actors .oathbreaker-sprite{transform:scaleX(-1) scale(.55)}.stage-toys{left:6%;right:6%;bottom:43%}.stage-toys img{width:90px}.marble-orbit{left:50%;top:18%;transform:translateX(-50%);width:220px;height:220px}.system-stage[data-stage="forge"] .marble-orbit{animation:none}.stage-index{top:3%}.legal-layout{grid-template-columns:1fr;padding-top:115px}.legal-aside{position:static}.legal-aside nav{display:none}}
@media(max-width:430px){.brand-rune{width:29px;height:29px}.encounter-title h1{font-size:15vw}.encounter-title{top:23%}.encounter-title>p:last-of-type{margin:1rem 0}.sigil-cta{padding:.7rem .7rem .7rem 1rem}.hero-actor{bottom:14%}.enemy-actor{bottom:15%}.combat-hud{bottom:3%}.loop-art{min-height:440px}.oath-band{min-height:62vh}.oath-band h2{font-size:3.4rem}.manual-intro h1{font-size:22vw}.system-copy h2{font-size:3.1rem}.manual-footnote{font-size:1.65rem}.legal-layout{width:86vw}.legal-document section{padding-bottom:2.4rem;margin-bottom:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.encounter-bg,.fog,.rain,.stage-rain,.ember-field,.sprite,.toy-orbit img,.brawl-flash,.marble-orbit{animation:none!important}}
.stage-toys .pet-piece{display:none;width:190px}.system-stage[data-stage="pets"] .pet-piece{display:block}.system-stage[data-stage="pets"] .toy-piece{display:none}@media(max-width:760px){.stage-toys .pet-piece{width:135px}}
.ren-sprite{background-image:url('/assets/actors/ren-idle.webp')}.oathbreaker-sprite{background-image:url('/assets/actors/oathbreaker-idle.webp')}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(196,146,58,.7);color:var(--amber);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}