.route-lab{margin-top:28px;padding:38px;background:linear-gradient(140deg,#e5f5eb,#f8faf0);border:1px solid #b6d8ce;border-radius:7px 29px 7px 29px;color:#16444f;box-shadow:0 25px 55px #05252d59}.route-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:4px 32px;align-items:end}.route-eyebrow{grid-column:1/-1;color:#447e82;font-size:10px;font-weight:900;letter-spacing:.17em}.route-intro h3{font-size:clamp(32px,3.1vw,45px);line-height:1.08}.route-intro p{font-size:14px;line-height:1.7;color:#527378;margin:0}.route-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.route-options button{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #abcac5;border-radius:5px 15px 5px 15px;background:#fffefa;padding:19px 15px;min-height:100px;transition:transform .22s,background .22s,box-shadow .22s}.route-options button:hover,.route-options button[aria-pressed="true"]{transform:translateY(-4px);background:#164d5a;color:#fff;box-shadow:0 14px 29px #124e5740}.route-options button>i{flex:none;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#dfefe4;color:#207c82;font:31px Georgia,serif;font-style:normal}.route-options button[aria-pressed="true"]>i{background:#ecd2a1;color:#17434a}.route-options button small{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#60919a}.route-options button[aria-pressed="true"] small{color:#b6dcd6}.route-options button strong{display:block;font:22px Georgia,serif;line-height:1.15;margin-top:4px}.route-feedback{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:21px;padding:20px 22px;margin-top:15px;border:1px solid #b3d4c7;border-radius:5px 15px 5px 15px;background:#d9ede5;min-height:138px}.route-droplet{width:66px;height:66px;border-radius:18px 18px 33px 33px;display:grid;place-items:center;background:#207e87;color:#e2f7e8;font-size:26px;transform:rotate(-18deg)}.route-feedback small{color:#387981;font-size:10px;font-weight:900;letter-spacing:.14em}.route-feedback h4{font:26px Georgia,serif;margin:5px 0}.route-feedback p{font-size:14px;line-height:1.6;margin:0;color:#4c7073}.route-note{font-size:12px;line-height:1.65;color:#4b7477;margin:17px 4px 0}.scene[data-route="soil"] .soak,.scene[data-route="pond"] .ripples,.scene[data-route="runoff"] .rain{filter:drop-shadow(0 0 14px white);animation:routeGlow 1.8s ease-in-out infinite}.scene[data-route="pond"] .fish{transform:translateX(12px)}.scene[data-route="runoff"]:before{content:'↘  STEKANIE PO POVRCHU';position:absolute;z-index:2;top:55%;right:10%;color:#fff;background:#17677dbf;padding:9px;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.09em}@keyframes routeGlow{50%{opacity:.45}}
.surface-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.surface-controls>span,.sun-lab span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#2c7180;width:100%}.surface-controls button{border:1px solid #6ba2a2;background:#f6fbf3;color:#1c5664;border-radius:5px;padding:11px 13px;font-size:13px;font-weight:800}.surface-controls button.active,.surface-controls button:hover{background:#184d5d;color:#fff;box-shadow:0 7px 17px #17596733}.experiment-readout{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.experiment-readout article{position:relative;overflow:hidden;min-height:111px;border:1px solid #afd0c9;border-radius:4px 14px 4px 14px;background:#f7fbf3;padding:15px 16px 22px}.experiment-readout span{display:block;font-size:10px;font-weight:900;letter-spacing:.13em;color:#3d7c83}.experiment-readout strong{display:block;font:17px/1.25 Georgia,serif;color:#225867;margin-top:8px}.experiment-readout i{position:absolute;left:15px;bottom:10px;height:4px;max-width:calc(100% - 30px);border-radius:99px;background:#4b9c91;transition:width .6s}.experiment-readout article+article i{background:#cb985b}.sun-lab{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin-top:17px;padding:17px 18px;background:#174c59;color:#fff;border-radius:4px 14px 4px 14px}.sun-lab span{color:#c6e4d4}.sun-lab p{color:#e1eee8;font-size:13px;line-height:1.6;margin:6px 0 0}.sun-lab button{border:1px solid #d8e4c9;color:#133f4c;background:#e9d2a0;border-radius:5px;padding:11px 14px;white-space:nowrap;font-size:12px;font-weight:900}.sun-lab button[aria-pressed="true"]{background:#f5e09d;box-shadow:0 0 26px #f4dc8880}.prediction-lab{padding:18px 20px;margin-top:16px;background:#f9f7e9;border-left:4px solid #c59c62}.prediction-lab strong{font:17px/1.4 Georgia,serif}.prediction-lab>div{display:flex;gap:9px;margin:12px 0;flex-wrap:wrap}.prediction-lab button{border:1px solid #97b6af;background:white;border-radius:5px;color:#235761;padding:8px 12px;font-size:12px;font-weight:800}.prediction-lab button.chosen{background:#1f6570;color:#fff}.prediction-lab p{font-size:12px;color:#496c72;line-height:1.5;margin:0}.rain-scene[data-surface="paving"] .ground{background:repeating-linear-gradient(90deg,#b0aba4 0 49px,#617472 50px 52px),linear-gradient(#abb6af,#738881)}.rain-scene.sunshine{background:radial-gradient(circle at 75% 13%,#fff2b1 0%,#ffeab698 22%,transparent 43%),linear-gradient(#6dadbb,#cae9e5 70%,#a3cdb0)}.rain-scene.sunshine:after{content:'SVETLO · ODPAROVANIE POSTUPNE';position:absolute;top:14px;right:16px;z-index:5;color:#154e5b;background:#fdf7d8d9;padding:9px;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.09em}
.koi-anatomy{padding:115px 0 125px;color:#f1fbf1;background:radial-gradient(ellipse at 88% 9%,#286471,transparent 41%),radial-gradient(ellipse at 0 80%,#22515d,transparent 36%),#0c3340;position:relative;overflow:hidden}.koi-anatomy:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-radial-gradient(ellipse at 50% -80px,transparent 0 22px,#caeee3 23px 24px,transparent 25px 49px)}.koi-anatomy>.wrap{position:relative}.anatomy-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:28px 0 38px}.anatomy-heading h2{font-size:clamp(48px,5.7vw,82px);letter-spacing:-.055em}.anatomy-heading h2 em{color:#edd198}.anatomy-heading p{max-width:600px;color:#cae5df;line-height:1.7}.anatomy-progress{border:1px solid #cde9d871;min-width:153px;padding:14px 18px;text-align:center;letter-spacing:.13em;font-size:10px;color:#b4ddcd;font-weight:800}.anatomy-progress strong{display:block;color:#f4d69a;font:32px Georgia,serif;letter-spacing:0;margin-top:7px}.anatomy-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px;align-items:stretch}.koi-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;background:radial-gradient(ellipse at 47% 41%,#eaf8e9,#c5e4dd 70%,#83bcc0);border:8px solid #e2f1e2;border-radius:7px 25px 7px 25px;box-shadow:0 30px 60px #041d29c7;scrollbar-color:#99dad0 #165968}.koi-figure{position:relative;aspect-ratio:900/480;min-width:710px;isolation:isolate}.koi-figure:before{content:'';position:absolute;z-index:-1;inset:0;opacity:.38;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 27px,#f7fff0 28px 29px,transparent 30px 62px)}.koi-figure svg{display:block;width:100%;height:100%}.koi-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2;border:2px solid white;border-radius:50%;width:47px;height:47px;background:#154d5ede;color:#fff;box-shadow:0 5px 18px #06384588,0 0 0 6px #3db3a955;display:grid;place-items:center;transition:transform .2s,background .2s}.koi-point b{font-size:17px}.koi-point span{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#123e4be8;color:#fff;padding:8px 10px;border-radius:5px;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .2s}.koi-point:hover,.koi-point:focus-visible,.koi-point[aria-pressed="true"]{background:#d19b62;color:#143d49;transform:translate(-50%,-50%) scale(1.12);box-shadow:0 8px 18px #0638457a,0 0 0 8px #d1ae6d66}.koi-point:hover span,.koi-point:focus-visible span,.koi-point[aria-pressed="true"] span{opacity:1}.koi-point[data-part="tail"] span,.koi-point[data-part="lateral"] span{left:auto;right:calc(100% + 8px)}.koi-point.discovered:after{content:'✓';position:absolute;right:-8px;top:-9px;display:grid;place-items:center;width:18px;height:18px;background:#e4d59e;border-radius:50%;color:#15424c;font-size:11px;font-weight:900}.koi-figure svg .koi-eye,.koi-figure svg .koi-gills,.koi-figure svg .koi-barbels,.koi-figure svg .fin-dorsal,.koi-figure svg .fin-pectoral,.koi-figure svg .koi-lateral,.koi-figure svg .fin-tail{transition:filter .2s,stroke-width .2s}.koi-figure[data-active="eye"] .koi-eye,.koi-figure[data-active="gills"] .koi-gills,.koi-figure[data-active="whiskers"] .koi-barbels,.koi-figure[data-active="dorsal"] .fin-dorsal,.koi-figure[data-active="pectoral"] .fin-pectoral,.koi-figure[data-active="lateral"] .koi-lateral,.koi-figure[data-active="tail"] .fin-tail{filter:drop-shadow(0 0 10px #fce58b) drop-shadow(0 0 8px #fce58b);stroke-width:6px}.koi-card{background:#f8f7ed;color:#164551;padding:35px 28px;border-radius:24px 5px 24px 5px;box-shadow:0 25px 55px #05232d77;display:flex;flex-direction:column}.koi-card>span{font-size:10px;letter-spacing:.17em;color:#51828a;font-weight:900}.koi-card h3{font-size:clamp(31px,3vw,43px);margin:18px 0}.koi-card>p{font-size:15px;line-height:1.72;color:#476f78}.koi-function,.koi-observation{border-top:1px solid #c9ddd4;padding:17px 0 5px}.koi-function small,.koi-observation small{display:block;font-size:10px;color:#4f8588;letter-spacing:.15em;font-weight:900}.koi-function strong{display:block;font:21px Georgia,serif;margin-top:7px}.koi-observation p{color:#50767a;font-size:13px;line-height:1.6}.koi-card>button{align-self:start;margin-top:auto;background:#1a5d6b;border:0;border-radius:5px;color:white;padding:12px 14px;font-size:12px;font-weight:800}.koi-card>button[hidden]{display:none}.koi-quest{margin-top:19px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e4d09e;color:#183e48;border-radius:4px 19px 4px 19px}.koi-quest small{font-size:10px;letter-spacing:.15em;font-weight:900}.koi-quest h3{font-size:26px;margin:7px 0}.koi-quest p{margin:0;font-size:13px}.koi-quest .success{color:#1c6a57;font-weight:800}.koi-quest .retry{color:#8a4d31}.koi-quest button{border:0;background:#174953;color:white;padding:12px 15px;border-radius:5px;white-space:nowrap;font-size:12px;font-weight:800}.anatomy-sources{font-size:11px;line-height:1.6;color:#a8cdc8;margin-top:23px;max-width:830px}.koi-anatomy+.quiz{border-top:7px solid #d9ca9e}
@media(max-width:950px){.route-intro{grid-template-columns:1fr}.anatomy-shell{grid-template-columns:1fr}.koi-scroll{width:100%}.koi-figure{min-width:800px}.koi-card{min-height:300px}.anatomy-heading{align-items:start}}
@media(max-width:690px){.route-lab{padding:22px 17px;margin-top:16px}.route-intro h3{font-size:32px}.route-options{grid-template-columns:1fr;gap:8px}.route-options button{min-height:75px;padding:12px 14px}.route-options button>i{width:43px;height:43px;font-size:28px}.route-options button strong{font-size:20px}.route-feedback{grid-template-columns:1fr;padding:17px}.route-droplet{display:none}.route-feedback h4{font-size:24px}.route-note{font-size:11px}.surface-controls button{font-size:12px}.experiment-readout{gap:7px}.experiment-readout article{padding:12px 10px 21px;min-height:124px}.experiment-readout strong{font-size:15px}.sun-lab{grid-template-columns:1fr;gap:8px}.sun-lab button{justify-self:start}.prediction-lab strong{font-size:15px}.koi-anatomy{padding:94px 0}.anatomy-heading{display:block}.anatomy-heading h2{font-size:52px}.anatomy-progress{display:inline-block;margin-top:15px;min-width:135px}.koi-scroll{border-width:5px}.koi-figure{min-width:760px}.koi-card{padding:27px 22px}.koi-quest{display:block;padding:23px}.koi-quest button{margin-top:17px}.koi-quest h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.scene[data-route="soil"] .soak,.scene[data-route="pond"] .ripples,.scene[data-route="runoff"] .rain{animation:none!important}.route-options button:hover,.koi-point:hover{transform:none}}