:root{--bg:#133c33;--cream:#f5e7c8;--muted:#a1b5a1;--peach:#efb685;--line:#a5c3a32c}body{background:var(--bg);color:var(--cream)}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:20px}.logo{font:italic 48px/.8 Georgia,serif;letter-spacing:-.06em;display:flex;align-items:center;gap:10px}.logo svg{width:28px;height:28px;color:#d3d599}header nav{display:flex;gap:30px;font-size:12px;color:#c4d0b9}.prototype{font-size:10px;border:1px solid var(--line);padding:9px 13px;border-radius:30px;display:flex;align-items:center;gap:8px}.prototype i{width:5px;height:5px;border-radius:50%;background:#c7d59c}.world-section{display:grid;grid-template-columns:.85fr 1.55fr;min-height:515px;position:relative;padding-left:5vw;border-bottom:1px solid var(--line)}.world-intro{padding:45px 0 20px;position:relative;z-index:2}.eyebrow{font:8px Mono,monospace;letter-spacing:.08em}.world-intro>.eyebrow{color:#b9cdac}h1{font-family:Georgia,serif;font-size:clamp(49px,4.9vw,77px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:27px 0 22px}h1 em{color:var(--peach);font-weight:400;white-space:nowrap}.world-intro>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.wake{display:flex;align-items:center;gap:18px;background:var(--peach);color:#1b4036;border:0;border-radius:50px;padding:15px 22px;font-size:12px;font-weight:600;margin-top:26px;transition:background .2s}.wake:hover{background:#ffd0a5}.play-symbol{font-size:11px}.local-note{display:flex;gap:6px;align-items:center;font-size:9px;color:#88a58f;margin-top:14px}.local-note i{width:3px;height:3px;background:currentColor;border-radius:50%}.selected-resident{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;max-width:295px}.selected-resident .eyebrow{font-size:7px;color:#adc49e}.selected-resident p{font:italic 13px/1.5 Georgia,serif;margin:7px 0 0;color:#d7d8b9}.mini-face{min-width:37px;height:37px;background:#b8d7a0;border-radius:48% 48% 40% 40%;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:inset 0 -8px #0000000c}.mini-face i{height:5px;width:3px;border-radius:50%;background:#2e5140;position:relative;top:0}.world-view{position:relative;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 55% 50%,#7092702b,transparent 70%);padding:15px 3vw 0 0}.world-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#bfcbb1;padding-left:70px}.world-top>div{display:flex;align-items:center;gap:8px}.world-top>b,.world-top b{font-family:Mono,monospace;font-size:13px;color:var(--cream);margin-left:7px}.sun-icon{width:10px;height:10px;background:#eaca80;border-radius:50%;box-shadow:0 0 12px #eaca8040}.map{width:100%;position:relative;flex:1;min-height:440px;display:grid;align-items:center}.map svg{display:block;width:115%;max-width:none;margin-left:-10%;overflow:visible}.world-bubble{position:absolute;left:34%;top:13%;font-size:10px;padding:11px 14px;background:#f0e2bf;color:#33523e;border-radius:12px 12px 12px 1px;box-shadow:0 8px 20px #031d2633;transform:rotate(-3deg);max-width:245px}.scene-caption{display:flex;justify-content:space-between;font-size:8px;color:#8cab97;padding:0 0 22px 40px}.scene-caption>span:first-child{font:7px Mono,monospace;display:flex;align-items:center;gap:7px}.scene-caption i{width:4px;height:4px;background:#9abc88;border-radius:50%}.controls{display:grid;grid-template-columns:1.1fr .8fr 1fr;align-items:center;gap:35px;padding:25px 5vw;background:#10372e;border-bottom:1px solid var(--line)}.control-label{font-size:10px;color:#aec1a5;display:block;margin-bottom:12px}.weather-buttons{display:flex;gap:6px}.weather-buttons button{background:transparent;border:1px solid #496952;color:#b1c7ac;border-radius:30px;font-size:11px;padding:10px 14px;display:flex;align-items:center;gap:7px}.weather-buttons button span{font-size:16px;line-height:12px}.weather-buttons button[aria-pressed=true]{background:#cbd5a6;border-color:#cbd5a6;color:#244533}.priority-controls select{width:100%;max-width:245px;appearance:auto;background:#204b3f;border:1px solid #4a6e55;border-radius:7px;color:#e1e1bb;padding:10px 12px;font-size:11px}.time-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.time-controls .control-label{width:100%;margin-bottom:5px}.time-controls button{background:transparent;border:1px solid #4a6e55;border-radius:30px;color:#d8ddc4;font-size:11px;padding:11px 14px}.time-controls #step{min-width:180px;display:flex;justify-content:space-between;gap:16px}.time-controls #reset{width:37px;height:37px;padding:0;font-size:20px}.underworld{display:grid;grid-template-columns:1fr 1fr;padding:32px 5vw 34px;gap:65px}.resources>.eyebrow,.journal .eyebrow{color:#b5c5a7}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px}.resource-grid>div{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:0 8px}.resource-icon{font-size:26px;grid-row:span 2;align-self:start;line-height:1}.food{color:#d4cf87}.water{color:#9fcadb}.wood{color:#caac80}.home{color:#eeb58a}.resource-grid strong{font-size:27px;line-height:1;font-weight:500;letter-spacing:-.04em}.resource-grid small{font-size:9px;color:var(--muted);margin-top:7px}.wellbeing{display:flex;align-items:center;gap:13px;font-size:9px;color:#9bb797;margin-top:26px}.wellbeing>div{height:4px;flex:1;background:#355844;border-radius:20px}.wellbeing i{display:block;width:82%;height:100%;background:#bacd8e;border-radius:20px;transition:width .5s}.journal-heading{display:flex;justify-content:space-between;align-items:center}.journal-heading>span:last-child{font:8px Mono,monospace;color:#86a188}.journal ol{list-style:none;padding:0;margin:16px 0 0}.journal li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #abc8a016;animation:fadein .3s ease}.journal p{font-size:11px;line-height:1.5;margin:0;color:#cad3ba}.journal li>span:last-child{margin-left:auto;font:7px Mono,monospace;color:#809e86;white-space:nowrap}.event-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#c4d398}.peach{background:#edb18a}.lavender{background:#c8b6d9}.residents{margin:0 4vw;border-top:1px solid var(--line);padding:42px 1vw}.residents-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.residents h2{font-family:Georgia,serif;font-size:40px;line-height:1.15;font-weight:400;letter-spacing:-.03em;margin:16px 0 0}.residents h2 em{color:var(--peach)}.residents-header p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.resident-list{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:29px}.resident-card{background:#244a3d;border:1px solid transparent;border-radius:45% 45% 16px 16px;color:var(--cream);padding:12px 15px 18px;transition:transform .2s,background .2s}.resident-card:hover{transform:translateY(-5px);background:#2e5745}.resident-card[aria-pressed=true]{border-color:#a4bd86;background:#305340}.resident-card svg{width:100%;max-height:125px;overflow:visible;display:block}.resident-card strong{display:block;font-size:13px;font-weight:500;margin-top:0}.resident-card small{display:block;font-size:9px;color:#b2c2a5;margin-top:5px}.how{padding:32px 5vw 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.how h2{font:400 39px/1.13 Georgia,serif;letter-spacing:-.03em;margin:17px 0 0}.how p{font-size:13px;line-height:1.9;color:var(--muted);max-width:415px;align-self:end;margin:0}footer{border-top:1px solid var(--line);padding:32px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .logo{font-size:34px}footer>span:not(.eyebrow){font-size:11px;color:var(--muted)}.map-agent{cursor:pointer;transition:transform 1.4s ease}.map-agent:focus-visible{outline:none;filter:drop-shadow(0 0 7px #ffffcc)}.map-agent:hover .creature{filter:brightness(1.12)}.agent-selected .agent-ring{opacity:1}.agent-ring{opacity:0;transition:opacity .2s}.rain-line{animation:rainfall .65s linear infinite;opacity:.4}.map[data-weather=drought] .water-surface{opacity:.45}.map[data-weather=drought] .grass-top{fill:#868953}.map[data-weather=rain] svg{filter:saturate(.85)}.map .creature{animation:bob 3s ease-in-out infinite}.map .map-agent:nth-child(2n) .creature{animation-delay:-1.5s}.cloud{animation:drift 12s ease-in-out infinite}.map-agent text{font:10px Geist,Arial,sans-serif}.map .new-home{animation:fadein .8s ease}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes drift{50%{transform:translateX(9px)}}@keyframes rainfall{to{transform:translate(-10px,24px)}}@keyframes fadein{from{opacity:0}to{opacity:1}}@media(min-width:1600px){main{max-width:1550px;margin:auto}.world-intro{padding-top:70px}}@media(max-width:1080px){.world-section{grid-template-columns:1fr 1.25fr;padding-left:4vw}.world-view{padding-right:2vw}.map{min-height:400px}.map svg{width:125%;margin-left:-20%}.world-top{padding-left:20px}.world-bubble{top:17%;left:23%;font-size:9px}.scene-caption{padding-left:10px}.scene-caption>span:last-child{display:none}h1{font-size:54px}.controls{gap:20px;padding-inline:4vw;grid-template-columns:1.2fr .9fr 1fr}.weather-buttons button{padding:9px}.time-controls #step{min-width:150px}.time-controls #reset{display:none}.underworld{gap:40px;padding-inline:4vw}.resource-grid>div{grid-template-columns:1fr;gap:0}.resource-icon{display:none}.resident-list{gap:8px}.resident-card{padding-inline:6px}}@media(max-width:700px){header{height:80px}header nav{display:none}.logo{font-size:41px}.prototype{font-size:9px}.world-section{display:flex;flex-direction:column;padding-left:0}.world-intro{padding:28px 6vw 0}h1{font-size:58px}.world-intro>p{font-size:13px}.selected-resident{display:none}.world-view{padding:28px 0 0}.world-top{padding:0 6vw}.map{min-height:0}.map svg{width:100%;margin:0}.world-bubble{top:12%;left:30%;font-size:8px;max-width:190px;padding:9px}.scene-caption{padding:0 6vw 23px}.scene-caption>span:last-child{display:block}.controls{grid-template-columns:1fr 1fr;gap:25px 15px;padding:25px 6vw}.weather-controls{grid-column:1/-1}.weather-buttons button{flex:1;justify-content:center;padding:11px}.time-controls #step{min-width:0;width:100%;font-size:10px;white-space:nowrap}.priority-controls select{font-size:10px}.underworld{grid-template-columns:1fr;padding:30px 6vw;gap:34px}.resource-icon{display:block}.resource-grid>div{grid-template-columns:20px 1fr;gap:0 7px}.resource-icon{font-size:23px}.resource-grid strong{font-size:23px}.residents{padding-inline:2vw}.residents-header{display:block}.residents h2{font-size:34px}.residents-header p{margin-top:18px}.resident-list{grid-template-columns:repeat(3,1fr);gap:14px}.resident-card svg{max-height:105px}.how{grid-template-columns:1fr;gap:25px;padding:10px 6vw 40px}.how h2{font-size:36px}footer{padding-inline:6vw;flex-wrap:wrap}footer .eyebrow{display:none}footer>span:not(.eyebrow){max-width:200px;font-size:10px}.local-note{font-size:9px}}

@media(max-width:1080px){.time-controls #reset{display:block}.time-controls #step{flex:1;min-width:0}}