:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif;background:#08191b;color:#d9eee6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#14373a,transparent 65%)}main{max-width:1120px;margin:auto;padding:34px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{letter-spacing:.18em;font-size:10px;color:#a9c9bb}h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,62px);font-weight:400;line-height:1;margin:14px 0}h1 span{font:14px ui-sans-serif,system-ui;display:block;letter-spacing:.16em;text-transform:uppercase;color:#9ec5b9;margin-top:14px}.badge{font-size:10px;letter-spacing:.13em;border:1px solid #426c5c;border-radius:30px;padding:12px;white-space:nowrap}.intro{max-width:660px;line-height:1.7;color:#aac7bc;margin:22px 0 28px}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px;align-items:start}.habitat{border:1px solid #325b55;background:#0a2022;border-radius:22px;overflow:hidden;box-shadow:0 24px 75px #0004}.bar,.stats{display:flex;justify-content:space-between;gap:10px;padding:17px 20px;font-size:12px}.bar{color:#b9d3c6}#mode{color:#a6e4a9}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair;background:#061419}canvas:focus{outline:2px solid #d2e69e;outline-offset:-3px}.stats{color:#9cbcaf;border-top:1px solid #25433f}.stats b{color:#e4efcb;font-variant-numeric:tabular-nums}.transport{display:flex;gap:8px;padding:5px 16px;flex-wrap:wrap}button,select{font:inherit;font-size:13px;color:#e2efdc;border:1px solid #3d655d;background:#183833;border-radius:10px;min-height:43px;padding:10px 12px}button{cursor:pointer}button:hover{background:#2b5145}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e8db8d;outline-offset:3px}#pause{background:#bfd79c;color:#102a22;font-weight:650;min-width:90px}#message{min-height:45px;font-size:12px;color:#b4cdb9;padding:4px 20px;line-height:1.6}aside{display:grid;gap:14px}.panel{border:1px solid #2d4b44;border-radius:17px;padding:18px;background:#102925}h2{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:0 0 17px}label{display:block;font-size:12px;color:#b2cabc;margin:16px 0 8px}select{width:100%;background:#0b211f}.small,details p{font-size:12px;line-height:1.65;color:#a8c3b5}.pair{display:flex;gap:8px;margin-top:16px}.pair>*{flex:1}summary{cursor:pointer;font-family:Georgia,serif;font-size:21px}footer{color:#91aea4;font-size:11px;line-height:1.7;padding:28px 0}a{color:#cadb9e}#rule{font-family:monospace}@media(max-width:740px){main{padding:22px 14px}.layout{grid-template-columns:1fr}.badge{display:none}.intro{font-size:14px;margin-bottom:20px}.bar,.stats{padding:14px}h1{font-size:42px}.transport{padding:5px 12px}.transport button{flex:1;padding:10px 8px;font-size:12px}}