/* Additive visual layer. No project assets, game styles or game logic are changed. */
body.lab-home{--cream:#060e1b;--paper:#0d2033;--navy:#eff6ff;--muted:#b4c9de;--coral:#ff7a36;--coral2:#ff9a55;--line:#284c65;--sky:#ff873e;--shadow:0 16px 42px #0008;color:#eff6ff;background:radial-gradient(ellipse at 75% 12%,#153c5266,transparent 36%),radial-gradient(ellipse at 12% 42%,#14456044,transparent 34%),repeating-linear-gradient(0deg,transparent 0 79px,#28516c12 80px),#060e1b;}
.lab-home:before,.lab-home:after{content:"";position:fixed;top:0;bottom:0;width:clamp(9px,3.5vw,58px);z-index:60;pointer-events:none;background:linear-gradient(90deg,#020711,#17374a 35%,#081421 43%,#30485a 49%,#071320 58%,#030910);border-right:1px solid #50c9ff88;box-shadow:5px 0 25px #000, inset -3px 0 0 #06111c;clip-path:polygon(0 0,100% 0,100% 14%,65% 17%,65% 41%,100% 44%,100% 67%,65% 70%,65% 89%,100% 92%,100% 100%,0 100%)}
.lab-home:before{left:0}.lab-home:after{right:0;transform:scaleX(-1)}
.lab-home .wrap,.lab-home .topbar,.lab-home .footer-inner{width:min(1180px,calc(100% - 112px))}
.lab-home .topbar{top:0;margin:0 auto;min-height:70px;border-radius:0 0 16px 16px;border:1px solid #406178;background:linear-gradient(120deg,#172d40f5,#07121fee 55%,#182c3cee);box-shadow:0 2px 0 #07111d,0 4px 0 #31506b,0 14px 24px #0008;gap:20px}
.lab-home .logo{background:#0a1929;border-color:#42647b;border-radius:50%}.lab-home .brand strong{font-size:19px}.lab-home .nav{gap:22px}.lab-home .menu{color:#d9edff}.lab-home .lablog,.lab-home .btn.primary{border:1px solid #ffbb79;background:linear-gradient(#ff9650,#ff5429);box-shadow:inset 0 1px 1px #ffe0aa,0 0 18px #ff6c3544,0 4px 0 #762e1d;border-radius:8px;color:#fff}
.lab-home .hero{margin-top:22px;min-height:0;border-radius:18px 18px 6px 6px;border:1px solid #3e738e;background:radial-gradient(ellipse at 73% 45%,#287b9a66,transparent 48%),linear-gradient(110deg,#0b192bf5 35%,#162f4466),repeating-linear-gradient(90deg,transparent 0 139px,#58c6f914 140px),linear-gradient(160deg,#143b52,#090f1c);box-shadow:inset 0 0 0 5px #07131f,inset 0 0 0 6px #344d63,0 20px 40px #0009}
.lab-home .hero:before{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid #62c3ed29;border-top:2px solid #5bc4ee77;clip-path:polygon(0 0,100% 0,100% 65%,95% 100%,0 100%)}
.lab-home .hero:after{content:"";position:absolute;bottom:0;left:3%;right:3%;height:9px;background:linear-gradient(90deg,#2379aa 0 20%,transparent 20% 35%,#ff873d 35% 65%,transparent 65% 80%,#2379aa 80%);box-shadow:0 -2px 20px #53c9ff77}
.lab-home .hero-grid{min-height:430px;padding:46px 52px 40px;grid-template-columns:1.05fr .95fr;gap:18px}
.lab-home .hero h1{font-size:clamp(44px,5.1vw,68px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.lab-home .hero p{font-size:16px;line-height:1.65;max-width:470px}.lab-home .badge{background:#0c2133;border:1px solid #2d536b;color:#a5d7f2;border-radius:5px;font-size:12px;letter-spacing:.045em;padding:7px 10px}
.lab-character{display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch;min-width:0}.lab-character:before{content:"";position:absolute;bottom:10px;width:78%;height:44px;background:radial-gradient(ellipse,#3dccff77,transparent 68%);border:1px solid #389ac488;border-radius:50%;box-shadow:0 9px 0 #102436,0 12px 0 #3b6980,0 25px 30px #000b;transform:perspective(450px) rotateX(45deg)}
.lab-character img{position:relative;width:min(360px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 20px 18px #0009)}
.lab-home .btn{min-height:46px;font-size:14px;border-radius:8px}.lab-home .btn.secondary{background:linear-gradient(#18384d,#0b1e32);border-color:#5799bf;color:#eff6ff;box-shadow:inset 0 1px #8accf333,0 4px 0 #030c17}.lab-home .petals{opacity:.25}
.lab-featured{position:relative;margin:0 auto 22px;perspective:1400px}.lab-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:32px 14px 28px;scrollbar-width:thin;scrollbar-color:#ff873e #0b2032;align-items:stretch}.lab-slide{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:center;min-width:0;transform:perspective(900px) rotateY(3deg);margin-top:12px}.lab-slide:nth-child(3){transform:perspective(900px) rotateY(-3deg)}
.lab-home .project,.lab-home .tool-card,.lab-home .ai-path,.lab-home .about-col{background:linear-gradient(130deg,#183448ee,#0c1d30 64%,#102b3d);border:1px solid #376c8b;border-radius:10px;box-shadow:inset 0 1px 0 #8acdf52b,inset 0 -4px 0 #040d19,0 5px 0 #020913,0 6px 0 #254354,0 15px 22px #0008;color:#eff6ff}
.lab-home .project:hover,.lab-home .tool-card:hover,.lab-home .ai-path:hover{transform:translateY(-4px);border-color:#76d6ff;box-shadow:0 0 22px #38b9ff20,0 18px 25px #0009}
.lab-home .lab-featured-primary{transform:none;border:2px solid #ff9655;box-shadow:0 0 0 3px #ff6b2522,0 0 22px #ff723e66,0 12px 24px #000a;margin-top:0;overflow:hidden}.lab-home .hero-project.derby-hero{height:100%;border:0;border-radius:7px;padding:8px;background:linear-gradient(#21394d,#122133 65%,#421c20);box-shadow:none}.lab-home .derby-hero .hero-project-visual{border-radius:5px}.lab-home .derby-hero .hero-project-copy{padding:18px 10px 13px;flex-direction:column;align-items:start;gap:16px}.lab-home .hero-project h2{font-size:27px}.lab-home .hero-project .btn{background:linear-gradient(#ff9d53,#ff532c);color:white;box-shadow:0 0 14px #ff672d55;border:1px solid #ffc095;align-self:end}.lab-home .hero-project:before{display:none}.lab-home .hero-project-kicker{font-size:12px;color:#ffae72;letter-spacing:.08em}.lab-home .derby-hero .hero-project-copy p{font-size:12px;color:#bcd7ef}
.lab-home .lab-slide .project-preview,.lab-home .lab-slide .gametab-project-top{height:165px}.lab-home .lab-slide .project-body{padding:18px;min-height:205px}.lab-home .project-meta{font-size:12px;color:#ffac73;letter-spacing:.05em}.lab-home .project h3{font-size:20px}.lab-home .project p{font-size:14px}.lab-home .project-action{font-size:14px}.lab-home .project-cta{margin-top:auto}.lab-home .lab-slide .project-cta{min-height:40px}.lab-carousel-controls{display:flex;justify-content:center;gap:14px;margin-top:6px}.lab-carousel-controls button{height:38px;width:46px;color:#e8f6ff;border:1px solid #5798bd;border-radius:8px;background:linear-gradient(#204157,#091a2c);box-shadow:0 3px 0 #010914;font-size:22px}.lab-carousel-controls button:disabled{opacity:.35;cursor:default}
.lab-home .section{padding:30px 0}.lab-home .section-head{text-align:left;margin-bottom:24px}.lab-home .section-head h2{font-size:26px}.lab-home .section-head p{margin-left:0;font-size:14px;max-width:none}.lab-home .how{width:min(1180px,calc(100% - 112px));margin:0 auto 18px;padding:26px 24px 30px;position:relative;border:1px solid #458aa7;border-radius:20px 5px;background:linear-gradient(120deg,#14394d88,#081a2b 50%,#173c5288);box-shadow:inset 0 0 0 5px #071420,0 8px 0 #020a14,0 9px 0 #284e64}.lab-home .how .wrap{width:100%}.lab-home .how .section-head{text-align:center}.lab-home .steps{gap:48px}.lab-home .circle{background:radial-gradient(circle at 35% 25%,#305571,#091a2d 70%);border-color:#65a4c6;box-shadow:inset 0 2px 7px #b8e5ff22,0 7px 10px #0008;width:64px;height:64px}.lab-home .num{background:linear-gradient(#ffaf65,#f75b21);box-shadow:0 0 12px #ff793c66;border:1px solid #ffd0a6}.lab-home .step p{font-size:14px}.lab-home .step:not(:last-child):after{content:'→';position:absolute;right:-32px;top:32px;color:#ff8d47;font-size:27px}
.lab-home .about-band{max-width:none}.lab-home .about-col{padding:22px}.lab-home .about-col p{font-size:14px}.lab-home .about-more{text-align:right;margin-top:20px}.lab-home #about{padding-top:20px}.lab-home .tools-grid{gap:18px;margin-bottom:42px}.lab-home .tool-card{min-height:260px;padding:18px}.lab-home .tool-illustration{height:64px;border-radius:5px;margin-bottom:18px;border-bottom:1px solid #5286ab44}.lab-home .tool-illustration.blue{background:linear-gradient(120deg,#163c59,#122738)}.lab-home .tool-illustration.purple{background:linear-gradient(120deg,#322755,#17293e)}.lab-home .tool-illustration.orange{background:linear-gradient(120deg,#4b2e27,#192b40)}.lab-home .tool-illustration svg{width:46px;height:46px;filter:brightness(1.6) drop-shadow(0 0 6px #59bfff55)}.lab-home .tool-card h3{font-size:18px}.lab-home .chip{font-size:12px;padding:4px 8px;border-radius:5px}.lab-home .chip.blue{background:#154169;color:#90d0ff}.lab-home .chip.purple{background:#392760;color:#d4b4ff}.lab-home .chip.orange{background:#492b25;color:#ffad7d}.lab-home .open-tool{font-size:14px;align-self:end;min-height:36px;margin-top:-27px}.lab-home .ai-path{min-height:190px;padding:20px}.lab-home .ai-path-no{margin-bottom:14px;font-size:12px}.lab-home .ai-path h3{font-size:21px}.lab-home .ai-path-link{font-size:14px}.lab-home .projects-section{padding-top:0}.lab-home .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lab-home .projects-grid .project-preview,.lab-home .projects-grid .gametab-project-top{height:168px}.lab-home .project-count{background:#102d42;color:#9fd8f7;border-radius:5px}.lab-home .project-body{padding:20px}.lab-home .finder-preview{background:linear-gradient(130deg,#173b52,#17283b);padding:18px}.lab-home .finder-preview-copy strong{font-size:20px}.lab-home .wordpop-preview{background:linear-gradient(135deg,#29354e,#262842);padding:14px}.lab-home .wordpop-caption{color:#172040}.lab-home .status{font-size:12px}.lab-home .status.live{background:#123d37;color:#a4e5c5}.lab-home .status.wip{background:#353148;color:#d6cce5}.lab-home .project:not(a) .project-action{color:#b7b1c8}.lab-home .site-footer{background:#071522;border-color:#386780}.lab-home .site-footer .tag{color:#b4c9de}.lab-home .mobile-nav.open{background:#102337;color:#eff6ff;border-color:#4987aa}.lab-home .mobile-nav a:hover{background:#244861}.lab-home .skip-link{color:#15263a}.lab-home :focus-visible{outline:3px solid #ffb47b;outline-offset:4px}
/* Tool forms retain their light, high-contrast working surface. */
.lab-home .modal{--navy:#172040;--muted:#5f6476;--line:#ced8e1;color:#172040}.lab-home .modal .btn.primary{color:white}.lab-home .modal .field input,.lab-home .modal .field select{color:#172040}.lab-home .modal .close{color:#172040}
@media(min-width:1500px){.lab-home .hero-grid{min-height:460px}}
@media(max-width:1050px){.lab-home .wrap,.lab-home .topbar,.lab-home .footer-inner,.lab-home .how{width:calc(100% - 64px)}.lab-home .hero-grid{padding:36px;grid-template-columns:1.1fr .9fr}.lab-home .nav{gap:14px}.lab-home .hero h1{font-size:50px}.lab-home .lab-slide{flex-basis:calc((100% - 36px)/3)}.lab-track{gap:18px}.lab-home .lab-slide .project-body{padding:13px}.lab-home .project h3{font-size:18px}.lab-home .steps{grid-template-columns:repeat(3,1fr);gap:35px}.lab-home .about-band,.lab-home .tools-grid,.lab-home .ai-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-home .open-tool{margin-top:10px}.lab-home .tool-card{padding:15px}.lab-home .about-col{padding:17px}}
@media(max-width:760px){.lab-home:before,.lab-home:after{width:9px}.lab-home .wrap,.lab-home .topbar,.lab-home .footer-inner,.lab-home .how{width:calc(100% - 32px)}.lab-home .topbar{padding:8px 10px;min-height:62px;gap:10px}.lab-home .brand strong{font-size:16px}.lab-home .hero{margin-top:16px}.lab-home .hero-grid{display:flex;flex-direction:column;padding:30px 22px 24px;gap:12px;min-height:0;align-items:stretch}.lab-home .hero h1{font-size:clamp(38px,9.8vw,58px)}.lab-home .hero p{font-size:16px}.lab-home .actions{gap:10px;margin-top:22px}.lab-home .actions .btn{padding:0 13px;font-size:13px}.lab-character{height:220px;align-self:center;width:100%;margin:10px 0 0}.lab-character img{height:230px;width:230px}.lab-character:before{width:220px;bottom:0}.lab-home .lab-slide{flex:0 0 86%;margin-top:0;transform:none}.lab-track{gap:16px;padding:24px 4px 22px}.lab-home .lab-slide .project-preview,.lab-home .lab-slide .gametab-project-top{height:190px}.lab-home .lab-slide .project-body{padding:20px}.lab-home .hero-project.derby-hero{padding:10px}.lab-home .hero-project h2{font-size:27px}.lab-home .derby-hero .hero-project-copy{padding:18px 10px;gap:18px}.lab-home .lab-slide .project h3{font-size:21px}.lab-home .section{padding:24px 0}.lab-home .how{padding:26px 20px}.lab-home .section-head h2{font-size:24px}.lab-home .steps,.lab-home .about-band,.lab-home .tools-grid,.lab-home .ai-paths,.lab-home .projects-grid{grid-template-columns:1fr}.lab-home .steps{gap:28px}.lab-home .step:not(:last-child):after{display:none}.lab-home .step p{max-width:300px;margin:auto}.lab-home .about-more{text-align:left}.lab-home .about-col{padding:22px}.lab-home .tool-card{min-height:250px;padding:20px}.lab-home .open-tool{margin-top:-28px;min-height:44px}.lab-home .projects-intro{display:block}.lab-home .project-count{display:inline-block;margin-top:15px}.lab-home .projects-grid .project-preview,.lab-home .projects-grid .gametab-project-top{height:210px}.lab-home .project h3{font-size:21px}.lab-home .project-body{min-height:190px}.lab-home .modal{padding:20px}.lab-home .result-grid{grid-template-columns:1fr}.lab-home .form-grid{grid-template-columns:1fr}.lab-home .mobile-nav.open{width:calc(100% - 32px)}.lab-home .site-footer{padding:26px 0}.lab-home .site-footer nav{gap:16px}.lab-home .lab-carousel-controls button{height:44px;width:52px}}
@media(prefers-reduced-motion:reduce){.lab-home *, .lab-home *:before,.lab-home *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lab-home .project:hover,.lab-home .tool-card:hover,.lab-home .ai-path:hover{transform:none}}