:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#344535;background:#eef1e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:34px 44px 20px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}header{grid-column:1/-1}header a,small,footer{font-size:10px;font-weight:700;letter-spacing:1.9px}a{color:inherit;text-decoration:none}h1{font-family:Georgia,serif;font-weight:400;font-size:52px;letter-spacing:-2px;margin:12px 0 6px}h1 span{color:#91aa72;margin-left:12px}p{font-size:13px;color:#71806a;line-height:1.65;margin:5px 0}h2{font:24px Georgia,serif;margin:8px 0 16px}.world{position:relative;border:1px solid #d5ddcb;background:#e1e8d8;border-radius:24px;overflow:hidden;min-height:640px}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.world-top,.world-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.world-top{top:23px;font-size:12px}.badge{background:#f8faeecf;border:1px solid #fff;border-radius:24px;padding:10px 14px;color:#64875e}.world-bottom{bottom:24px}.world-bottom button{pointer-events:auto}#counts{font-size:14px;margin-top:9px;display:flex;gap:16px;flex-wrap:wrap}.hint{position:absolute;bottom:94px;width:100%;text-align:center;font-size:11px;color:#687c62;pointer-events:none}aside{border-radius:24px;background:#fafbf4;padding:24px;border:1px solid #dfe5d5}.panel-heading{display:flex;justify-content:space-between}.panel-heading>span{font-size:34px;color:#829a6a}small{color:#88957b;font-size:9px}.field{display:block;font-size:12px;margin:15px 0}select,button{font:inherit;border:1px solid #d7dfcc;color:#40543a;border-radius:10px;background:#f5f7ed;padding:10px;cursor:pointer}select{width:100%;margin-top:8px}.slider{display:block;margin:17px 0;font-size:12px}.slider>span{display:flex;justify-content:space-between;gap:12px}.slider output{color:#7d8e69;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#728f57;margin:10px 0 0;cursor:pointer}.divider{height:1px;background:#e3e7d9;margin:20px 0}.species{border:1px solid #e1e6d7;border-radius:12px;padding:12px;margin:10px 0}.species summary{display:flex;gap:9px;align-items:center;font-size:13px;cursor:pointer}.dot{width:12px;height:12px;border-radius:50%}.species summary em{font-size:11px;font-style:normal;color:#8a957f;margin-left:auto}.species button{width:100%;font-size:12px}.note{font-size:11px;margin-top:10px}summary{font-size:12px;cursor:pointer}.actions{display:flex;gap:8px;margin-top:22px}.actions button{flex:1;background:#526b45;color:#fff}.actions select{width:85px;margin:0}.reset{background:transparent;width:100%;font-size:11px;margin-top:8px}button:hover{filter:brightness(.96)}button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #afbd8b;outline-offset:3px}.journal{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:14px 8px}.journal h2{font-size:23px;margin-bottom:8px}ol{padding:0;list-style:none;margin:10px 0}li{font-size:12px;line-height:1.9;color:#74846b}footer{grid-column:1/-1;border-top:1px solid #d9dfce;padding-top:18px;color:#839076;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}#error{position:absolute;inset:40% 10% auto;padding:20px;background:#fff;border-radius:12px}footer span{font-weight:400;letter-spacing:0}@media(max-width:900px){main{padding:22px;grid-template-columns:minmax(0,1fr) 290px;gap:15px}.world{min-height:600px}aside{padding:18px}}@media(max-width:680px){main{padding:18px 12px;grid-template-columns:1fr}h1{font-size:43px}.world{min-height:460px}aside{padding:22px}.journal{grid-template-columns:1fr}footer{gap:20px}.world-top,.world-bottom{left:16px;right:16px}#counts{gap:8px;font-size:12px}.hint{font-size:10px}}

.timeline{grid-column:1/-1;background:#fafbf4;border:1px solid #dfe5d5;border-radius:20px;padding:22px}.timeline h2{margin-bottom:12px}.chart-legend{display:flex;flex-wrap:wrap;gap:8px}.chart-legend button{font-size:11px;padding:6px 9px;border-left:4px solid var(--series)}.chart-legend button[aria-pressed=false]{opacity:.4}#chart svg{width:100%;display:block;min-height:160px;margin-top:12px;overflow:visible}#chart svg text{font:11px system-ui;fill:#71806a}#lightning{width:100%;background:#f5ead4}#weather{border-top:1px solid #dfe5d5;margin-top:15px}
.landscape-note{position:absolute;top:65px;left:24px;right:24px;font-size:11px;color:#62755c;pointer-events:none}.world{align-self:start;height:720px} @media(max-width:680px){.world{height:500px}.landscape-note{left:16px;right:16px;font-size:10px}}
.creature-tooltip{position:absolute;left:16px;top:92px;z-index:5;width:max-content;max-width:min(280px,calc(100% - 32px));padding:13px 42px 13px 16px;border:1px solid #cfdbc2;border-radius:14px;background:#fbfdf3f5;color:#344535;box-shadow:0 8px 28px #263e2926;pointer-events:auto;font-size:12px;line-height:1.65}.creature-tooltip[hidden]{display:none}.creature-tooltip strong{display:block;font:22px Georgia,serif;margin-bottom:4px}.creature-tooltip span{display:block}.creature-tooltip span:last-child{color:#7c8d6d;font-style:italic;margin-top:5px}
.creature-close{position:absolute;top:6px;right:6px;width:32px;height:32px;padding:0;border:0;background:transparent;font-size:25px;line-height:1}.creature-close:hover{background:#e8eddf}
.view-controls{display:flex;gap:6px;pointer-events:auto}.world:fullscreen,.world.theater{width:100vw;height:100dvh;min-height:0;border:0;border-radius:0;background:#dfe7d8}.world.theater{position:fixed;inset:0;z-index:9999}.world:fullscreen .view-controls,.world.theater .view-controls{position:fixed;top:20px;right:16px;z-index:12}.world:fullscreen .world-top,.world.theater .world-top{right:280px}.world:fullscreen .world-bottom,.world.theater .world-bottom{bottom:55px}.graph-drawer{position:absolute;bottom:0;left:0;right:0;z-index:9;background:#f5f8e9c9;backdrop-filter:blur(10px);border-top:1px solid #a8b79a;box-shadow:0 -5px 25px #34453520}.graph-drawer[hidden],.graph-drawer-body[hidden]{display:none}.graph-drawer>button{display:block;margin:0 auto;border:0;background:transparent;min-height:42px}.graph-drawer-body{padding:4px 22px 12px;max-height:42vh;overflow:auto}.graph-drawer #chart svg{max-height:210px;min-height:130px}.graph-drawer .note{margin:0}@media(max-width:680px){.view-controls{flex-direction:column}.world:fullscreen .view-controls,.world.theater .view-controls{top:12px}.world:fullscreen .world-top,.world.theater .world-top{right:155px;flex-wrap:wrap;gap:6px}.graph-drawer-body{padding:4px 10px 10px}}
.care-controls{position:absolute;right:16px;top:88px;z-index:12;width:min(290px,70%);padding:10px 12px;border-radius:12px;background:#f6f7edec;box-shadow:0 3px 16px #31432b22;font-size:12px}.care-controls summary{cursor:pointer;font-weight:600}.care-controls output{display:block;margin:8px 0}.care-controls div{display:flex;flex-wrap:wrap;gap:5px}.care-controls small{display:block;margin-top:8px;line-height:1.5}.care-controls button[aria-pressed=true]{background:#526d43;color:white}

.care-controls small{letter-spacing:normal;text-transform:none;font-size:11px;font-weight:400}

.fence-size{display:block;margin-top:8px}.fence-size input{display:block;width:100%}.care-controls #fence-status{font-size:11px;line-height:1.4}

.performance-panel{position:absolute;bottom:145px;left:16px;z-index:13;max-width:min(360px,calc(100% - 32px));padding:9px 12px;background:#f6f7edf2;border-radius:12px;box-shadow:0 3px 16px #31432b22}.performance-panel pre{font-size:11px;white-space:pre-wrap;line-height:1.5;margin:10px 0}.performance-panel p{font-size:10px;max-width:320px;line-height:1.4}.performance-panel summary{font-size:11px}

.diagnostic-actions{display:flex;gap:6px}.diagnostic-actions button{font-size:11px;padding:7px}.performance-panel output{display:block;font-size:10px;line-height:1.4;margin-top:8px}.performance-panel[open]{max-height:65%;overflow:auto}

/* Compact touch controls: labels remain accessible via aria-label. */
@media(max-width:680px),(pointer:coarse) and (max-width:1024px){.view-controls{flex-direction:row;flex-shrink:0;align-self:flex-end}.view-controls .control-label{display:none}.view-controls button{width:44px;height:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:23px;line-height:1}.view-controls button[aria-pressed=true]{background:#526d43;color:#fff}.world:fullscreen .world-top,.world.theater .world-top{right:120px}.world:fullscreen .view-controls,.world.theater .view-controls{top:12px}.world-bottom{gap:10px}}

.panel-icon{display:none}
@media(max-width:680px),(pointer:coarse) and (max-width:1024px){.world-top .badge,.landscape-note,.hint,.performance-panel p,.care-controls small{display:none}.world-top{justify-content:flex-end}.care-controls{top:64px;right:16px}.care-controls:not([open]),.performance-panel:not([open]){width:44px;height:44px;padding:0}.care-controls summary,.performance-panel summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0}.care-controls summary::-webkit-details-marker,.performance-panel summary::-webkit-details-marker{display:none}.panel-label{display:none}.panel-icon{display:inline;font-size:24px;line-height:1}.care-controls[open],.performance-panel[open]{width:min(320px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100% - 132px);overflow:auto;padding:0 12px 12px}.care-controls[open] summary,.performance-panel[open] summary{justify-content:flex-start}.care-controls[open] .panel-icon,.performance-panel[open] .panel-icon{color:#526d43}.care-controls summary:focus-visible,.performance-panel summary:focus-visible{outline-offset:-3px}}

@media(max-width:680px),(pointer:coarse) and (max-width:1024px){.performance-panel[open]{max-height:calc(100% - 165px)}}

.leaderboard-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leaderboard-tools select{max-width:100%;padding:8px;border-radius:8px}.leaderboard ol{padding-left:24px}.leaderboard li{padding:9px 0;border-bottom:1px solid #ffffff18}.leaderboard li small{display:block;opacity:.72;margin-top:4px}.leaderboard-status{min-height:1.4em}

.theme-picker{margin:16px 0 22px}html[data-theme=vivid]{background:#e4f4ff;color:#183a45}html[data-theme=opal]{background:linear-gradient(125deg,#e4f1ef,#eee7f5 55%,#f1eadc);color:#384554}html[data-theme=vivid] :is(aside,.timeline){background:#f8fdff;border-color:#90c9d9}html[data-theme=opal] :is(aside,.timeline){background:linear-gradient(135deg,#f5fcfaed,#f4eff9ed 65%,#fff8ebed);border-color:#bac5d6}html[data-theme=vivid] :is(button,select){border-color:#69aaba}html[data-theme=opal] :is(button,select){background:#f4f1f8;border-color:#b9b3c9;color:#384554}html[data-theme=opal] .actions button{background:#686486;color:white}html[data-theme=vivid] input[type=range]{accent-color:#007d91}html[data-theme=opal] input[type=range]{accent-color:#8272a1}html[data-theme=opal] :is(.world-top,.world-bottom,.hint,.landscape-note){color:#354653}

.background-picker{margin:0 0 22px}.world[data-background=space] .world-top,.world[data-background=space] .hint,.world[data-background=space] .landscape-note{color:#eef3ff}.world[data-background=space] .world-bottom{background:#f3f5edeb;border-radius:12px;padding:10px}.world[data-background=space] .badge{color:#344535}.world[data-background=space] .hint{text-shadow:0 1px 3px #000}

.world:is([data-background=sea],[data-background=landscape]) :is(.world-top,.hint,.landscape-note){color:#fff;text-shadow:0 1px 4px #152f3b}.world:is([data-background=sea],[data-background=landscape]) .badge{color:#344535;text-shadow:none}.world:is([data-background=sea],[data-background=landscape]) .world-bottom{background:#f3f5edeb;border-radius:12px;padding:10px}

.ecosystem-spark{margin:12px 0;max-width:560px}.ecosystem-spark svg{display:block;width:100%;height:54px}.ecosystem-spark figcaption{font-size:12px}.ecosystem-spark small{font-size:10px;letter-spacing:0;font-weight:400}.ecosystem-current{padding:8px 0;border-bottom:1px solid #c5ccbb}

.ecosystem-spark svg{height:70px}.ecosystem-spark>small{display:block}.ecosystem-spark>.spark-legend{display:flex;gap:8px;flex-wrap:wrap}
.world-settings>summary{font:24px Georgia,serif;padding:4px 0}.world-settings[open]>.panel-heading{margin-top:16px;align-items:center}

.species summary .species-add{width:26px;min-width:26px;height:26px;padding:0;font-size:18px;line-height:24px}.species-count{font-variant-numeric:tabular-nums;font-weight:700;min-width:18px;text-align:right}.species summary{gap:6px}.species summary em{font-size:10px}button:disabled{opacity:.4;cursor:not-allowed}

.card-stat{margin:7px 0!important}.card-stat-caption{display:block}.card-stat-track{display:block!important;height:3px;margin-top:4px;background:#34453520;border-radius:3px;overflow:hidden}.card-stat-fill{display:block!important;height:100%;background:#a88b54;border-radius:inherit}.card-stat[data-stat=water] .card-stat-fill{background:#4c9da9}.card-stat[data-stat=health] .card-stat-fill{background:#719b61}.card-stat[data-stat=growth] .card-stat-fill{background:#9981b3}
.creature-tooltip span.card-stat-fill{margin:0;font-style:normal}.creature-tooltip span.card-stat-track{margin-top:4px;font-style:normal}

.world .world-bottom{left:12px;right:12px;bottom:12px;gap:10px;padding:7px 10px;border-radius:12px}.world-bottom small{display:none}#counts{font-size:11px;margin-top:0;gap:6px}.world-bottom .view-controls{display:flex;gap:5px;flex-shrink:0}.world-bottom button{font-size:12px;padding:6px 9px}.hint{bottom:66px}@media(max-width:680px){.world .world-bottom{padding:6px 8px;gap:6px}.world-bottom #counts{font-size:10px}.world-bottom .view-controls button{min-width:34px;min-height:34px;width:34px;height:34px;padding:4px}}

.chart-legend{gap:6px}.chart-category{position:relative}.chart-category>summary{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #c5cebd;border-radius:8px;font-size:11px;list-style:none}.chart-category>summary::-webkit-details-marker{display:none}.chart-category>summary::after{content:"▾";font-size:10px}.chart-category[open]>summary::after{content:"▴"}.chart-category input{margin:0;accent-color:#63853a}.chart-category small{font-size:10px;letter-spacing:0;font-weight:400}.chart-category-items{position:absolute;top:calc(100% + 4px);left:0;width:210px;max-width:calc(100vw - 48px);z-index:20;display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#fafbf4;box-shadow:0 5px 18px #34453526;border:1px solid #c5cebd;border-radius:10px}.chart-category-items button{flex:1 1 auto;text-align:left}.chart-category:last-child .chart-category-items{left:auto;right:0}

.world-title-row{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.world-title-row h1{flex-shrink:0}#world-name{font:28px Georgia,serif;color:inherit;background:transparent;border:0;border-bottom:1px dashed #88957b80;border-radius:0;padding:4px 0;max-width:100%;width:340px;outline-offset:5px}#world-name::placeholder{font-size:20px;color:#88957b}#world-name:focus{outline:2px solid #afbd8b}#world-name:disabled{border-color:transparent}@media(max-width:680px){.world-title-row{gap:2px 12px}#world-name{font-size:23px;width:100%;margin-bottom:8px}}

.card-stat[data-stat=age] .card-stat-fill{background:#9b82ac}