:root{--ink:#17383e;--teal:#087e8b;--deep:#092e38;--gold:#f2bb53;--line:#d6e0e3;--muted:#5e747a;--paper:#fff;--bg:#edf3f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,select,input,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;border:1px solid #b9cbd0;border-radius:7px;padding:9px 13px;background:#fff;color:var(--ink);font-size:14px;font-weight:650}button:hover{background:#eaf4f6;border-color:var(--teal)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #edaa27;outline-offset:3px}button[aria-pressed=true]{background:var(--deep);color:white;border-color:var(--deep)}a{color:var(--teal)}header{background:var(--deep);color:white;min-height:86px;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brandmark{font-size:38px;color:var(--gold)}.brand strong{font-size:23px;letter-spacing:-.6px}.brand small{display:block;font-size:11px;letter-spacing:1.65px;color:#b7d5d9}nav{display:flex;align-items:center;gap:20px}nav a{color:#d9ecee;font-size:14px}nav button.quiet{color:white;border-color:#4c6971}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1600px;margin:auto}.guide{background:#fff;border-right:1px solid var(--line);padding:26px 24px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--teal)}select{border:1px solid #b9cbd0;border-radius:6px;padding:8px;background:#fff;color:var(--ink);max-width:100%;font-size:14px}.guide select{margin:9px 0 24px;width:100%}.guide h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:5px 0 17px}.guide p{font-size:15px;line-height:1.65}.guide ol{padding-left:22px}.guide li{padding-left:4px;margin:12px 0;font-size:15px}.prompt{background:#eef7f8;border-left:3px solid var(--teal);padding:13px 14px;margin:20px 0;font-size:15px}.prompt strong{display:block;font-size:12px;letter-spacing:.7px;margin-bottom:5px}.guide-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:var(--muted)}.guide-footer span{font-size:14px;font-weight:700}.guide-footer p{font-size:13px}main{padding:25px 30px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}h1{font-size:26px;letter-spacing:-.65px;line-height:1.2;margin:4px 0}h2{font-size:16px;margin:0}p{margin:10px 0}.pill{border:1px solid #bdcfd3;border-radius:20px;padding:5px 12px;font-size:13px;color:var(--muted);white-space:nowrap}.habitat{height:300px;position:relative;overflow:hidden;border-radius:10px 10px 0 0;background:radial-gradient(ellipse at 15% 80%,#304e54 0,transparent 30%),radial-gradient(ellipse at 85% 20%,#34535a 0,transparent 32%),linear-gradient(125deg,#182e32,#10252a);border:1px solid #15383f}.waterline{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 0% 95%,transparent 0 26px,#7eaba711 28px 29px,transparent 31px 60px);pointer-events:none}.habitat-label{position:absolute;left:18px;top:12px;color:#83a6a9;font-size:10px;letter-spacing:1.8px}.snail{position:absolute;border:none;background:transparent!important;width:45px;height:45px;padding:0;transform:translate(-50%,-50%);transition:left .8s linear,top .8s linear;cursor:pointer;border-radius:50%}.snail img{width:100%;height:100%;object-fit:contain;filter:var(--filter);pointer-events:none}.snail:hover{outline:2px solid #fff8;z-index:5}.snail .snail-badge{position:absolute;right:-3px;bottom:-2px;color:#fff;font-size:11px;line-height:16px;background:#102830;border-radius:8px;min-width:16px;display:none}.snail:focus .snail-badge,.snail:hover .snail-badge,.habitat.zoom .snail-badge{display:block}.habitat.zoom .snail{width:59px;height:59px}.crab-icon{font-size:44px;position:absolute;bottom:8px;filter:drop-shadow(0 3px 2px #0005)}.stats{background:var(--deep);color:white;display:grid;grid-template-columns:repeat(4,1fr);border-radius:0 0 9px 9px;padding:12px 0}.stats>div{padding:0 20px;border-right:1px solid #ffffff24}.stats>div:last-child{border:0}.stats span{display:block;font-size:12px;color:#a9c9cf}.stats strong{font-size:24px;font-weight:550}.toolbar,.controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.button-group{display:flex;gap:4px}.quiet{background:transparent}.toolbar>span,.zoom-label,.controls label{font-size:13px;color:var(--muted)}.zoom-label{margin-left:auto}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{background:#086875;color:white}.accent{background:var(--gold);border-color:#e7b34d}.status{font-size:14px;min-height:24px;color:#35606a;margin:12px 0}.experiment-settings{display:flex;flex-wrap:wrap;gap:10px 23px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;vertical-align:-3px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:17px;margin-bottom:16px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.card-heading button{font-size:12px;padding:5px 6px;white-space:nowrap}canvas{display:block;width:100%;height:auto}.chart-caption{font-size:12px;color:var(--muted);margin:0}.chart-caption span{float:right}summary{cursor:pointer;font-weight:650;font-size:14px}details p{font-size:14px}.table-scroll{overflow:auto;max-height:310px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:7px 9px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f2f7f8}textarea{display:block;width:100%;resize:vertical;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:15px}.notebook{margin-top:20px}.notebook label,.notebook p{font-size:13px;color:var(--muted)}footer{font-size:12px;color:var(--muted);padding:5px 0 15px}dialog{border:0;border-radius:14px;padding:30px;max-width:520px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 100px #082a3b55}dialog::backdrop{background:#07282faa}dialog h2{font-size:25px}.dialog-close{position:absolute;right:12px;top:10px;border:0;font-size:24px;padding:0 8px}#inspector img{width:150px;height:140px;object-fit:contain;display:block;margin:0 auto 16px}#snailDetails{margin:16px 0}.coasts,.tanks{display:grid;grid-template-columns:1fr 1fr;gap:16px}.population-box{background:white;border:1px solid var(--line);border-radius:9px;padding:15px;margin-bottom:5px;min-width:0}.population-box h2{margin-bottom:6px}.small-habitat{display:flex;align-content:flex-start;flex-wrap:wrap;gap:3px;background:#17353b;border-radius:7px;min-height:110px;max-height:210px;overflow:auto;padding:9px;margin:10px 0}.research-snail{width:37px;height:39px;padding:1px;position:relative;background:transparent;border:2px solid transparent}.research-snail img{width:100%;height:100%;object-fit:contain;filter:var(--filter)}.research-snail.juvenile{border-color:#61bcff}.research-snail[aria-pressed=true]{background:#d9ad39;border-color:#ffe083}.research-snail:hover{background:#42666f}.research-snail span{position:absolute;bottom:-1px;right:0;font-size:10px;background:#132f36;color:white;padding:0 2px;line-height:12px}.mini-stats{font-size:13px;color:var(--muted)}.population-box select{margin:6px 0}.population-box .small-controls{display:flex;gap:5px;flex-wrap:wrap}.population-box .small-controls button{font-size:12px;padding:4px 8px}.transfer{margin-top:16px}.transfer p,.research-intro{font-size:14px}.research-bar{display:flex;height:35px;align-items:flex-end;gap:2px;margin:10px 0}.research-bar i{flex:1;background:#138896;min-width:3px;display:block}.research-empty{color:#acc4c8;font-size:13px;margin:20px}.mut-up{color:#08766a}.mut-down{color:#a04846}[hidden]{display:none!important}
@media(min-width:1400px){.habitat{height:340px}.guide{padding:30px}.workspace{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:1000px){.workspace{grid-template-columns:245px minmax(0,1fr)}main{padding:20px}.guide{padding:20px 16px}.data-grid{grid-template-columns:1fr}.stats>div{padding:0 12px}.toolbar{gap:6px}.zoom-label{margin-left:0}h1{font-size:23px}}@media(max-width:720px){header{padding:14px 16px;flex-wrap:wrap;gap:10px}.brand strong{font-size:21px}nav{gap:14px}.workspace{display:block}.guide{border-right:0;border-bottom:1px solid var(--line);padding:18px}.guide select{margin-bottom:10px}.guide h2{font-size:23px}.guide-footer{display:none}.guide ol{margin:8px 0}.guide li{margin:6px 0}main{padding:18px 12px}.coasts,.tanks{grid-template-columns:1fr}.habitat{height:310px}.snail{width:36px;height:36px}.stats>div{padding:0 8px}.stats strong{font-size:22px}.stats span{font-size:11px}.section-heading{align-items:flex-start}.controls button{flex:1 0 auto}.controls label{flex-basis:100%}.card-heading{flex-wrap:wrap}.data-grid{gap:0}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}