:root .brain-hero{--brain-green:#bef7a2;color:#e8eee8;text-align:center;background:radial-gradient(at 50% 45%,#20302566,#0000 54%),#0a100e;padding:140px 6% 0;position:relative;overflow:hidden}.brain-hero:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(#9bbbaa12 1px,#0000 1px),linear-gradient(90deg,#9bbbaa12 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30%,#0000);mask-image:linear-gradient(#0000,#000 30%,#0000)}.brain-heading,.brain-console,.brain-actions,.brain-feedback,.brain-description,.brain-footer{position:relative}.brain-kicker{letter-spacing:.2em;color:#b5c1b9;align-items:center;gap:10px;font:10px DM Mono,monospace;display:inline-flex}.brain-kicker i,.brain-hud i{background:var(--brain-green);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 12px #bef7a280}:root .brain-heading h1{letter-spacing:-.075em;text-shadow:none;margin:20px 0 17px;font-size:clamp(48px,6.6vw,90px);font-weight:500;line-height:1.08}:root .brain-heading h1 em{color:var(--brain-green);-webkit-text-fill-color:var(--brain-green);filter:none;background:0 0;font-style:normal}.brain-heading p{color:#a9b5ae;font-size:14px;line-height:1.8}.brain-console{max-width:900px;margin:36px auto 0}.brain-hud,.brain-console-bottom{color:#87978d;letter-spacing:.08em;justify-content:space-between;align-items:center;font:9px DM Mono,monospace;display:flex}.brain-hud{border-top:1px solid #91a99730;padding:15px 0}.brain-hud b{color:#c0cbc3;font-weight:400}.brain-hud i{margin-right:6px}.brain-scene{aspect-ratio:800/480;width:100%;position:relative}.brain-board{width:100%;height:100%;overflow:visible}.brain-traces{stroke:#4d715b;stroke-width:1px;opacity:.4;transition:opacity .6s}.brain-scene:hover .brain-traces,.is-active .brain-traces{opacity:1}.brain-data{stroke:var(--brain-green);stroke-dasharray:3 230;stroke-width:2px;animation:9s linear infinite brain-flow}.brain-orbit{fill:none;stroke:#81ac8b18;stroke-dasharray:3 9}.brain-block{fill:url(#brain-metal);stroke:#657769;stroke-width:1px;transition:stroke .25s,filter .25s}.brain-modules a{transform-box:fill-box;transform-origin:50%;transition:transform .25s}.brain-modules a:hover,.brain-modules a:focus-visible{outline:none;transform:translateY(-5px)}.brain-modules a:hover .brain-block,.brain-modules a:focus-visible .brain-block{stroke:var(--brain-green);filter:drop-shadow(0 0 8px #bef7a240)}.brain-symbol{fill:#bad0bf;text-anchor:middle;font:23px DM Mono,monospace}.brain-label{fill:#ced9d1;text-anchor:middle;font:11px DM Mono,monospace}.brain-node{fill:#90ad96}.brain-spine{stroke:#a3cc8f;stroke-dasharray:2 8;opacity:.35}.brain-float{fill:#759680;font:17px DM Mono,monospace;animation:6s ease-in-out infinite brain-float}:root .brain-slot{color:#b5d8a4;cursor:pointer;background:#b4ee9710;border:1px dashed #9ec78d;border-radius:12px 28px 12px 12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:20.7%;height:17.5%;font:12px DM Mono,monospace;transition:background .3s,box-shadow .3s;display:flex;position:absolute;top:40.2%;left:62.1%;transform:translate(-50%,-50%)}.brain-slot>span{font-size:25px;line-height:1}.brain-slot small{letter-spacing:.1em;font-size:8px}:root .brain-slot.ready{background:#b4ee9720;box-shadow:0 0 28px #bef7a225,inset 0 0 18px #bef7a215}:root .brain-piece{z-index:2;color:#d7ffc0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(140deg,#526846,#263724);border:1px solid #c7f7a6;border-radius:13px 25px 13px 13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:17%;height:20%;transition:transform .45s cubic-bezier(.3,1.5,.5,1),box-shadow .3s;display:flex;position:absolute;top:67%;left:85%;transform:translate(-50%,-50%);box-shadow:0 9px #111c10,0 13px 30px #0008,inset 0 1px #e0ffd140}.brain-piece:before{content:"";background:#4b6240;border:1px solid #c7f7a6;border-bottom:0;border-radius:10px 10px 0 0;width:24px;height:16px;position:absolute;top:-11px}.brain-piece>span{font-size:26px;line-height:1}.brain-piece strong{font:12px DM Mono,monospace}.brain-piece small{letter-spacing:.08em;font:6px DM Mono,monospace}.brain-piece.selected{box-shadow:0 9px #111c10,0 0 35px #bef7a23b}.is-dragging .brain-piece{cursor:grabbing}.is-dragging .brain-block{stroke:#95b386}.brain-caption{color:#b0c5b6;font:10px DM Mono,monospace;position:absolute;bottom:0;left:0;right:0}.brain-console-bottom{border-bottom:1px solid #91a99730;padding:23px 0 15px}.brain-console-bottom>div{align-items:center;gap:12px;display:flex}.brain-progress{gap:3px;display:flex}.brain-progress i{background:#344339;width:12px;height:5px}.brain-progress i.filled{background:#b5df9d}.brain-difficulty b{color:#b5df9d;font-weight:400}.brain-feedback{color:#a6b5aa;justify-content:center;align-items:center;gap:12px;min-height:52px;padding-top:20px;font:10px/1.7 DM Mono,monospace;display:flex}.brain-feedback strong{color:var(--brain-green);letter-spacing:.12em}.brain-actions{justify-content:center;align-items:center;gap:28px;padding-top:9px;display:flex}:root .brain-actions .button-primary{color:#182412;background:#c3efa8;border:1px solid #d5f8c1;border-radius:6px;padding:15px 23px;font-size:12px;box-shadow:inset 0 1px #fff7}.brain-explore{color:#c2ccc5;align-items:center;gap:10px;font-size:11px;display:inline-flex}.brain-replay{color:#aabdac;cursor:pointer;padding:10px}.brain-description{color:#7f9186;margin:22px auto 34px;font-size:11px;line-height:1.8}.brain-footer{letter-spacing:.1em;color:#718578;border-top:1px solid #91a99720;justify-content:space-between;padding:20px 0;font:8px DM Mono,monospace;display:flex}:root .brain-slot.connected{background:#30472c;border-style:solid;box-shadow:0 0 25px #bef7a230}.is-active .brain-block{stroke:#b3e99b;filter:drop-shadow(0 0 5px #bef7a22a)}.is-active .brain-node{fill:#d7ffc1}.is-active .brain-spine{opacity:1}.is-active .brain-data{animation-duration:3s}@keyframes brain-flow{to{stroke-dashoffset:-466px}}@keyframes brain-float{50%{transform:translateY(-7px)}}:root .brain-hero{text-align:left;background:radial-gradient(at 76% 48%,#24382b55,#0000 48%),linear-gradient(115deg,#0c1010,#0a100d);grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:center;column-gap:3%;min-height:100svh;padding:112px 5% 64px;display:grid}.brain-copy{z-index:1;padding:15px 0 28px;position:relative}.brain-mission{color:#8f9c93;align-items:center;gap:14px;margin-bottom:44px;font:9px DM Mono,monospace;display:flex}.brain-mission>span:first-child{color:#cee1ba;letter-spacing:.13em;border:1px solid #86987a55;border-radius:3px;padding:7px 9px}:root .brain-kicker{letter-spacing:.15em;color:#97a897;font-size:8px}:root .brain-heading h1{letter-spacing:-.065em;margin:20px 0 24px;font-size:clamp(44px,4.8vw,80px);font-weight:600;line-height:1.08;transition:transform 1s,text-shadow 1s}:root .brain-heading h1 em{-webkit-text-fill-color:transparent;text-shadow:0 0 35px #b7e89b12;background:linear-gradient(110deg,#d5f6a8,#8abc91);-webkit-background-clip:text;background-clip:text}:root .brain-lead{color:#d0d8d0;font-size:clamp(14px,1.25vw,19px);font-weight:400;line-height:1.7}:root .brain-heading .brain-description{color:#8b9990;max-width:390px;margin:14px 0 0;font-size:12px;line-height:1.9}:root .brain-actions{justify-content:flex-start;gap:20px;padding-top:30px}:root .brain-actions .button-primary{letter-spacing:.02em;gap:12px;padding:15px 20px;font-size:10px;transition:transform .3s,box-shadow .3s;box-shadow:0 0 24px #bef7a212,inset 0 1px #fff6}:root .brain-actions .button-primary:hover{transform:translateY(-2px)scale(1.025);box-shadow:0 0 32px #bef7a230}.brain-actions .button-primary svg:last-child{transition:transform .3s}.brain-actions .button-primary:hover svg:last-child{transform:translate(3px)}:root .brain-explore{cursor:pointer;background:0 0;border-bottom:1px solid #b1c5aa40;padding:12px 0;font-size:10px}.brain-sync{max-width:310px;margin-top:42px}.brain-sync>div:first-child{color:#a9b7a8;justify-content:space-between;font:9px DM Mono,monospace;display:flex}.brain-sync b{color:#d5edc0;font-weight:400}.brain-sync>div:first-child>span:last-child{color:#66796d;letter-spacing:.07em;font-size:7px}:root .brain-progress{background:#2a362d;height:3px;margin:11px 0;display:block;overflow:hidden}:root .brain-progress i{background:linear-gradient(90deg,#536d4f,#c5efa5);height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.brain-progress i:after{content:"";background:linear-gradient(90deg,#0000,#efffc966,#0000);animation:4s ease-in-out infinite brain-sync;position:absolute;inset:0}.brain-sync small{color:#7c8c81;font:8px DM Mono,monospace}:root .brain-console{width:100%;min-width:0;margin:30px 0 0}:root .brain-hud{letter-spacing:.06em;border-top-color:#91a99726;padding:14px 5px;font-size:8px}.brain-hud>span:last-child{color:#667d6c;font-size:7px}:root .brain-scene{aspect-ratio:800/580;perspective:1000px}.brain-assembly{transform:rotate(var(--brain-turn,0deg)) translateY(var(--brain-lift,0px));transition:transform .7s ease-out;position:absolute;inset:5% -5% 4%}.brain-assembly:before{content:"";filter:blur(24px);pointer-events:none;background:radial-gradient(#94bd5830,#0000 70%);border-radius:50%;animation:7s ease-in-out infinite brain-breathe;position:absolute;inset:10% 18%}:root .brain-board{width:100%;height:100%;position:absolute;top:0;left:0}:root .brain-slot{height:17.5%;top:40.2%}.brain-assembly{aspect-ratio:800/480;width:110%;inset:5% auto auto -5%}.brain-block{stroke:#6d856a;stroke-width:1.2px;filter:drop-shadow(0 5px #060c08)}.brain-modules a:hover .brain-block,.brain-modules a:focus-visible .brain-block{filter:drop-shadow(0 5px #121e12)drop-shadow(0 0 12px #bce49e55)}.brain-symbol{fill:#c0d5b7;font-size:22px}.brain-label{letter-spacing:.08em;font-size:10px}.brain-neural{stroke:#b8df9540;stroke-width:.7px;pointer-events:none}.brain-neural .brain-data{opacity:0;stroke-width:1.5px}.is-active .brain-neural .brain-data{opacity:1}:root .brain-piece{width:18%;height:20%;transform:translate(calc(-50% + var(--drag-x,0px)), calc(-50% + var(--drag-y,0px)));background:linear-gradient(145deg,#657a4b,#273a28);animation:5s ease-in-out infinite brain-piece-float;top:68%;left:85%}:root .brain-piece small{font-size:6px}.brain-piece .brain-tap-label{display:none}:root .is-dragging .brain-piece{transition:transform 80ms ease-out;animation:none}:root .brain-piece.selected{animation:none}:root .brain-piece.missed{animation:.55s ease-out brain-miss}.is-near .brain-traces,.is-inspecting .brain-traces{opacity:1;stroke:#c2eda4}:root .is-near .brain-slot{animation:1s ease-in-out infinite brain-target;box-shadow:0 0 32px #bef7a24d}:root .brain-slot.connected{animation:.7s cubic-bezier(.2,.9,.4,1.3) brain-connect}:root .brain-caption{color:#b9c9ae;text-align:center;min-height:15px;font-size:9px;bottom:0}:root .brain-feedback{text-align:center;justify-content:center;gap:8px;min-height:52px;padding:18px 4px 12px;font-size:9px}.brain-feedback-dot{background:#bedfa1;border-radius:50%;flex-shrink:0;width:4px;height:4px}.brain-feedback strong{font-size:8px}:root .brain-console-bottom{letter-spacing:.1em;border-top:1px solid #91a99722;border-bottom:0;padding:12px 3px;font-size:6px}.brain-xp{color:#d6f6b5;font:11px DM Mono,monospace;animation:.9s ease-out both brain-xp;position:absolute;top:8%;right:4%}.brain-xp span{margin-right:6px;font-size:19px}.brain-success-ring{pointer-events:none;border:1px solid #c9f2a6;border-radius:50%;animation:1.4s ease-out both brain-ring;position:absolute;inset:7% 22%}:root .is-active .brain-heading h1{text-shadow:0 0 40px #d5edb012;transform:translateY(-2px)}:root .brain-footer{align-items:center;padding:20px 0;font-size:7px;position:absolute;bottom:0;left:5%;right:5%}.brain-footer a{color:#abb9aa;align-items:center;gap:10px;display:inline-flex}.brain-hero:not(.on-screen) .brain-data,.brain-hero:not(.on-screen) .brain-float,.brain-hero:not(.on-screen) .brain-piece,.brain-hero:not(.on-screen) .brain-assembly:before{animation-play-state:paused}@keyframes brain-piece-float{50%{transform:translate(-50%,calc(-50% - 7px))rotate(2deg)}}@keyframes brain-breathe{50%{opacity:.5;transform:scale(.94)}}@keyframes brain-target{50%{background:#bce89538}}@keyframes brain-connect{0%{opacity:.5;transform:translate(-50%,-50%)scale(.86)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes brain-miss{20%,60%{transform:translate(calc(-50% - 5px),-50%)rotate(-2deg)}40%,80%{transform:translate(calc(5px - 50%),-50%)rotate(2deg)}}@keyframes brain-ring{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes brain-xp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brain-sync{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.brain-hero *,.brain-hero :before,.brain-hero :after{transition:none!important;animation:none!important}.brain-success-ring{display:none}}.brain-coach,.brain-coach-tools{color:var(--foreground);font-family:var(--font-mono)}.brain-coach-tools{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;padding:5px 2px 12px;font-size:8px;display:flex}.brain-coach-tools button,.brain-coach button{border:1px solid var(--border);color:var(--primary);background:var(--card);font:9px var(--font-mono);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;display:inline-flex}.brain-coach button:hover:not(:disabled),.brain-coach-tools button:hover{border-color:var(--primary)}.brain-coach button:disabled{cursor:default;opacity:.6}.brain-coach{border:1px solid var(--border);background:var(--background);border-radius:8px;margin:4px 0 15px;padding:16px}.brain-coach-label{color:var(--primary);font:8px var(--font-mono);letter-spacing:.08em;align-items:center;gap:7px;display:flex}.brain-coach p{font:11px/1.8 var(--font-sans);color:var(--foreground);margin:10px 0}.brain-coach small{font:8px/1.7 var(--font-mono);color:var(--muted-foreground)}.brain-challenge-invite{justify-content:space-between;align-items:center;gap:14px;display:flex}.brain-challenge-invite button{flex-shrink:0}.brain-coach-heading,.brain-coach-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.brain-coach-heading>span:last-child{color:var(--muted-foreground);white-space:nowrap;font-size:8px}.brain-choices{flex-wrap:wrap;gap:8px;margin:13px 0;display:flex}.brain-choices button{flex:1;min-height:40px}.brain-coach .brain-choices .correct{opacity:1;border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 15%, var(--background))}.brain-coach .brain-choices .incorrect{color:var(--muted-foreground)}.brain-coach-response{min-height:40px;margin-bottom:10px}.brain-coach-response p{color:var(--muted-foreground);font-size:10px}.brain-coach-response strong{color:var(--primary)}.brain-coach .brain-coach-exit{color:var(--muted-foreground);background:0 0;border-color:#0000}.brain-coach h3{margin-top:12px;font-size:18px;line-height:1.4}.brain-score{align-items:center;gap:20px;margin:15px 0;display:flex}.brain-score strong{color:var(--primary);font-size:24px}.brain-score>span{color:var(--muted-foreground);font-size:9px}.brain-score small{margin-top:4px;font-size:7px;display:block}.skeuo .brain-coach{box-shadow:var(--sk-recessed);background:linear-gradient(145deg,#181911,#10120d);border-color:#090b06}.skeuo .brain-coach button,.skeuo .brain-coach-tools button{background:var(--sk-brushed), var(--sk-panel-face);box-shadow:var(--sk-raised)}@media (width<=720px){.brain-challenge-invite{flex-direction:column;align-items:flex-start}.brain-coach{padding:12px}.brain-coach-heading{align-items:flex-start}.brain-coach-label{font-size:7px}.brain-coach button,.brain-coach-tools button{min-height:44px}.brain-choices{gap:5px}.brain-choices button{padding:8px;font-size:8px}.brain-coach-tools{font-size:7px}}
