/* Ink outlines, sticker labels and rounded cartoon lettering. */
:root{--bg:#171c14;--panel:#242e1d;--line:#475538;--lime:#c5ff58;--text:#fff4d5;--muted:#b3bfa1;--ink:#090f07}
body{font-family:'Nunito','DM Sans',sans-serif;background-image:radial-gradient(#a7bf7820 .8px,transparent .8px);background-size:9px 9px}
header{background:#171c14f5;border-bottom:3px solid var(--ink)}
.brand,h1,h2,h3{font-family:'Lilita One','Space Grotesk',sans-serif;font-weight:400}
.brand{font-size:30px;letter-spacing:-.8px}.brand img{border:2px solid var(--ink);border-radius:13px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-7deg)}
nav{font-weight:800;font-size:14px}.button{border:3px solid var(--ink);border-radius:13px 10px 14px 10px;box-shadow:4px 5px 0 var(--ink);font-weight:900;font-size:15px;gap:25px;transform:rotate(-1deg)}
.button:hover{transform:translate(-1px,-3px) rotate(0deg);box-shadow:5px 8px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 2px 0 var(--ink)}.button.outline{background:#29381e;border:3px solid var(--ink);color:var(--text)}
.hero{padding-top:55px;gap:35px}.hero-copy>.eyebrow{display:inline-flex;background:#e8d5ff;color:#38294a;border:2px solid var(--ink);padding:8px 12px;border-radius:7px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg);font-size:8px;font-weight:bold}.hero-copy>.eyebrow i{background:#7854a0;box-shadow:none}
h1{font-size:clamp(65px,7vw,102px);letter-spacing:-2px;line-height:1.02;text-shadow:4px 5px 0 var(--ink);margin-top:28px;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}h1 em{display:inline-block;transform:rotate(-3deg);text-shadow:5px 6px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}
.asterisk{right:1%;top:50px;font-size:56px;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink)}.hero-copy>p{font-size:17px;font-weight:600;line-height:1.6}.text-link{font-size:13px;font-weight:900;border-bottom:2px dashed #90a06a}.micro{font-size:8px;color:#a1b085}
.hero-lab{border:3px solid var(--ink);border-radius:32px 18px 28px 20px;box-shadow:8px 9px 0 var(--ink);background-color:#26331e;background-image:radial-gradient(ellipse at center,#b4e54a25,transparent 65%),repeating-linear-gradient(0deg,transparent 0 38px,#b7d27312 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#b7d27312 39px 40px);transform:rotate(1deg)}
.lab-top{background:#344628;border-bottom:3px solid var(--ink);font-weight:700;color:#c0d6a1;padding:18px 20px}.lab-top>span:last-child{color:var(--lime)}.coordinate{color:#a8bd8c;top:70px}.lab-bottom{border-top:3px solid var(--ink);background:#344628;color:#b4c99a}
.tank{filter:drop-shadow(7px 10px 0 #090f0755);top:101px;width:59%;left:21%}.tank-top{border:3px solid var(--ink);height:35px;background:#657843;box-shadow:inset 0 -6px 0 #3f522c}.tank-top:before{background:#28341b;border:2px solid var(--ink);box-shadow:none;top:5px;height:10px}.tank-glass{border-left:4px solid var(--ink);border-right:4px solid var(--ink);background:linear-gradient(90deg,#cfff7438,#91c84330 30%,#d4ff6547 70%,#f0ffbc28 86%,#91c84338)}.tank-glass:after{background:#efffbb5c;width:8px}.tank-bottom{border:3px solid var(--ink);background:#596e39;box-shadow:inset 0 -8px 0 #344825;border-radius:0 0 23px 23px}.tank-bottom strong{color:#eff6cb}.tank-bottom button{border:2px solid var(--ink);background:var(--lime);color:var(--ink);box-shadow:2px 2px 0 var(--ink);width:31px;height:31px;font-weight:bold}
.callout{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:8px;padding:12px;color:#293314}.callout span{color:#5d6145;font-size:7px;font-weight:700}.callout b{font-family:'Nunito';font-size:13px;font-weight:900;letter-spacing:0}.callout em{color:#925eaf}.c1{background:#fff0b4;left:13px;top:335px}.c2{background:#e6d3ff;right:9px;top:215px}.c2 span{color:#775796}.ticker{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);font-family:'Lilita One';font-size:17px;padding:14px 0;letter-spacing:.5px}
h2{font-size:clamp(42px,4.3vw,65px);letter-spacing:-.7px;line-height:1.02}h2 em{color:#d4b0ff}.section-heading p{font-size:15px;font-weight:600}.section .eyebrow{color:#c3d998;font-weight:700}.filters button{border:2px solid var(--ink);background:#26331d;color:#c1ccae;border-radius:9px;font-weight:800;font-size:12px}.filters button.active{border-color:var(--ink);background:var(--lime);color:#233714;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}
.specimen-card{border:3px solid var(--ink);border-radius:18px 14px 20px 14px;background:#28331f;box-shadow:5px 6px 0 var(--ink)}.specimen-card:hover{border-color:var(--ink);transform:translateY(-6px) rotate(-1deg);box-shadow:7px 10px 0 var(--ink)}.specimen-art{background-color:#34442a}.specimen-info{border-top:3px solid var(--ink)}.sample-id{color:#c7d7b3}.species-tag{border:2px solid var(--ink);border-radius:5px;background:#f8eccb;color:#39472b;font-weight:700;transform:rotate(-4deg)}.specimen-title h3{font-size:25px;letter-spacing:0}.specimen-title span{color:#c0d999}.specimen-info p{color:#bac8a8;font-size:12px}.specimen-info button{font-weight:900;font-size:13px;border-top:2px dashed #52663d}.specimen-art .creature{filter:drop-shadow(3px 5px 0 #10190955)}
.protocol{background:#25321e;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.steps{gap:22px}.steps article{background:#303f25;border:3px solid var(--ink);border-radius:18px;padding:23px;box-shadow:5px 6px 0 var(--ink)}.steps article:nth-child(2){transform:rotate(1deg)}.steps article>span{color:#bfceac}.step-icon{color:var(--ink);background:#c5ff58;border:2px solid var(--ink);border-radius:15px;box-shadow:3px 3px 0 var(--ink);width:65px;height:65px;display:grid;place-items:center;padding:0;margin-top:24px;line-height:1;transform:rotate(-6deg);font-size:43px}.steps article:nth-child(2) .step-icon{background:#d8b8ff}.steps article:nth-child(3) .step-icon{background:#ffc98a}.steps h3{font-size:29px;margin-top:24px}.steps p{font-size:14px;color:#bac9a8;line-height:1.65}
.empty{border:3px dashed #5b7044;background:#222e1b;border-radius:18px}.empty h3{font-size:26px}.empty p{color:#abbc99}.closing{border-top:3px solid var(--ink);background:#2c3e20}.closing h2{font-size:79px;text-shadow:4px 5px 0 var(--ink)}.closing-decoration{color:#577c34;-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink)}footer{background:#141b10}footer .brand{font-size:25px}footer p{color:#9aad85}
dialog{background:#26351d;border:3px solid var(--ink);box-shadow:9px 10px 0 #0006;border-radius:23px}.dialog-head h2{font-size:41px;letter-spacing:0}.close{background:#e2c5ff;color:#32213f;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-weight:900}.preview{border:3px solid var(--ink);background-color:#354929;border-radius:18px;box-shadow:4px 4px 0 var(--ink)}input,textarea,select{border:2px solid var(--ink);border-radius:9px;background:#172510;font-family:'Nunito';font-weight:700;font-size:13px}label,legend{color:#bfd4a6}input:focus,textarea:focus,select:focus{outline:2px solid var(--lime);outline-offset:2px;border-color:var(--ink)}.color{border:3px solid var(--ink);width:30px;height:30px}.color.active{outline:2px solid var(--text);outline-offset:2px}.form-note{color:#b0c399}.creator-left .label{color:#bdcfaa}#toast{border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);font-weight:800;border-radius:12px}
@media(max-width:1050px) and (min-width:701px){h1{font-size:76px}.asterisk{font-size:38px;right:-12px}.hero-copy>p{font-size:15px}.callout b{font-size:11px}.c2{top:205px}.hero-lab{min-height:575px}}
@media(max-width:700px){.brand{font-size:25px}header .brand{font-size:25px}header .button{font-size:11px}.hero{padding-top:35px;gap:40px}.hero-copy>.eyebrow{font-size:6px;padding:7px 9px}h1{font-size:clamp(54px,15.4vw,76px);letter-spacing:-1px;line-height:1.02;text-shadow:3px 4px 0 var(--ink)}h1 em{letter-spacing:-1px}.asterisk{font-size:36px;right:3%;top:25px}.hero-copy>p{font-size:15px}.hero-actions{gap:18px}.hero-actions .button{font-size:12px;gap:12px}.text-link{font-size:11px}.hero-lab{min-height:510px;margin-right:5px;margin-left:3px;border-radius:25px 15px 25px 18px;transform:rotate(1deg)}.tank{top:85px;width:64%;left:18%}.coordinate{top:62px;font-size:7px}.callout{padding:9px}.callout b{font-size:11px}.c1{left:7px;top:330px}.c2{right:7px;top:215px}.lab-top{font-size:6px;padding:17px 12px}.lab-bottom{padding:16px 12px;font-size:6px}.section-heading p{font-size:14px}h2{font-size:46px}.specimen-grid{gap:15px}.specimen-title{align-items:flex-start;flex-direction:column;gap:4px}.specimen-title h3{font-size:23px}.specimen-info p{font-size:11px;min-height:55px}.specimen-info button{font-size:11px}.specimen-art{height:165px}.specimen-info{padding:11px}.species-tag{font-size:7px}.steps article{padding:22px 22px 22px 88px}.step-icon{position:absolute;width:47px;height:47px;left:19px;top:21px;margin:0;font-size:34px}.steps h3{font-size:27px;margin:16px 0 10px}.steps article>span{font-size:8px}.steps p{font-size:13px}.empty h3{font-size:23px}.closing h2{font-size:59px}.dialog-head h2{font-size:30px}.dialog-head .eyebrow{font-size:6px}.creator-left .button{margin-top:5px}footer .brand{font-size:26px}}