@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#0b0e0c;--panel:#111511;--border:#293026;--text:#f0f2e9;--muted:#8a9384;--acid:#c2f66b;--mono:'Space Mono',monospace;--heading:'Barlow Condensed','Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.muted{color:var(--muted)}.topbar{height:92px;max-width:1600px;margin:auto;display:flex;align-items:center;padding:0 48px;border-bottom:1px solid var(--border);gap:68px}.brand{display:flex;gap:11px;align-items:center;font-family:var(--heading);font-size:24px;line-height:.95;font-weight:700;letter-spacing:.04em}.brand-icon{width:43px;height:47px;display:grid;place-items:center;background:var(--acid);color:#182310;border-radius:9px;transform:rotate(-5deg)}.brand-icon svg{width:28px;height:28px;stroke-width:1.8;transform:rotate(5deg)}.brand-bottom{display:block;font-size:14px;letter-spacing:.11em;margin-top:5px;position:relative}.brand-period{position:absolute;top:-6px;font-size:9px;right:-10px}.topbar nav{display:flex;gap:31px;align-self:stretch;align-items:center;font-size:14px;color:#93998e}.topbar nav a{height:100%;display:flex;align-items:center;position:relative}.topbar nav .nav-active{color:var(--text)}.nav-active:after{position:absolute;content:'';height:2px;background:var(--acid);width:100%;bottom:-1px}.topbar nav button{padding:0;font-size:14px}.tiny-plus{color:var(--muted);margin-left:5px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:27px}.network{display:flex;align-items:center;gap:8px;font-size:12px}.network .muted{margin-left:3px}.solana-mark{display:flex;flex-direction:column;gap:3px;width:17px;margin-right:3px}.solana-mark i{height:3px;width:16px;background:#c4ccb9;transform:skew(-27deg)}.solana-mark i:nth-child(2){transform:skew(27deg)}.wallet-button{border:1px solid #48503d;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:600;transition:.2s}.wallet-button:hover{border-color:var(--acid);background:#1c2416}main{max-width:1504px;padding:0 48px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:39px 0 30px;gap:25px}.eyebrow{font:11px var(--mono);letter-spacing:.14em;color:var(--acid);display:flex;align-items:center;gap:9px}.little-cross{font-size:18px;line-height:1}h1{font-family:var(--heading);font-size:48px;letter-spacing:-.02em;font-weight:600;line-height:1.05;margin:13px 0 12px}h1 em{font-style:normal;color:var(--acid)}.intro p{font-size:14px;color:#9ca393;margin:0}.lab-version{align-self:flex-end;display:flex;gap:11px;flex-direction:column;text-align:right;font:10px var(--mono);letter-spacing:.09em;padding-bottom:3px}.lab-version>b,.lab-version b{color:#42493d;margin:0 8px;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(250px,1fr) minmax(370px,1.62fr) minmax(260px,1fr);border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:580px;background:var(--panel)}.control-panel,.specimen-panel{padding:26px 26px 22px;min-width:0}.panel-kicker{display:flex;align-items:center;justify-content:space-between;color:#9aab8d;font:10px var(--mono);letter-spacing:.09em}.panel-kicker svg{width:17px;height:17px;color:#818d75}.control-panel h2{font-family:var(--heading);font-size:32px;font-weight:500;line-height:1.1;margin:25px 0 13px;letter-spacing:.005em}.panel-copy{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 25px;max-width:240px}label{font:10px var(--mono);letter-spacing:.06em;color:#a7b29a;display:block;margin-bottom:10px}.address-field{display:flex;border:1px solid #343d2e;border-radius:5px;background:#0b0f0b;align-items:center;height:47px;gap:9px;padding:0 12px}.address-field:focus-within{border-color:var(--acid)}.address-field svg{color:#67755d;width:16px}.address-field input{background:transparent;color:var(--text);border:0;outline:none;min-width:0;width:100%;font-size:12px}.address-field input::placeholder{color:#707a67}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 10px;background:var(--acid);color:#172010;border-radius:5px;margin-top:12px;font-size:14px;font-weight:700;box-shadow:0 3px 18px #c2f66b0c;transition:background .2s,box-shadow .2s}.primary-button:hover{background:#d1ff88;box-shadow:0 3px 22px #c2f66b20}.primary-button svg{width:17px}.demo-line{margin:15px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.demo-line button{font-size:11px;padding:0;color:#c4d3b7}.demo-line button:hover{color:var(--acid)}.demo-line button span{margin-left:4px}.process-list{margin-top:28px;padding-top:23px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:20px}.process-item{display:flex;align-items:center;gap:11px}.step-icon{width:31px;height:31px;border:1px solid #2e3827;border-radius:5px;display:grid;place-items:center;color:#a1b68d;background:#192015}.step-icon svg{width:17px;height:17px}.process-item h3{font-size:12px;font-weight:500;margin:0 0 5px}.process-item p{font-size:11px;color:var(--muted);margin:0}.step-number{margin-left:auto;font:10px var(--mono);color:#58634f}.process-item.active .step-icon{color:var(--acid);border-color:#76943e;box-shadow:0 0 14px #b7fc5210}.process-item.complete .step-number{color:var(--acid)}.read-only{display:flex;gap:9px;align-items:center;margin-top:29px;font-size:10px;line-height:1.8;color:#77866a}.read-only svg{width:17px;height:17px;color:#a0b284}.chamber{position:relative;overflow:hidden;border-left:1px solid var(--border);border-right:1px solid var(--border);background:radial-gradient(ellipse at 50% 49%,#293d173f,transparent 65%),#0b100c;min-height:580px;display:flex;flex-direction:column}.chamber-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px 23px;font:9px var(--mono);letter-spacing:.07em;color:#91a380}.chamber-top>span:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px #c2f66b88}.chamber-top>span:last-child{border:1px solid #33422a;background:#1d291680;border-radius:3px;padding:4px 7px;font-size:8px;color:#a5c189}.chamber-grid{position:absolute;inset:0;background-image:linear-gradient(#bafa5010 1px,transparent 1px),linear-gradient(90deg,#bafa5010 1px,transparent 1px);background-size:36px 36px;opacity:.28;mask-image:radial-gradient(ellipse,black 20%,transparent 73%)}.ambient-glow{position:absolute;width:78%;height:60%;top:18%;left:11%;border-radius:50%;background:radial-gradient(ellipse,#a0ff0015,transparent 67%);filter:blur(25px)}.tank-assembly{position:relative;width:320px;height:391px;margin:25px auto 0;flex-shrink:0;filter:drop-shadow(0 0 28px #93cd0720)}.tank-top{position:absolute;top:0;left:13px;width:294px;height:52px;z-index:5;border-radius:50% 50% 7px 7px / 40% 40% 8px 8px;background:linear-gradient(90deg,#202a21,#4b5545 14%,#232e23 24%,#3b4736 53%,#1b251c 89%,#485540);border:1px solid #586347;box-shadow:0 8px 10px #0009,inset 0 3px 4px #7b896147}.top-ridge{position:absolute;top:0;left:0;right:0;height:22px;border-radius:50%;border:1px solid #667258;background:linear-gradient(#48533c,#20291d);box-shadow:inset 0 -4px 7px #141c12}.top-light{position:absolute;bottom:7px;left:30px;right:30px;height:4px;border-radius:50%;background:#dbffae;box-shadow:0 0 8px #b3ff4a,0 0 20px #b3ff4a85}.tank-screw{position:absolute;top:27px;width:6px;height:6px;background:#192217;border:1px solid #869277;border-radius:50%}.screw-left{left:16px}.screw-right{right:16px}.tank-glass{position:absolute;top:38px;left:24px;width:272px;height:297px;border-radius:0 0 34% 34% / 0 0 7% 7%;border-left:2px solid #b7e48569;border-right:2px solid #b7e48569;overflow:hidden;background:linear-gradient(90deg,#90c94d0c,#19241122 19%,#9acf3b05 72%,#7fad4124);box-shadow:inset 13px 0 20px -18px #d5ffb5,inset -13px 0 20px -17px #d5ffb5,0 0 12px #8cc43822}.liquid{position:absolute;inset:19px 0 0;background:linear-gradient(#6eaa243b,#587e1830 55%,#a4d64860);box-shadow:inset 0 -13px 28px #b2f74e29}.liquid-top{position:absolute;top:11px;width:100%;height:19px;border-radius:50%;background:#97d64e20;border:1px solid #c0ff7545;box-shadow:0 0 15px #94d8371c;animation:ripple 5s ease-in-out infinite}.tank-reflection{position:absolute;left:16px;top:20px;width:12px;height:82%;border-radius:60%;background:linear-gradient(90deg,transparent,#ecffd72c,transparent);z-index:4;transform:rotate(1deg)}.glass-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 25%,#eeffd909 28% 32%,transparent 36% 71%,#c8f3970b 74% 77%,transparent 79%);z-index:4;pointer-events:none}.tank-markings{position:absolute;right:8px;top:33px;height:235px;display:flex;flex-direction:column;justify-content:space-between;font:7px var(--mono);color:#c0e8974d;z-index:5}.tank-markings span:after{content:'—';margin-left:4px}.tank-rail{position:absolute;top:34px;width:15px;height:309px;background:linear-gradient(90deg,#161e17,#404d36 40%,#26311f 65%,#10160e);border:1px solid #3b4a30;z-index:5;box-shadow:0 0 8px #0009}.rail-left{left:8px}.rail-right{right:8px}.tank-rail i{display:block;position:absolute;height:30px;left:-2px;right:-2px;top:125px;border:1px solid #55603c;background:linear-gradient(90deg,#242d20,#4a5637,#1e2819);border-radius:2px}.tank-base{position:absolute;top:328px;height:50px;left:7px;width:306px;z-index:6;background:linear-gradient(90deg,#1b2118,#48513c 15%,#263020 27%,#343e29 67%,#1a2116);border-radius:5px 5px 36% 36% / 5px 5px 26% 26%;border:1px solid #4c5d37;box-shadow:0 10px 12px #0009,inset 0 -7px 10px #151b0e}.base-light{position:absolute;height:11px;left:6px;right:6px;top:-4px;border-radius:50%;background:#b3ef6775;border:1px solid #d0ff9688;box-shadow:0 0 13px #a1ff5438}.base-plate{position:absolute;top:19px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:6px var(--mono);letter-spacing:.09em;color:#b8c0a6}.base-leds{display:flex;gap:5px}.base-leds i{width:4px;height:4px;background:var(--acid);border-radius:50%;box-shadow:0 0 5px #c2f66b}.base-leds i:last-child{background:#737451;box-shadow:none}.floor-shadow{position:absolute;bottom:-15px;left:-32px;right:-32px;height:33px;border-radius:50%;background:radial-gradient(ellipse,#9bea2430,transparent 66%);filter:blur(5px)}.creature-wrap{position:absolute;width:254px;height:254px;top:27px;left:7px;z-index:3;animation:float 5s ease-in-out infinite;transform-origin:center;transition:filter 1s,opacity .7s}.creature-wrap img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 18px #80dd4c24)}.bubbles{position:absolute;inset:0;overflow:hidden;z-index:4}.bubble{position:absolute;bottom:-15px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;border:1px solid #d3ff9880;box-shadow:inset 1px 1px 2px #d4ff9766;animation:bubble-up var(--duration) linear var(--delay) infinite;opacity:0}.electricity{position:absolute;top:10px;left:-30px;width:380px;height:370px;z-index:7;overflow:visible;pointer-events:none}.arc{fill:none;stroke:#d9ffb1;stroke-width:1.7;filter:drop-shadow(0 0 4px #a5ff28);opacity:0}.arc-a{animation:spark 8s infinite}.arc-b{animation:spark 7s 3s infinite}.arc-c{animation:spark 10s 5s infinite}.scan-beam{position:absolute;inset:0 0 auto;height:2px;box-shadow:0 0 17px #bcff65;background:#d0ff9c;opacity:0;z-index:5}.specimen-tag{position:relative;margin:8px auto 0;display:flex;gap:10px;align-items:center;font:9px var(--mono);letter-spacing:.1em;color:#b3c898}.tag-cross{color:#7b8f5e;font-size:23px;font-weight:400}.specimen-tag small{display:block;color:#738367;font:8px var(--mono);letter-spacing:.06em;margin-top:6px}.chamber-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #35432566;margin:23px 25px 0;padding:18px 0 20px;position:relative}.chamber-bottom>div{display:flex;flex-direction:column;gap:7px}.telemetry-label{font:8px var(--mono);letter-spacing:.06em;color:#839574}.chamber-bottom strong{font:15px var(--mono);color:#cadbb7}.chamber-bottom strong span{font-size:10px;color:#819369}.telemetry-middle{align-items:center}.telemetry-right{align-items:flex-end}.heartbeat{width:88px;height:20px;stroke:#b5e879;stroke-width:1.4;filter:drop-shadow(0 0 3px #a0e84055)}.specimen-title{padding-top:31px}.specimen-class{color:#8c9980;font:9px var(--mono);letter-spacing:.07em}.specimen-title h2{font:500 37px/1.1 var(--heading);margin:9px 0 13px}.specimen-badges{display:flex;gap:8px;flex-wrap:wrap}.specimen-badges span{border:1px solid #425032;border-radius:3px;padding:5px 7px;font:8px var(--mono);color:#c3e392;background:#212c1740}.specimen-badges span:last-child{border-color:#414735;color:#a1ad96;background:transparent}.specimen-description{color:var(--muted);font-size:13px;line-height:1.8;margin:18px 0 25px;min-height:46px}.traits-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:22px}.traits-heading h3{font:9px var(--mono);letter-spacing:.07em;color:#a0af90;margin:0}.traits-heading>span{font:8px var(--mono);color:#707e64}.trait-list{display:flex;flex-direction:column;gap:19px;padding:21px 0 24px}.trait{display:flex;align-items:center;gap:11px}.trait-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:5px;background:#24341a;color:#c0ec91;font-size:22px}.trait-symbol.purple{color:#c2ace3;background:#2a2331}.trait-symbol.amber{color:#e8c288;background:#332c1c;font-size:25px}.trait h4{font-size:12px;font-weight:500;margin:0 0 5px}.trait p{font-size:10px;color:var(--muted);margin:0}.trait-level{font:9px var(--mono);color:#a6b497;margin-left:auto;white-space:nowrap}.mutation-score{border-top:1px solid var(--border);padding-top:20px}.mutation-score>div:first-child{display:flex;align-items:center;justify-content:space-between}.mutation-score>div>span{font:9px var(--mono);color:#a0af90;letter-spacing:.03em}.mutation-score strong{font:24px var(--heading);color:var(--acid);font-weight:600}.mutation-score strong span{font:12px var(--mono);color:#77826a;margin-left:3px}.power-track{height:5px;margin:13px 0 8px;background:#2a3323;border-radius:2px;overflow:hidden}.power-track>div{width:87%;height:100%;background:var(--acid);box-shadow:0 0 10px #c2f66b55;transition:width 1s}.power-scale{display:flex;justify-content:space-between}.mutation-score .power-scale span{font:7px var(--mono);color:#707e65;letter-spacing:0}.data-origin{display:flex;gap:9px;margin-top:25px;padding:12px;background:#1b2316;border:1px solid #303b27;border-radius:5px;align-items:flex-start}.mini-cross{color:#91b36b;font-size:16px}.data-origin p{font-size:10px;color:#9aaa8b;line-height:1.7;margin:0}.sequence-bar{border:1px solid var(--border);border-radius:8px;background:#111610;display:flex;align-items:center;margin-top:16px;padding:18px 23px;gap:25px}.sequence-label{display:flex;align-items:center;gap:15px}.sequence-label>svg{color:var(--acid);width:23px;height:23px}.sequence-label strong{display:block;font-size:13px;font-weight:500;margin-bottom:5px}.sequence-label span{font-size:11px;color:var(--muted)}.sequence-meter{margin-left:auto;display:flex;flex-direction:column;gap:9px}.meter-blocks{display:flex;gap:4px}.meter-blocks i{height:8px;width:10px;border-radius:1px;background:#28321f;transition:background .3s}.meter-blocks i.filled{background:var(--acid);box-shadow:0 0 5px #c2f66b30}.sequence-meter>span{font:8px var(--mono);text-align:right;letter-spacing:.08em;color:#78886a}.sound-toggle{display:flex;align-items:center;justify-content:center;gap:8px;border-left:1px solid var(--border);padding:12px 0 12px 25px;margin-left:9px;font-size:11px;color:#a3ae99;min-width:109px}.sound-toggle svg{width:15px;height:15px}.sound-toggle[aria-pressed=true]{color:var(--acid)}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 27px;font:8px var(--mono);color:#78816d;letter-spacing:.04em;gap:20px}footer button{font:9px var(--body);color:#a1ad94;padding:0}footer button span{margin-left:7px;color:var(--acid)}.footer-note{color:#65705b}.footer-note span{color:#909d80;margin-left:8px}.error{color:#efb5a1;font-size:12px;line-height:1.6;margin:10px 0}dialog{color:var(--text);background:#141a12;border:1px solid #465337;border-radius:14px;padding:36px;width:min(520px,calc(100% - 32px));max-height:85vh;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#060a06cc;backdrop-filter:blur(8px)}dialog h2{font:500 40px/1.1 var(--heading);margin:20px 0 16px}dialog p{font-size:14px;color:#a9b59d;line-height:1.8}dialog ol{padding-left:20px;margin:25px 0}dialog li{font-size:14px;padding-left:6px;margin-bottom:18px}dialog li::marker{color:var(--acid)}dialog li p{margin:6px 0}dialog .eyebrow{font-size:10px}.dialog-close{position:absolute;top:15px;right:15px;padding:5px;color:#a9b79e}.note-box{padding:15px;background:#222d1a;font-size:12px;line-height:1.8;color:#aebf9c;border-radius:6px}.wallet-choice{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:1px solid var(--border);border-radius:6px;width:100%;margin-top:12px;font-size:14px}.wallet-choice:hover{border-color:var(--acid)}.wallet-choice span{color:var(--muted);font-size:12px}.wallet-help a{color:var(--acid);text-decoration:underline}.chamber[data-phase=extract] .creature-wrap{opacity:.2;filter:brightness(.3) blur(4px)}.chamber[data-phase=assemble] .creature-wrap{opacity:.8;filter:brightness(.6);animation:assemble 2.2s ease-in-out both}.chamber[data-phase=extract] .scan-beam,.chamber[data-phase=assemble] .scan-beam{animation:scan 2s ease-in-out infinite}.chamber[data-phase=wake] .arc{animation:spark .9s infinite}.chamber[data-phase=wake] .arc-b{animation-delay:.3s}.chamber[data-phase=wake] .creature-wrap{animation:wake 1.6s ease-out both}.chamber[data-phase=alive] .ambient-glow{background:radial-gradient(ellipse,#a0ff0033,transparent 70%)}.chamber[data-phase=alive] .heartbeat{animation:pulse 2s infinite}.chamber[data-phase=error] .chamber-top>span:last-child{color:#ffc59e;border-color:#7b5539}.chamber[data-phase=error] .status-dot{background:#f5a373}.scanning .primary-button svg{animation:pulse 1s infinite}.scanning .specimen-panel{opacity:.45;transition:opacity .4s}.scanning .bubble{animation-duration:2s}.chamber[data-phase=idle] .creature-wrap{filter:saturate(.85) brightness(.9)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}@keyframes ripple{50%{transform:scaleY(.65)}}@keyframes bubble-up{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.55}80%{opacity:.5}100%{transform:translateY(-290px) translateX(10px);opacity:0}}@keyframes spark{0%,90%,94%,98%,100%{opacity:0}91%,93%,97%{opacity:.9}}@keyframes pulse{50%{opacity:.5}}@keyframes scan{0%,100%{top:0;opacity:.7}50%{top:100%;opacity:1}}@keyframes assemble{0%{clip-path:inset(100% 0 0);filter:brightness(2) blur(3px)}100%{clip-path:inset(0);filter:brightness(1)}}@keyframes wake{0%{transform:scale(.88);filter:brightness(1)}30%{transform:scale(1.06) rotate(-3deg);filter:brightness(1.7)}100%{transform:scale(1);filter:brightness(1)}}
@media(min-width:1450px){.workspace{min-height:624px}.chamber{min-height:624px}.tank-assembly{margin-top:35px;transform:scale(1.06);transform-origin:top center;margin-bottom:24px}.control-panel,.specimen-panel{padding:30px}.process-list{margin-top:33px;gap:24px}.panel-copy{margin-bottom:30px}.specimen-description{margin-bottom:30px}.trait-list{gap:25px}.chamber-bottom{margin-top:auto}}
@media(max-width:1150px){.topbar{padding:0 28px;gap:35px}main{padding:0 28px}.header-actions{gap:16px}.network .muted{display:none}.workspace{grid-template-columns:minmax(240px,1fr) minmax(330px,1.35fr)}.specimen-panel{grid-column:1/-1;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:28px}.specimen-panel>.panel-kicker{grid-column:1/-1}.specimen-title{grid-column:1;grid-row:2;padding-top:21px}.specimen-description{grid-column:1;grid-row:3;margin:12px 0}.traits-heading{grid-column:2;grid-row:2;align-self:start;margin-top:25px;padding:0;border:0}.trait-list{grid-column:2;grid-row:2/5;padding-top:60px;gap:16px}.mutation-score{grid-column:3;grid-row:2;margin-top:25px;padding:0;border:0;align-self:start}.data-origin{grid-column:3;grid-row:3/5;align-self:start;margin-top:5px}.chamber{border-right:0}.intro{padding-top:32px}.lab-version{font-size:9px}footer .footer-note{display:none}}
@media(max-width:760px){.topbar{height:76px;padding:0 20px;gap:15px}.brand{font-size:21px}.brand-bottom{font-size:11px}.brand-icon{width:35px;height:40px}.topbar nav{margin-left:auto;gap:16px}.topbar nav a{display:none}.topbar nav button{font-size:12px}.header-actions{margin-left:0}.network{display:none}.wallet-button{font-size:11px;padding:9px 11px;gap:7px}.wallet-button svg{width:16px}main{padding:0 18px}.intro{padding:28px 0 25px}.eyebrow{font-size:9px;letter-spacing:.08em}h1{font-size:38px;margin:12px 0 10px}.intro p{font-size:13px;line-height:1.7;max-width:300px}.lab-version{display:none}.workspace{grid-template-columns:1fr}.control-panel{padding:22px}.control-panel h2{font-size:29px;margin:20px 0 8px}.control-panel h2 br{display:none}.panel-copy{max-width:none;font-size:13px;margin-bottom:20px}.process-list{display:none}.read-only{margin-top:19px;font-size:11px}.read-only br{display:none}.demo-line{font-size:12px;justify-content:center}.demo-line button{font-size:12px}.address-field input{font-size:14px}.address-field{height:50px}label{font-size:11px}.primary-button{font-size:15px}.chamber{grid-row:2;min-height:550px;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tank-assembly{margin-top:14px}.chamber-bottom{margin-top:18px}.specimen-panel{display:block;border:0;padding:25px}.specimen-title{padding-top:24px}.specimen-title h2{font-size:40px}.specimen-description{font-size:14px;margin:17px 0 23px;min-height:0}.traits-heading{margin-top:0;padding-top:20px;border-top:1px solid var(--border)}.trait-list{padding:21px 0;gap:20px}.trait h4{font-size:14px}.trait p{font-size:12px}.trait-level{font-size:11px}.mutation-score{margin:0;padding-top:20px;border-top:1px solid var(--border)}.data-origin{margin-top:22px}.data-origin p{font-size:12px}.sequence-bar{padding:20px 17px;gap:17px;flex-wrap:wrap}.sequence-label{width:100%;gap:12px}.sequence-label strong{font-size:13px}.sequence-label span{font-size:12px;line-height:1.6;display:block}.sequence-meter{margin-left:35px;flex:1}.sequence-meter>span{text-align:left;font-size:9px}.meter-blocks{gap:3px}.meter-blocks i{width:7px}.sound-toggle{font-size:11px;min-width:90px;padding-left:14px;margin:0}footer{font-size:7px;line-height:1.7;align-items:flex-start;padding-top:23px}footer button{font-size:9px;max-width:140px;text-align:right}.panel-kicker{font-size:11px}.specimen-class{font-size:10px}.specimen-badges span{font-size:9px}.traits-heading h3,.mutation-score>div>span{font-size:10px}.power-scale span{font-size:8px!important}}
/* Keep the instrument lettering compact, while making the reading and controls comfortable. */
.intro p{font-size:16px}.panel-copy,.specimen-description{font-size:14px}.panel-kicker,.eyebrow,.lab-version,.specimen-class,.specimen-badges span,.traits-heading h3,.traits-heading>span,.trait-level,.mutation-score>div>span,.mutation-score .power-scale span,.sequence-meter>span,.telemetry-label,.chamber-top,.chamber-top>span:last-child,.specimen-tag,.specimen-tag small{font-size:12px;letter-spacing:.02em}.address-field input,.wallet-button,.process-item h3,.trait h4,.sequence-label strong,.sound-toggle{font-size:14px}label{font-size:12px}.demo-line,.demo-line button,.process-item p,.step-number,.read-only,.trait p,.data-origin p,.sequence-label span,footer,footer button{font-size:12px}.power-scale{gap:12px}.mutation-score .power-scale span{font-size:9px}.specimen-badges span{font-size:10px}.trait-list{gap:20px}.process-list{gap:21px}.chamber-bottom{margin-top:auto}.specimen-tag{margin-bottom:20px}.chamber-top>span:last-child{font-size:10px}.chamber-top{padding:22px 20px}.specimen-tag small{font-size:10px}.lab-version{font-size:10px}.eyebrow{font-size:11px}footer{font-size:10px}footer button{font-size:12px}.sequence-bar{min-height:91px}.sequence-label span{display:block;line-height:1.6}.sequence-meter{flex-shrink:0}.sound-toggle{min-width:127px}
@media(max-width:760px){.topbar nav{display:none}.header-actions{margin-left:auto}.wallet-button{font-size:12px}.intro p{font-size:14px}.eyebrow{font-size:9px}.chamber-bottom{margin-top:4px}.specimen-tag{margin-bottom:16px}.sequence-meter{margin-left:0}.sound-toggle{font-size:12px;min-width:110px}.specimen-badges span{font-size:11px}.mutation-score .power-scale span{font-size:10px!important}footer{font-size:10px;flex-wrap:wrap}footer button{font-size:11px}.trait-list{gap:22px}.read-only{font-size:11px}}
@media(max-width:380px){.tank-assembly{left:50%;margin-left:-160px;transform:scale(.84);transform-origin:top center;margin-bottom:-56px}.chamber{min-height:490px}.chamber-top{padding:22px 14px}.chamber-bottom{margin-left:15px;margin-right:15px}.telemetry-label{font-size:10px}.sequence-bar{gap:14px}.sound-toggle{min-width:95px;font-size:11px;padding-left:10px}.meter-blocks i{width:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bubble{opacity:.3}.scan-beam{display:none}.creature-wrap{clip-path:none!important}}