:root{--bg: #0e071b;--panel: rgba(19, 19, 19, .9);--border: #3d3d3d;--text: #f9e6cf;--muted: #b4b4b4;--accent: #ffc825;--danger: #f5555d;--good: #5ac54f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.35 system-ui,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;touch-action:none}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>.menu{pointer-events:auto}[hidden]{display:none!important}button,input{font:inherit;color:var(--text);background:#272727;border:1px solid var(--border);border-radius:6px;padding:4px 10px}button{cursor:pointer}button:hover{border-color:var(--muted)}button.active{border-color:var(--accent);color:var(--accent)}button.primary{font-size:18px;font-weight:700;padding:10px 14px;background:var(--accent);color:#131313;border-color:var(--accent)}.muted{color:var(--muted)}.warn{color:var(--danger)}.menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0e071b99}.menu .panel{width:min(420px,calc(100% - 32px));display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.menu h1{margin:0;font-size:28px;color:var(--accent)}.menu .subtitle{margin:0;color:var(--muted)}.menu .field{display:flex;flex-direction:column;gap:4px}.menu .row{display:flex;gap:6px}.menu input{flex:1;min-width:0;user-select:text}.menu .hint{margin:0;font-size:12px;color:var(--muted)}.menu .langs{display:flex;gap:6px}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.top-bar{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.top-bar .stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;flex:1;min-width:260px}.top-bar .time{color:var(--accent);font-weight:700}.top-bar .group{display:flex;gap:4px}.side-panel{position:absolute;top:64px;right:8px;width:300px;max-height:calc(100% - 140px);overflow-y:auto;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.side-panel .close{position:absolute;top:6px;right:6px;width:26px;height:26px;padding:0;font-size:18px;line-height:1}.inspector h2{display:flex;align-items:center;gap:8px;margin:0 30px 8px 0;font-size:17px}.inspector h3{margin:10px 0 4px;font-size:13px;color:var(--accent)}.inspector p{margin:0 0 4px}.inspector .swatch{width:16px;height:16px;border-radius:50%;border:2px solid #131313;flex:none}.inspector .row{display:flex;justify-content:space-between;gap:8px}.inspector .row span{color:var(--muted)}.bar{height:6px;margin:2px 0 4px;background:#272727;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:var(--muted)}.bar.energy i{background:var(--good)}.bar.age i{background:#ffa214}.genes .gene{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:8px;font-size:12px}.genes .gene span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genes .gene b{text-align:right}.genes .bar{margin:0}.genes .bar i{background:#0098dc}.legend{position:absolute;left:8px;bottom:8px;max-width:min(560px,calc(100% - 16px));padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:12px}.legend .item{display:inline-flex;align-items:center;gap:4px;margin-right:10px}.legend .item i{width:12px;height:12px;border-radius:2px}.legend .ramp{display:flex}.legend .ramp .item{flex-direction:column;gap:2px;margin:0;min-width:24px}.legend .ramp .item i{width:100%;border-radius:0}.legend .tile-info{margin-top:4px;color:var(--muted);min-height:16px}.turbo-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 20px;text-align:center;background:var(--panel);border:1px solid var(--accent);border-radius:10px}.turbo-banner b{color:var(--accent);font-size:22px}.turbo-banner span{color:var(--muted);font-size:12px}@media (max-width: 700px){.side-panel{inset:auto 8px 8px;width:auto;max-height:45%}}.side-panel .follow{position:absolute;top:6px;right:38px;height:26px;padding:0 10px;font-size:13px}.inspector h2{margin-right:110px}.creature-tooltip{position:absolute;left:0;top:0;width:230px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:12px;pointer-events:none!important}.creature-tooltip .head{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.creature-tooltip .head i{width:12px;height:12px;border-radius:50%;border:2px solid #131313}.creature-tooltip .head span{margin-left:auto;font-weight:400}.creature-tooltip .grid{display:grid;grid-template-columns:1fr auto;gap:0 8px;margin-top:4px}.creature-tooltip .grid span{color:var(--muted)}.gene-panel{position:absolute;top:64px;left:8px;max-height:calc(100% - 150px);overflow-y:auto;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:12px}.gene-panel h3{margin:0 0 6px;font-size:13px;color:var(--accent)}.gene-panel table{border-collapse:collapse}.gene-panel th,.gene-panel td{padding:2px 6px;text-align:right;white-space:nowrap}.gene-panel tbody th{text-align:left;font-weight:400;color:var(--muted)}.gene-panel thead th{color:var(--accent);font-weight:600}.gene-panel tr.count td{font-weight:700}