.landing-page{color:var(--realm-cream);background:var(--realm-page-bg);overflow-x:clip}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box}.realm-screen{height:100dvh;min-height:0}.realm-hero{text-align:center;grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto auto;gap:clamp(4px,.8vh,9px);max-width:1150px;margin-inline:auto;padding:clamp(12px,2vh,24px) 24px;display:grid}.realm-hero h1,.realm-hero p{margin:0}.realm-logo{object-fit:contain;filter:drop-shadow(0 6px 24px #0005);width:min(620px,100%);height:clamp(64px,14vh,160px);margin-inline:auto;display:block}.realm-description{font:400 clamp(17px, 2.6vh, 26px)/1.25 var(--font-body,"Crimson Pro", serif);text-wrap:balance}.realm-mobile-break{display:none}.realm-details{color:var(--realm-muted);font-size:clamp(12px,1.7vh,16px);line-height:1.2}.realm-victory{width:min(760px,100%);margin:0 auto}.realm-victory>h2{font:10px/1.5 var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--realm-gold);justify-content:center;align-items:center;gap:16px;margin:0 0 clamp(6px,1vh,12px);display:flex}.realm-victory>h2:before,.realm-victory>h2:after{content:"";background:#e5be7440;width:50px;height:1px}.realm-victory ul{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.realm-victory li{align-content:start;justify-items:center;gap:4px;padding-inline:8px;display:grid}.realm-victory li+li{border-left:1px solid #e5be7425}.realm-victory li>svg{color:var(--realm-gold);stroke-width:1.4px;width:clamp(16px,2.6vh,24px);height:clamp(16px,2.6vh,24px)}.realm-victory h3{font:11px/1.4 var(--font-display);margin:0}.realm-victory li p{color:var(--realm-muted);font-size:13px;line-height:1.2}.realm-actions{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.realm-play,.realm-guide{border:1px solid var(--realm-border-strong);height:clamp(44px,6vh,52px);font:13px/1.2 var(--font-display);border-radius:5px;justify-content:center;align-items:center;gap:12px;padding:0 30px;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.realm-play{color:var(--realm-on-gold);background:var(--realm-primary-bg);box-shadow:0 5px 25px #d6a35315,inset 0 1px #fff5}.realm-play:hover{background:var(--realm-gold-bright);transform:translateY(-2px)}.realm-guide{border-color:var(--realm-border);color:var(--realm-cream);background:#19303566}.realm-guide:hover{background:var(--realm-hover)}.realm-actions svg,.realm-play svg{width:18px;height:18px}.realm-play-note{color:var(--realm-muted);font-size:12px;line-height:1.2}.realm-scroll,.tutorial-next{color:var(--realm-muted);justify-content:center;align-items:center;gap:10px;font-size:13px;line-height:1.4;text-decoration:none;display:inline-flex}.realm-scroll{justify-self:center;padding-top:4px}.realm-scroll svg,.tutorial-next svg{width:16px;height:16px}.realm-scroll:hover,.tutorial-next:hover{color:var(--realm-gold)}.landing-page a:focus-visible,.landing-page button:focus-visible{outline-offset:4px;outline:2px solid #f2cf8c}.realm-tutorial{border-top:1px solid #d4be8b18}.tutorial-step{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,90px);max-width:1180px;margin-inline:auto;padding:clamp(24px,6vh,72px) 32px;display:grid;position:relative}.tutorial-step+.tutorial-step{border-top:1px solid #d4be8b18}.tutorial-step:nth-of-type(2n) .tutorial-visual{order:2}.tutorial-visual{background:radial-gradient(at 50% 45%,#33505277,#12292e44 65%,#081b2044);border:1px solid #e5be7424;border-radius:18px;width:100%;height:min(100%,620px);min-height:0;box-shadow:0 20px 70px #0002}.tutorial-copy{min-width:0}.realm-eyebrow{font:10px/1.5 var(--font-display);text-transform:uppercase;letter-spacing:.16em;color:var(--realm-gold);align-items:center;gap:12px;display:flex}.realm-eyebrow i{background:#e5be7450;width:26px;height:1px}.tutorial-copy h3{font:clamp(23px, 3.1vw, 38px)/1.3 var(--font-display);text-wrap:balance;margin:20px 0 16px}.tutorial-copy p{max-width:36ch;color:var(--realm-muted);text-wrap:pretty;margin:0;font-size:clamp(17px,1.8vw,21px);line-height:1.5}.tutorial-next{margin-top:28px}.landing-page[data-enhanced] .tutorial-copy,.landing-page[data-enhanced] .realm-finale>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.landing-page[data-enhanced] .is-visible .tutorial-copy,.landing-page[data-enhanced] .realm-finale.is-visible>*{opacity:1;transform:none}.realm-finale{text-align:center;background:radial-gradient(at 50% 40%,#24404366,#0000 65%);border-top:1px solid #d4be8b18;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.5vh,26px);padding:24px;display:flex}.realm-finale-mark{object-fit:contain;filter:drop-shadow(0 10px 30px #0005);width:auto;height:clamp(85px,24vh,230px)}.realm-finale h2{font:clamp(25px, 4vw, 46px)/1.2 var(--font-display);text-wrap:balance;margin:0}.realm-finale p{max-width:43ch;color:var(--realm-muted);text-wrap:balance;margin:0;font-size:18px;line-height:1.4}.realm-play-final{min-width:200px}.tutorial-scene{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;width:100%;height:100%;min-height:0;padding:24px 20px 12px;display:grid}.scene-progress{gap:6px;width:min(140px,45%);margin-inline:auto;display:flex}.scene-progress i{background:#e5be7420;border-radius:2px;flex:1;height:3px;transition:background .3s}.scene-progress i[data-complete=true]{background:var(--realm-gold)}.scene-caption{text-align:center;text-wrap:balance;color:#e9dabb;min-height:2.7em;font:13px/1.35 var(--font-display);place-content:center;margin:0;display:grid}.scene-canvas{width:100%;min-height:0;position:relative}.scene-board{width:100%;height:100%;display:block}.scene-inventory{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:36px;display:flex}.scene-inventory-item{color:#d8dcd0;white-space:nowrap;background:#0c2028cc;border:1px solid #9eae9d33;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:15px;line-height:1.2;display:inline-flex}.scene-inventory-item[data-gained=true]{color:#f6d89a;background:#52473366;border-color:#e5be7480}.scene-inventory-item b{animation:.5s ease-out scene-count}.scene-inventory svg{width:18px;height:18px}.scene-controls{border-top:1px solid #e5be741c;justify-content:center;align-items:center;gap:4px;padding-top:4px;display:flex}.scene-controls button{min-height:36px;color:var(--realm-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:12px;display:inline-flex}.scene-controls button:hover{color:var(--realm-cream);background:#e5be7414}.scene-controls svg{width:14px;height:14px}.scene-resource-token{color:#f5d693}.scene-resource-token .resource-icon{width:24px;height:24px}.scene-number,.scene-level{fill:#ffdfa0;font:600 13px var(--font-body);paint-order:stroke;stroke:#18292c;stroke-width:3px}.scene-level{font:10px var(--font-display);letter-spacing:.1em}.scene-health text{fill:#f3e5cc;font:11px var(--font-body);paint-order:stroke;stroke:#142327;stroke-width:3px}.scene-health rect{transition:width .5s}.scene-damage{fill:#ffb29a;font:bold 22px var(--font-body);paint-order:stroke;stroke:#342329;stroke-width:3px;animation:1.5s ease-out both scene-hit}.scene-harvest{fill:#ffda7b33;stroke:#ffe1a0;stroke-width:2px;animation:1.8s ease-in-out infinite realm-ember-glow}.scene-route{fill:none;stroke:#f5dc9f;stroke-width:2px;stroke-dasharray:4 5}.scene-ring{animation:1.5s ease-out infinite scene-pulse}.scene-build{animation:1.3s ease-out both scene-build}.scene-arrive{animation:.9s ease-out both scene-arrive}.scene-vanish{animation:1.2s ease-in both scene-vanish}.scene-defeated{animation:.85s ease-in both scene-vanish}.scene-walk{animation:1.8s linear both scene-walk}.scene-loot{animation:scene-loot 1.2s var(--loot-delay) ease-out both}.scene-spend{animation:1.5s ease-in both scene-spend}.scene-teleport-trail{stroke:#a0d9f5;stroke-width:2px;stroke-dasharray:5 7;fill:none;animation:1s linear infinite scene-trail}.scene-upgrade-rays{opacity:.65;animation:1.8s ease-in-out infinite realm-ember-glow}.tutorial-scene .gear-addition[data-new=true]{animation:1.5s ease-out both scene-arrive}.scene-fire-shield{animation:.7s ease-in-out infinite realm-ember-glow}.scene-trade-send{animation:1.5s ease-in both scene-trade-send}.scene-trade-receive{animation:1.5s ease-out both scene-trade-receive}.scene-dice{align-items:center;gap:28px;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.scene-dice .roll-die-space{--die-size:clamp(28px, 4vh, 42px)}.scene-dice .roll-die-face{border-radius:5px;gap:3px;padding:6px}.scene-dice-result{color:#f3d697;background:#162e30;border:1px solid #e5be7477;border-radius:50%;place-items:center;width:32px;height:32px;font-size:22px;display:grid}.tutorial-scene[data-running=false] *,.tutorial-scene[data-running=false] :after{animation-play-state:paused!important}.tutorial-scene[data-stepped=true] *,.tutorial-scene[data-stepped=true] :after{transition:none!important;animation:none!important}.tutorial-scene[data-stepped=true] :is(.scene-vanish,.scene-defeated,.scene-spend){opacity:0}@keyframes realm-ember-glow{50%{opacity:.55}}@keyframes scene-pulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}@keyframes scene-build{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-arrive{0%{opacity:0;filter:brightness(4)}to{opacity:1;filter:brightness()}}@keyframes scene-vanish{to{opacity:0;filter:brightness(2);transform:translateY(-14px)}}@keyframes scene-walk{0%{transform:translate(var(--walk-start-x), var(--walk-start-y))}50%{transform:translate(var(--walk-mid-x), var(--walk-mid-y))}to{transform:translate(0)}}@keyframes scene-loot{0%{opacity:0;transform:translateY(42px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scene-spend{to{opacity:0;transform:translateY(35px)}}@keyframes scene-trail{to{stroke-dashoffset:-48px}}@keyframes scene-hit{0%{opacity:0;transform:translateY(10px)}25%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes scene-count{50%{color:#ffe4ae;transform:scale(1.2)}}@keyframes scene-trade-send{to{opacity:0;transform:translate(105px)}}@keyframes scene-trade-receive{0%{opacity:.2;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px) and (height>=501px){.realm-hero{gap:6px;padding-inline:14px}.realm-logo{height:clamp(72px,12vh,120px)}.realm-mobile-break{display:initial}.realm-description{font-size:clamp(17px,2.6vh,22px)}.realm-details{justify-self:center;max-width:31ch}.realm-victory h3{font-size:9px}.realm-victory li{padding-inline:5px}.realm-victory li p{max-width:13ch;font-size:11px}.realm-victory>h2{gap:10px;font-size:9px}.realm-victory>h2:before,.realm-victory>h2:after{width:28px}.realm-play,.realm-guide{padding-inline:24px;font-size:12px}.realm-play-note,.realm-hero .realm-map figcaption{font-size:11px}.tutorial-step{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:clamp(14px,3vh,26px);padding:clamp(18px,4vh,36px) 16px}.tutorial-step .tutorial-visual,.tutorial-step:nth-of-type(2n) .tutorial-visual{order:2;width:min(100%,500px);height:100%;margin-inline:auto}.tutorial-copy{text-align:center}.tutorial-copy .realm-eyebrow{justify-content:center;font-size:9px}.tutorial-copy h3{max-width:22ch;margin:10px auto;font-size:clamp(21px,3.5vh,29px)}.tutorial-copy p{margin-inline:auto;font-size:16px;line-height:1.3}.tutorial-next{display:none}.tutorial-scene{gap:8px;padding:16px 10px 6px}.scene-caption{font-size:11px}.scene-inventory{gap:4px}.scene-inventory-item{gap:4px;padding:5px 6px;font-size:13px}.scene-inventory svg{width:15px;height:15px}.scene-kills{flex-basis:100%;max-width:90px}.realm-finale p{font-size:17px}}@media (height<=500px){.realm-hero{grid-template-rows:auto auto auto auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:5px 20px;max-width:1000px;padding:12px 24px}.realm-hero>*{grid-column:1}.realm-hero .realm-map{grid-area:1/2/8;height:100%}.realm-logo{height:65px}.realm-description{font-size:16px}.realm-details{font-size:11px}.realm-victory li p{display:none}.realm-victory h3{font-size:8px}.realm-victory>h2{gap:7px;margin-bottom:6px;font-size:8px}.realm-victory li{gap:3px;padding-inline:4px}.realm-victory li svg{width:16px;height:16px}.realm-play,.realm-guide{height:40px;padding-inline:18px;font-size:11px}.realm-play-note,.realm-scroll{font-size:10px}.tutorial-step{gap:28px;padding:14px 24px}.tutorial-copy h3{margin-block:12px;font-size:22px}.tutorial-copy p{font-size:16px;line-height:1.3}.tutorial-next{margin-top:14px}.tutorial-scene{gap:5px;padding:10px 10px 4px}.scene-caption{min-height:2.7em;font-size:10px}.scene-inventory-item{padding:4px 6px;font-size:12px}.scene-inventory svg{width:14px;height:14px}.scene-controls button{min-height:30px;padding:5px;font-size:11px}.realm-finale{gap:10px}.realm-finale-mark{height:75px}.realm-finale h2{font-size:25px}.realm-finale p{font-size:15px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{transition:none!important;animation:none!important}.scene-vanish,.scene-defeated,.scene-spend{opacity:0}}