:root{color-scheme:dark;--bg:#0b1210;--surface:#141e18;--cream:#eee9db;--text:#c9d0c5;--gold:#b8a875;--line:#b8a87540}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #f58a24;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.skip{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-160%);background:var(--gold);padding:12px;color:var(--bg)}.skip:focus{transform:none}.site-header{height:62px;border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;padding:0 max(24px,calc((100vw - 1440px)/2 + 24px));position:relative;z-index:20;background:#0b1210f5}.brand{font:22px Anton,sans-serif;color:var(--gold);letter-spacing:.03em;text-decoration:none;white-space:nowrap}#current-page{font-size:12px;color:#a1aba2;flex:1}#menu-toggle{background:transparent;color:var(--cream);border:1px solid var(--line);padding:8px 14px;border-radius:5px;display:flex;gap:16px}#site-nav{position:absolute;right:max(20px,calc((100vw - 1440px)/2 + 20px));top:54px;width:280px;padding:10px;background:#141e18fa;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 60px #0008}#site-nav a{display:block;text-decoration:none;padding:11px 14px;font-size:14px;border-radius:4px}#site-nav a:hover,#site-nav a[aria-current=page]{background:#b8a87520;color:var(--cream)}#content{min-height:100svh;outline:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.desktop-shell{position:relative;width:100%;max-width:1440px;overflow:hidden}.stage{width:1440px;height:900px;position:relative;transform-origin:top left;background:var(--bg);overflow:hidden;isolation:isolate}.node{position:absolute;left:0;top:0;transform-origin:0 0;display:block;margin:0;padding:0;border:0;font:inherit;color:inherit;text-align:left;text-decoration:none;box-sizing:border-box;background:transparent}.paint{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-position:center;background-repeat:no-repeat}.text{white-space:pre-wrap;overflow-wrap:normal}.text a{position:relative;z-index:2}.interactive{cursor:pointer;transition:filter .15s}.interactive:hover{filter:brightness(1.17)}.interactive:focus-visible{outline-offset:3px}.node{pointer-events:none}.node.interactive,.node.hover-trigger,.node a,.node video,.node.text{pointer-events:auto}.node.text-path{pointer-events:none!important}.hover-trigger{cursor:help}.node .paint{pointer-events:none}.node svg{display:block;overflow:visible}.animation-layer{position:absolute;inset:0;pointer-events:none!important;z-index:8}.animation-layer *{pointer-events:none!important}.mobile-view{display:none}.loading{padding:80px 24px;color:var(--gold)}footer{min-height:58px;display:flex;justify-content:center;align-items:center;gap:26px;border-top:1px solid var(--line);font-size:12px}footer button{border:0;background:transparent;color:var(--gold);padding:14px}#info-dialog{padding:0;border:1px solid #b8a87580;border-radius:12px;background:var(--surface);color:var(--text);max-width:calc(100vw - 32px);max-height:90svh;overflow:auto;box-shadow:0 20px 100px #000a}#info-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}#modal-content{position:relative}.dialog-close{position:absolute;top:12px;right:12px;z-index:12;background:#0b1210cc;color:var(--cream);width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:26px;line-height:1}.modal-mobile{padding:28px 24px;max-width:580px}.modal-mobile h2{font:32px Anton,sans-serif;color:var(--cream);padding-right:30px;margin:0 0 24px}.modal-mobile p{font-size:16px;line-height:1.7;white-space:pre-line}.modal-mobile img{width:100%;border-radius:8px;margin:12px 0}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;z-index:100;background:#25332a;border:1px solid var(--gold);border-radius:8px;padding:16px 22px;box-shadow:0 10px 40px #0008;font-size:14px}.media-poster{position:relative;overflow:hidden;border-radius:8px}.media-poster img,.media-poster video{display:block;width:100%;height:100%;object-fit:cover}.media-poster figcaption{position:absolute;bottom:12px;left:12px;padding:6px 10px;background:#0b1210df;border-radius:4px;color:var(--cream);font-size:12px}.page-fade{animation:page-in .25s ease-out}@keyframes page-in{from{opacity:.2}to{opacity:1}}
@media(max-width:1000px){.site-header{height:60px;padding:0 18px;gap:16px}.brand{font-size:20px}#current-page{display:none}#menu-toggle{margin-left:auto}#site-nav{right:16px;top:53px;width:min(310px,calc(100vw - 32px))}#content{display:block;min-height:100svh}.desktop-shell{display:none}.mobile-view{display:block;padding:32px 20px 40px;position:relative;overflow:hidden;background-size:cover;background-position:center}.mobile-view h1{font:clamp(36px,9vw,58px)/1.12 Anton,sans-serif;color:var(--cream);margin:0 0 28px}.mobile-view h2{font:29px/1.2 Anton,sans-serif;color:var(--gold);margin:0 0 18px}.mobile-view h3{font-size:21px;line-height:1.3;color:var(--cream);margin:0 0 12px}.mobile-view p{font-size:16px;line-height:1.7;margin:0 0 16px;white-space:pre-line}.mobile-view ul{padding-left:20px}.mobile-view li{font-size:16px;line-height:1.7;margin:0 0 20px}.mobile-card{position:relative;padding:22px;background:#141e18ed;border:1px solid #b8a87515;border-radius:10px;margin:0 0 18px;overflow:hidden}.mobile-card img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:8px;max-height:320px;object-fit:contain}.mobile-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.mobile-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;background:var(--gold);border:1px solid var(--gold);border-radius:5px;color:var(--bg);font-size:14px;font-weight:600;text-decoration:none;min-height:46px}.mobile-button.secondary{background:transparent;color:var(--cream)}.mobile-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:54px 24px;background-position:60% center}.mobile-hero h1{font-size:clamp(65px,20vw,100px);line-height:1.02;white-space:pre-line;margin:0 0 20px;max-width:280px}.mobile-hero p{color:var(--cream);font-size:19px}.mobile-image{width:100%;height:auto;border-radius:9px;display:block;margin:18px 0;object-fit:contain}.mobile-gallery{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:20px 0}.mobile-gallery img{width:calc(50% - 8px);max-height:180px;object-fit:contain}.sound-card{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center}.sound-card img{width:64px;margin:0}.sound-card p{margin:0;font-size:15px}.control-card{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}.control-card kbd{display:grid;place-items:center;background:#f58a24;color:white;border:3px outset #c96e0a;border-radius:6px;font-size:19px;font-weight:700;min-height:42px}.control-card p{margin:0}.mobile-quote{position:relative;text-align:center;padding:30px 10px 90px;font:37px/1.3 Anton,sans-serif;color:var(--gold)}.mobile-quote span{position:relative}.mobile-baby{position:relative;width:280px;height:280px;margin:0 auto -32px}.map-scroll{position:relative;width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px;overscroll-behavior:contain}.map-inner{position:relative;overflow:hidden;width:100%;aspect-ratio:1}.map-inner img{position:absolute;inset:0;width:100%;height:100%}.map-hotspot{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:var(--cream);padding:0;display:grid;place-items:center;cursor:pointer;min-width:28px;min-height:28px}.map-hotspot img{position:static;width:23px;height:23px}.map-hotspot.label{font-size:9px;background:#0b1210b8;border:1px solid var(--line);padding:6px;min-width:0;width:max-content;max-width:120px;border-radius:4px}.map-tools{display:flex;gap:10px;align-items:center;margin:0 0 14px}.map-tools button{border:1px solid var(--line);background:var(--surface);color:var(--cream);padding:9px 15px;border-radius:4px}.map-tools span{font-size:12px;margin-left:auto}.media-poster{margin:18px 0}.media-poster img,.media-poster video{height:auto;aspect-ratio:754/509}.modal-mobile .mobile-button{margin-top:10px}footer{gap:10px;font-size:12px}footer button{padding:15px 12px}#modal-content .stage{transform-origin:0 0}.mobile-view .eyebrow{font-size:11px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.mobile-view p span,.mobile-view p a,.modal-mobile p span,.modal-mobile p a{font-size:inherit!important;line-height:inherit!important;font-family:inherit!important}.mobile-view h2 span{font-size:inherit!important}.mobile-view .mobile-card p:last-child{margin-bottom:0}}
@media(max-width:1000px){.mobile-gallery img:only-child{width:100%}.mobile-view .mobile-card h2{font-size:29px}}
@media(max-width:1000px){.map-scroll{aspect-ratio:1}}
@media(max-width:1000px){.map-hotspot{z-index:3}.map-hotspot.label{z-index:2}.map-hotspot:hover,.map-hotspot:focus-visible{z-index:10}.map-hotspot img{margin:0!important;width:23px!important;height:23px!important}}
@media(max-width:1000px){.media-poster video{aspect-ratio:16/9;object-fit:contain;background:#000}.mobile-view .mobile-card img[role=button]{cursor:pointer}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1001px){
 #content{align-items:stretch;min-height:100svh}
 .desktop-shell{width:100%;max-width:none;min-height:100svh;background:var(--bg)}
 .desktop-shell>.stage{position:absolute;background:transparent}
 .desktop-shell>.stage>.paint{display:none}
 .desktop-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}
}
@media(min-width:600px) and (max-width:1000px){.mobile-view{max-width:760px;margin:0 auto;padding:40px 32px}.mobile-view h1{font-size:52px}.mobile-hero{max-width:none;margin:0;padding-left:max(40px,calc((100vw - 700px)/2))}.mobile-hero h1{font-size:100px}}

#hover-shade{position:fixed;inset:0;background:#000a;z-index:40;pointer-events:none}#hover-shade[hidden]{display:none}#info-dialog.hover-open{position:fixed;inset:0;margin:auto;z-index:50;height:max-content}#info-dialog .stage{pointer-events:none}@media(min-width:1001px){.dialog-close{display:none}}
.mobile-page-nav{display:flex;align-items:flex-end;gap:12px;padding-top:28px;margin-top:auto}.page-nav-back,.page-nav-next{display:flex;flex-wrap:wrap;gap:12px}.page-nav-next{margin-left:auto;justify-content:flex-end}.mobile-page-nav a{border:1px solid var(--text);border-radius:4px;padding:10px 14px;font-size:13px;text-decoration:none}
@media(max-width:1000px){.mobile-view{min-height:100svh;display:flex;flex-direction:column}.mobile-view>*{flex-shrink:0}}
@media(max-width:1000px){
 .mobile-card.server-feature-card{isolation:isolate;min-height:190px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 22px}
 .mobile-card.server-feature-card>.server-feature-card__art{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:inherit;object-fit:cover;object-position:right center;z-index:-2}
 .server-feature-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101a13ed 0%,#101a13cf 45%,#101a1366 75%,#101a131a 100%)}
 .mobile-view .server-feature-card h2{font-size:clamp(24px,6vw,29px);margin:0;max-width:90%;text-shadow:0 2px 8px #000}
 .mobile-view .server-feature-card p{margin:0;max-width:85%;line-height:1.6;color:var(--cream);text-shadow:0 1px 6px #000}
 .food-card .food-scene{position:relative;isolation:isolate;margin:12px auto 8px;width:100%;max-width:420px;aspect-ratio:1.45;overflow:hidden}
 .food-scene::before{content:"";position:absolute;inset:57% 1% 2%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#b8a87518,transparent 70%)}
 .food-card .food-scene img{position:absolute;display:block;max-width:none;max-height:none;margin:0;border-radius:0;height:auto;object-fit:contain;pointer-events:none}
 .food-scene__grazer{width:100%;left:0;top:4%}
 .food-scene__berries{width:26%;left:0;bottom:6%}
 .food-scene__cones{width:24%;left:24%;bottom:3%}
 .food-scene__acorns{width:25%;left:48%;bottom:5%}
 .food-scene__nuts{width:26%;left:72%;bottom:2%}
 .food-card .food-scene--critter{aspect-ratio:1.8;max-width:320px}
 .food-scene__critter{width:80%;left:10%;bottom:3%;transform:scaleX(-1)}
 .food-card .food-scene--scavenger{aspect-ratio:1.6}
 .food-scene__scavenger{width:63%;left:0;bottom:0}
 .food-scene__bones{width:52%;right:0;bottom:0}
 .food-card .food-actions{justify-content:center;margin:8px 0 0}
 .food-actions .mobile-button{width:100%;max-width:360px}
 .food-corpses{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
}
