:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0f12;color:#e8f0e3}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{cursor:crosshair}#app{position:relative;background:linear-gradient(135deg,#0b0f12,#10151b,#171711)}#app:before{position:fixed;inset:-1px;z-index:1;pointer-events:none;content:"";border:18px solid rgba(4,7,8,.34);border-radius:7%/5%;box-shadow:inset 0 0 28px #cfeed814,inset 0 0 72px #000000db,inset 0 0 180px #000000a3}#world{display:block;width:100vw;height:100vh;image-rendering:pixelated;touch-action:none}.crt-overlay{position:fixed;inset:-4vh -4vw;z-index:2;pointer-events:none;opacity:1;mix-blend-mode:screen;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.08) 0%,rgba(255,255,255,.025) 38%,transparent 66%),linear-gradient(#ffffff0d 50%,#0003 50%),linear-gradient(90deg,#ff00000a,#00ff7806,#3a8eff0a);background-size:100% 100%,100% 4px,6px 100%;border-radius:9%/6%;filter:saturate(1.18) contrast(1.09);transform:perspective(760px) scale(1.028) rotateX(.55deg);transform-origin:center;animation:crt-flicker 6s steps(30,end) infinite,crt-breath 11s ease-in-out infinite}.crt-overlay:before,.crt-overlay:after{position:absolute;inset:0;pointer-events:none;content:""}.crt-overlay:before{background:radial-gradient(ellipse at center,transparent 46%,rgba(0,0,0,.26) 76%,rgba(0,0,0,.78) 100%),linear-gradient(90deg,rgba(255,255,255,.05),transparent 13%,transparent 87%,rgba(255,255,255,.035)),linear-gradient(180deg,rgba(255,255,255,.045),transparent 16%,transparent 84%,rgba(0,0,0,.18));border-radius:inherit}.crt-overlay:after{opacity:.1;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.35) 2px 3px),repeating-linear-gradient(90deg,transparent 0 3px,rgba(0,0,0,.36) 3px 4px)}.crt-noise{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.12;mix-blend-mode:screen;background-image:repeating-radial-gradient(circle at 17% 23%,rgba(255,255,255,.24) 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 83% 71%,rgba(0,0,0,.28) 0 1px,transparent 1px 4px),linear-gradient(transparent 0 48%,rgba(126,224,132,.16) 49%,transparent 51% 100%);background-size:82px 64px,97px 73px,100% 220px;animation:crt-noise-shift .9s steps(2,end) infinite,crt-glitch-sweep 8.5s steps(1,end) infinite}.crt-noise:before{position:absolute;inset:0;pointer-events:none;content:"";opacity:0;background:linear-gradient(180deg,transparent 0 42%,rgba(132,240,154,.2) 43%,rgba(255,255,255,.16) 44%,transparent 47%),linear-gradient(90deg,transparent 0 4%,rgba(255,0,0,.08) 5%,transparent 7%,rgba(72,142,255,.08) 91%,transparent 94%);transform:translateY(-22%);animation:crt-glitch-band 9.5s steps(1,end) infinite}#app.crt-disabled:before,#app.crt-disabled .crt-overlay,#app.crt-disabled .crt-noise{display:none}@keyframes crt-flicker{0%,to{opacity:.9}50%{opacity:.96}52%{opacity:.86}54%{opacity:.94}}@keyframes crt-breath{0%,to{transform:perspective(760px) scale(1.026) rotateX(.45deg)}50%{transform:perspective(760px) scale(1.031) rotateX(.65deg)}}@keyframes crt-noise-shift{0%{background-position:0 0,0 0,0 0}50%{background-position:31px 19px,-17px 29px,0 12px}to{background-position:-23px 41px,37px -11px,0 -16px}}@keyframes crt-glitch-sweep{0%,91%,to{transform:translate(0)}92%{transform:translate(1px)}93%{transform:translate(-1px)}}@keyframes crt-glitch-band{0%,88%,to{opacity:0;transform:translateY(-22%)}89%{opacity:.55;transform:translateY(8%)}90%{opacity:.18;transform:translateY(42%)}}@media(prefers-reduced-motion:reduce){.crt-overlay,.crt-noise,.crt-noise:before{animation:none}.crt-noise:before{display:none}}.hud{position:fixed;left:12px;bottom:12px;display:grid;grid-template-columns:repeat(8,auto);gap:8px;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(198,220,187,.22);background:#080c0eb8;color:#dce9d3;font-size:12px;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.hud span+span{padding-left:8px;border-left:1px solid rgba(198,220,187,.22)}.sim-controls{position:fixed;top:12px;right:12px;display:flex;gap:8px;align-items:center;padding:6px;border:1px solid rgba(198,220,187,.22);background:#080c0ec2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button,.speed-button,.segment-button,.crt-toggle,.panel-button{height:30px;border:1px solid rgba(198,220,187,.24);background:#e8f0e312;color:#e8f0e3;cursor:pointer}.icon-button{width:30px;padding:0;font-size:12px;line-height:1}.speed-group{display:grid;grid-template-columns:repeat(3,34px);gap:4px}.speed-button{width:34px;padding:0;font-size:11px}.crt-toggle{width:42px;padding:0;font-size:11px;line-height:1}.icon-button:hover,.speed-button:hover,.segment-button:hover,.crt-toggle:hover,.panel-button:hover{background:#e8f0e31f}.icon-button[aria-pressed=true],.speed-button.is-selected,.crt-toggle.is-selected,.segment-button.is-selected{border-color:#e8f0e3;box-shadow:inset 0 0 0 2px #e8f0e32e}.inspector-panel,.lab-panel{position:fixed;width:340px;border:1px solid rgba(198,220,187,.22);background:#080c0ec2;color:#dce9d3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inspector-panel{top:12px;left:12px;width:260px;min-height:0;padding:8px 10px 10px}.lab-panel{top:82px;right:12px;display:grid;max-height:calc(100vh - 128px);gap:10px;padding:12px 14px 12px 12px;overflow:auto;scrollbar-color:#6f8794 rgba(8,12,14,.72);scrollbar-width:thin}.lab-panel::-webkit-scrollbar{width:14px}.lab-panel::-webkit-scrollbar-track{border-left:1px solid rgba(198,220,187,.14);background:linear-gradient(180deg,#e8f0e314,#e8f0e300),#080c0eb8}.lab-panel::-webkit-scrollbar-thumb{border:3px solid rgba(8,12,14,.72);background:#6f8794;box-shadow:inset 0 0 0 1px #e8f0e33d}.lab-panel::-webkit-scrollbar-button:single-button{display:block;height:14px;border-left:1px solid rgba(198,220,187,.14);background:#080c0ee0}.lab-panel::-webkit-scrollbar-button:single-button:vertical:decrement{background:linear-gradient(135deg,transparent 50%,#8fa4ad 50%) 4px 6px / 6px 6px no-repeat,linear-gradient(225deg,transparent 50%,#8fa4ad 50%) 8px 6px / 6px 6px no-repeat,#080c0ee0}.lab-panel::-webkit-scrollbar-button:single-button:vertical:increment{background:linear-gradient(45deg,transparent 50%,#8fa4ad 50%) 4px 2px / 6px 6px no-repeat,linear-gradient(315deg,transparent 50%,#8fa4ad 50%) 8px 2px / 6px 6px no-repeat,#080c0ee0}.inspector-panel h2{margin:0 0 6px;font-size:12px;font-weight:700}.inspector-panel p{margin:0;color:#dce9d3b3;font-size:12px;line-height:1.45}.metric-row,.panel-row{display:grid;gap:8px;align-items:center;min-height:22px;font-size:12px}.inspector-panel .metric-row{grid-template-columns:86px 1fr;min-height:18px;gap:6px;font-size:11px}.inspector-panel .metric-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-panel .metric-row strong{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.panel-row{grid-template-columns:64px 1fr auto}.tool-row .segmented-control{justify-self:start}.panel-stack{display:grid;gap:7px;font-size:12px}.metric-row span,.panel-label{color:#dce9d3a8}.metric-row strong,.panel-value{color:#e8f0e3;font-weight:700}.segmented-control,.overlay-grid,.action-grid,.behavior-card{display:grid;gap:4px}.segmented-control{grid-template-columns:repeat(3,38px)}.overlay-grid,.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.segment-button,.panel-button{min-width:0;padding:0;color:#e8f0e3;font-size:11px;line-height:1;cursor:pointer}.danger-button{color:#ffb4b4}.behavior-card{gap:8px;padding:9px;border:1px solid rgba(198,220,187,.16);background:#e8f0e30a}.behavior-header{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.behavior-tabs{display:grid;grid-template-columns:repeat(2,54px);gap:4px}.slider-row{display:grid;grid-template-columns:58px minmax(120px,1fr) 34px;gap:10px;align-items:center;color:#dce9d3b8;font-size:11px}.slider-row input{display:block;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}.slider-row input::-webkit-slider-runnable-track{height:8px;border:1px solid rgba(198,220,187,.42);background:linear-gradient(90deg,#79d86f33,#79d86f0f),#080c0ed1;box-shadow:inset 0 0 0 1px #00000047}.slider-row input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid #7fde7a;background:#79d86f;box-shadow:2px 2px #0000006b,inset 0 2px #ffffff47;-webkit-appearance:none;appearance:none}.slider-row input::-moz-range-track{height:8px;border:1px solid rgba(198,220,187,.42);background:linear-gradient(90deg,#79d86f33,#79d86f0f),#080c0ed1;box-shadow:inset 0 0 0 1px #00000047}.slider-row input::-moz-range-thumb{width:12px;height:12px;border:2px solid #7fde7a;border-radius:0;background:#79d86f;box-shadow:2px 2px #0000006b,inset 0 2px #ffffff47}.slider-row input::-moz-range-progress{height:8px;background:#79d86f94}.slider-row input::-ms-track{height:8px;border-color:transparent;color:transparent;background:transparent}.slider-row input::-ms-fill-lower{border:1px solid rgba(198,220,187,.42);background:#79d86f94}.slider-row input::-ms-fill-upper{border:1px solid rgba(198,220,187,.42);background:#080c0ed1}.slider-row input::-ms-thumb{width:16px;height:16px;border:2px solid #7fde7a;background:#79d86f}.slider-row input:focus-visible::-webkit-slider-thumb{outline:2px solid #e8f0e3;outline-offset:2px}.slider-row input:focus-visible::-moz-range-thumb{outline:2px solid #e8f0e3;outline-offset:2px}.slider-row span:last-child{color:#e8f0e3;font-variant-numeric:tabular-nums;text-align:right}#history-chart{display:block;width:100%;height:68px;border:1px solid rgba(198,220,187,.16);image-rendering:pixelated}.chart-legend{display:flex;gap:12px;color:#dce9d3b8;font-size:11px}.legend-frog:before,.legend-snake:before,.legend-food:before{display:inline-block;width:8px;height:8px;margin-right:5px;content:""}.legend-frog:before{background:#79d86f}.legend-snake:before{background:#d94a4a}.legend-food:before{background:#e1c85d}#import-input{display:none}.hotbar{position:fixed;left:50%;bottom:12px;display:grid;grid-template-columns:repeat(7,42px);gap:6px;padding:6px;border:1px solid rgba(198,220,187,.22);background:#080c0ec2;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hotbar-slot{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(198,220,187,.24);background:#e8f0e312;cursor:pointer}.hotbar-slot:hover{background:#e8f0e31f}.hotbar-slot.is-selected{border-color:#e8f0e3;box-shadow:inset 0 0 0 2px #e8f0e32e}.slot-key{position:absolute;top:3px;left:5px;color:#e8f0e3b8;font-size:10px;line-height:1}.creature-chip{width:18px;height:18px;box-shadow:3px 3px #00000057,inset 0 2px #ffffff5c}.frog-chip{background:#79d86f}.snake-chip{background:#d94a4a}.terrain-chip{width:20px;height:20px;box-shadow:3px 3px #00000057,inset 0 2px #ffffff2e}.water-chip{background:#2d8fd7}.rock-chip{background:#707b82}.land-chip{background:#1b3228}.food-chip{background:#e1c85d}.inspect-chip{position:relative;width:20px;height:20px;border:2px solid #e8f0e3}.inspect-chip:after{position:absolute;right:-5px;bottom:-4px;width:8px;height:2px;background:#e8f0e3;content:"";transform:rotate(45deg);transform-origin:left center}@media(max-width:720px){body{cursor:default}#app:before{border-width:8px;border-radius:6%/4%;box-shadow:inset 0 0 20px #cfeed812,inset 0 0 52px #000000c2,inset 0 0 110px #0000007a}.hud{top:max(8px,env(safe-area-inset-top));right:auto;bottom:auto;left:8px;display:flex;max-width:calc(100vw - 174px);min-height:28px;gap:0;overflow:hidden;padding:0 8px;font-size:11px;white-space:nowrap}.hud span{display:none}.hud #world-time,.hud #frog-count,.hud #snake-count,.hud #terrain-count{display:inline}.hud span+span,.hud span:nth-child(odd){padding-left:7px;border-left:1px solid rgba(198,220,187,.22)}.hud span:first-child{padding-left:0;border-left:0}.sim-controls{top:max(8px,env(safe-area-inset-top));right:8px;gap:4px;padding:4px}.icon-button,.speed-button,.crt-toggle{height:28px}.icon-button{width:28px}.speed-group{grid-template-columns:repeat(3,30px);gap:3px}.speed-button{width:30px;font-size:10px}.crt-toggle{width:34px;font-size:10px}.inspector-panel,.lab-panel{display:none}.hotbar{bottom:max(8px,env(safe-area-inset-bottom));width:min(calc(100vw - 16px),326px);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:4px}.hotbar-slot{width:100%;height:34px;min-width:0}.slot-key{top:3px;left:4px;font-size:9px}.creature-chip{width:16px;height:16px}.terrain-chip,.inspect-chip{width:18px;height:18px}}@media(max-width:420px){.hud{max-width:calc(100vw - 152px);font-size:10px}.hud #terrain-count{display:none}.sim-controls{right:6px}.speed-group{grid-template-columns:repeat(3,28px)}.speed-button{width:28px}.crt-toggle{width:32px}.hotbar{width:min(calc(100vw - 12px),292px)}.hotbar-slot{height:32px}}@media(max-width:360px){.hud{max-width:calc(100vw - 132px)}.hud #snake-count{display:none}.sim-controls{gap:3px;padding:3px}.icon-button,.speed-button,.crt-toggle{height:26px}.icon-button{width:26px}.speed-group{grid-template-columns:repeat(3,25px)}.speed-button{width:25px}.crt-toggle{width:30px}}@media(orientation:landscape)and (max-height:520px){.hud,.sim-controls{top:6px}.hotbar{bottom:6px;transform:translate(-50%) scale(.92);transform-origin:bottom center}}