@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{color-scheme:dark;--bg:#172b2a;--panel:#1b302f;--border:#ffffff12;--muted:#95aaa2;--text:#e6eadf;--accent:#d1e89c;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;cursor:pointer;background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover{filter:brightness(1.13)}.topbar{height:84px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;font:800 25px 'Manrope',sans-serif;letter-spacing:1.5px}.brandmark{background:var(--accent);color:#244139;width:37px;height:37px;display:grid;place-items:center;border-radius:9px;transform:rotate(-7deg);font-size:32px}.brand-sub{display:block;font-size:9px;letter-spacing:1.55px;font-weight:500;margin-top:2px;color:var(--muted)}.edition{font:500 10px 'DM Sans',sans-serif;color:#a9bda9;border:1px solid #7a957148;letter-spacing:1.1px;padding:5px 7px;border-radius:4px;margin-left:8px}.top-actions{display:flex;align-items:center;gap:22px}.live-label{display:flex;align-items:center;gap:9px;color:#b1c6b8;font-size:13px}.live-label i{width:6px;height:6px;border-radius:100%;background:var(--accent)}.quiet{border:1px solid #718c7e55;border-radius:50%;width:26px;height:26px;font-size:14px;color:var(--muted)}.button{border-radius:7px;padding:11px 17px;font-weight:650}.primary{background:var(--accent);color:#22382c}.top-actions .primary{font-size:13px}main{display:flex;height:calc(100dvh - 84px);min-height:650px}.sidebar{width:290px;flex-shrink:0;padding:30px 25px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:auto}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:#9fb6a5}h1{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.13;letter-spacing:-1px;margin:14px 0}.intro{font-size:12px;color:#94a99f;line-height:1.7;margin:0 0 24px}.world-title{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;display:flex;align-items:center;gap:12px}.world-icon{background:#314a3a;color:var(--accent);width:36px;height:36px;display:grid;place-items:center;border-radius:7px;font-size:24px}.world-title strong{display:block;font-size:13px;font-weight:550}.world-title div>span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.tag{font-size:10px;color:#a1b19e;margin-left:auto;border:1px solid var(--border);padding:4px 6px;border-radius:4px}.section-label{font-size:10px;font-weight:600;letter-spacing:1.4px;color:#9fb2a6;display:flex;justify-content:space-between;align-items:center}.section-label>span{font-size:11px;letter-spacing:0;color:#c0ccaf}.time-panel{padding:23px 0;border-bottom:1px solid var(--border)}.day{font:28px var(--serif);margin:10px 0 15px;display:flex;align-items:center;gap:7px}.time-state{margin-left:auto;font:8px 'DM Sans';letter-spacing:1px;color:#a7bc92}.playback{display:flex;gap:8px}.pause{width:40px;border:1px solid #7a95714d;border-radius:6px;color:var(--accent);font-size:18px}.speeds{display:flex;background:#102322;border-radius:6px;padding:3px;flex:1}.speeds button{flex:1;font-size:12px;padding:8px 0;color:#9bb1a6;border-radius:4px}.speeds .active{background:#3e5140;color:#e0efc4}.population{padding:22px 0;border-bottom:1px solid var(--border)}.metrics{display:flex;gap:40px;margin-top:14px}.metrics strong{font:29px 'Manrope';font-weight:500;letter-spacing:-1.2px;display:block}.metrics span{font-size:11px;color:var(--muted);display:block;margin-top:3px}#chart{height:58px;width:100%;margin-top:14px}.chart-label{display:flex;justify-content:space-between;font-size:9px;color:#93a798}.chart-label>span:last-child{color:#bad396}.life-counts{display:flex;justify-content:space-between;margin-top:15px;font-size:11px;color:#839c91}.life-counts b{font-weight:500;color:#c0cdbb}.layers{padding:23px 0}.segmented{display:flex;background:#102322;border-radius:6px;padding:4px;margin-top:14px}.segmented button{flex:1;padding:8px 0;font-size:11px;color:#9db4a7;border-radius:4px}.segmented button.active{background:#395246;color:#e4efda}.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:9px;color:#99b09f;margin-top:14px}.legend span{display:flex;gap:5px;align-items:center}.legend i{background:var(--c);display:inline-block;width:6px;height:6px;border-radius:1px}.atlas-button{display:flex;align-items:center;justify-content:space-between;border:1px solid #748b6d50;border-radius:7px;padding:13px 10px;font-size:11px;text-align:left}.atlas-button>span:last-child{font-size:9px;color:#a7b992}.atlas-icon{font-size:19px;color:#c0d896;margin-right:6px;vertical-align:-2px}.sidebar-bottom{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:23px}.sidebar-bottom p{font-size:9px;line-height:1.7;margin:0;color:#819a8a}.pixel-dot{width:10px;height:10px;background:#739f74;box-shadow:4px -4px #739f7455}.viewport{position:relative;flex:1;overflow:hidden;background:#153e49}.viewport #world{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline-offset:-4px}.viewport #world:active{cursor:grabbing}.map-heading{position:absolute;top:27px;left:30px;display:flex;flex-direction:column;gap:7px;pointer-events:none;text-shadow:0 1px 6px #0d2524}.map-label{font-size:10px;letter-spacing:2.5px;color:#d4e0d5}.map-heading>span:last-child{font-size:12px;color:#b2cbc2}.map-tools{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:3px;background:#172f2ddd;padding:5px;border:1px solid #d2edcf25;border-radius:8px;backdrop-filter:blur(8px)}.map-tools button{width:33px;height:33px;font-size:20px}.map-tools>span{height:18px;border-left:1px solid #ffffff20}.map-tools output{padding:0 9px;font-size:11px;color:#c0cebc;min-width:53px}.map-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:13px 22px;background:#16332ddd;color:#adc3b6;font-size:10px;border-top:1px solid #d0ead113;pointer-events:none}.map-bottom i{margin:0 10px;opacity:.5}.mouse-icon{margin-right:7px}.minimap-box{position:absolute;bottom:62px;right:24px;padding:9px;background:#152d2dda;border:1px solid #d2edcf25;border-radius:8px;backdrop-filter:blur(8px)}.minimap-box>div{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;margin:1px 1px 8px;color:#c4d6c5}.minimap-box>div>span:last-child{letter-spacing:0;color:#9cb7a8}#minimap{display:block;width:170px;height:110px;image-rendering:pixelated;cursor:crosshair;border-radius:3px}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#173632d9;font:26px var(--serif)}.hidden{display:none!important}.inspect{position:absolute;left:25px;bottom:65px;width:260px;padding:18px;background:#18322ef2;border:1px solid #b4d09955;border-radius:10px;backdrop-filter:blur(10px)}.inspect h3{font-size:17px;font-weight:500;margin:0 0 6px}.inspect p{font-size:12px;color:#b2c4b0;line-height:1.5;margin:8px 0}.inspect .close{position:absolute;right:9px;top:5px;font-size:22px}.specimen{width:56px;height:56px;image-rendering:pixelated;float:left;margin-right:12px}.inspect .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);clear:both;gap:10px;border-top:1px solid var(--border);padding-top:12px;margin-top:15px}.detail-grid span{display:block;font-size:10px;color:var(--muted)}.detail-grid b{display:block;margin-top:4px;font-size:14px;font-weight:500}.inspect .biome-detail{font-size:12px;color:var(--accent)}dialog{border:1px solid #8aaf7c55;border-radius:15px;background:#1d3430;color:var(--text);padding:30px;max-width:480px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#061e22a8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font:30px var(--serif);font-weight:400;margin:8px 0 10px}.close{font-size:28px;color:#adbdab;padding:0 5px}.dialog-heading h2>span{font:13px 'DM Sans';vertical-align:middle;border:1px solid #8aaf7c55;border-radius:5px;padding:4px 7px;color:var(--accent);margin-left:8px}dialog p{font-size:14px;color:#b2c4b6;line-height:1.7}label{display:block;font-size:14px;margin-top:20px}input,select{color:#e7ecd8;background:#132a27;border:1px solid #6d8c6b55;border-radius:6px;padding:11px 12px;width:100%;margin-top:8px}input[type=range]{padding:0;accent-color:var(--accent);cursor:pointer}label output{float:right;font-size:13px;color:var(--accent)}.input-row{display:flex;gap:8px}.input-row button{margin-top:8px;border:1px solid #6d8c6b55;border-radius:6px;width:43px;font-size:24px}.form-note{font-size:11px;line-height:1.7;color:#9eb296;margin:20px 0}.create{width:100%;padding:14px}.atlas-filters{display:flex;gap:12px;margin:10px 0 23px}.atlas-filters input{flex:1;min-width:0}.atlas-filters select{width:210px}#atlas{max-width:1000px}.atlas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.species-card{text-align:left;border:1px solid #718f6538;border-radius:8px;padding:12px;position:relative;background:#102c2460;min-height:145px}.species-card:hover{background:#38543b;border-color:#a5c179}.species-card canvas{display:block;width:65px;height:65px;image-rendering:pixelated;margin:0 auto 10px}.species-card strong{font-size:12px;font-weight:500;display:block}.species-card span{font-size:10px;color:#a7b99c;display:block;margin-top:4px}.species-card .species-number{position:absolute;top:9px;left:10px;font-size:9px;color:#6d8b74}.empty{grid-column:1/-1;text-align:center;padding:30px;color:var(--muted)}
@media(min-height:900px){.sidebar{padding-top:36px}h1{font-size:38px}.intro{margin-bottom:30px}.time-panel,.population{padding-top:27px;padding-bottom:27px}.layers{padding-top:27px;padding-bottom:27px}}
@media(max-width:1000px){.sidebar{width:245px;padding:24px 18px}.edition{display:none}.topbar{padding:0 20px}.map-bottom>span:first-child{font-size:9px}.map-bottom i{margin:0 4px}.atlas-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.topbar{height:70px;padding:0 15px}.brand{font-size:21px}.brandmark{width:30px;height:30px;font-size:25px}.brand-sub{font-size:7px;letter-spacing:1px}.top-actions{gap:12px}.live-label,.quiet{display:none}.top-actions .primary{font-size:11px;padding:10px}main{height:calc(100dvh - 70px);min-height:620px;display:flex;flex-direction:column-reverse}.viewport{min-height:360px;flex:1}.sidebar{width:100%;flex:none;height:200px;display:grid;grid-template-columns:1fr 1fr;padding:15px 20px;gap:12px 25px;overflow:auto}.sidebar>.eyebrow,.sidebar>h1,.intro,.world-title,.sidebar-bottom,.layers,.chart-label,.life-counts,#chart{display:none}.time-panel,.population{padding:0;border:0}.day{font-size:24px;margin:8px 0}.time-state{font-size:7px}.section-label{font-size:9px}.metrics{gap:28px;margin-top:5px}.metrics strong{font-size:26px}.atlas-button{grid-column:1/-1}.map-tools{right:12px;top:12px}.map-heading{left:15px;top:18px}.map-heading>span:last-child{display:none}.map-label{font-size:8px}.map-bottom{padding:10px;font-size:8px}.map-bottom>span:first-child{font-size:0}.map-bottom>span:first-child:after{content:'Posouvejte a přibližujte prsty';font-size:9px}.minimap-box{right:12px;bottom:46px;padding:6px}#minimap{width:110px;height:72px}.minimap-box>div{font-size:7px}.minimap-box>div>span:last-child{display:none}.inspect{left:10px;bottom:45px;width:220px;padding:13px}.atlas-grid{grid-template-columns:repeat(3,1fr);gap:7px}dialog{padding:20px}.atlas-filters{flex-direction:column;gap:0}.atlas-filters select{width:100%}.species-card{padding:8px;min-height:140px}.species-card strong{font-size:11px}.species-card canvas{width:54px;height:54px}.species-card .species-number{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Core controls stay readable at compact panel sizes. */
.intro,.world-title div>span,.section-label,.metrics span,.chart-label,.life-counts,.legend,.atlas-button>span:last-child,.sidebar-bottom p,.map-label,.map-heading>span:last-child,.map-tools output,.map-bottom,.minimap-box>div,.form-note,.species-card span{font-size:12px}
.world-title strong,.speeds button,.segmented button,.atlas-button,.top-actions .primary,.species-card strong{font-size:14px}
.time-state{font-size:10px;letter-spacing:.4px}.section-label{letter-spacing:.7px}.legend{grid-template-columns:repeat(2,1fr);gap:10px}.species-card .species-number{font-size:10px}.inspect p{font-size:14px}.detail-grid span{font-size:12px}.map-bottom{font-size:11px}.minimap-box>div{font-size:10px}.brand-sub{font-size:10px}.edition{font-size:10px}
@media(max-width:700px){.sidebar{height:255px}.layers{display:block;grid-column:1/-1;padding:0}.layers .section-label,.layers .legend{display:none}.layers .segmented{margin:0}.map-bottom>span:first-child{font-size:0}.map-label{font-size:10px}.map-tools output{font-size:11px}.metrics span{font-size:12px}.section-label{font-size:10px}.brand-sub{font-size:8px}.top-actions .primary{font-size:12px}.species-card strong{font-size:12px}}

.watch-fox{position:absolute;top:82px;left:28px;padding:10px 13px;border:1px solid #d2edcf40;border-radius:7px;background:#172f2def;color:var(--accent);font-size:13px}.watch-fox:disabled{color:var(--muted);cursor:default}
@media(max-width:700px){.watch-fox{top:62px;left:15px;font-size:12px}}