.adventure-section{padding-top:100px;padding-bottom:100px}.roadmap-shell{padding:32px;background:#eef3e7;border:1px solid #dbe4d5;border-radius:32px}.roadmap-shell>label{font-weight:650;margin-right:18px}.roadmap-shell>select{padding:12px 20px;border:1px solid #acbcad;border-radius:14px;background:white;color:#173f34}.roadmap-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.roadmap-cards article{background:white;border-radius:24px;padding:28px;box-shadow:0 15px 30px #173f3408;transition:transform .3s}.roadmap-cards article:hover{transform:translateY(-5px)}.roadmap-cards article[hidden]{display:none}.adventure-number{display:grid;place-items:center;width:48px;height:48px;background:#e9f0c8;border-radius:16px;color:#173f34;font-weight:700;box-shadow:4px 5px 0 #c4d49b}.roadmap-cards h3{font-size:23px;margin:28px 0 14px}.roadmap-cards p{color:#586d60;line-height:1.7}.roadmap-cards a{display:block;margin-top:20px;font-weight:650;color:#173f34}.adventure-note{color:#667a69;font-size:14px;margin:24px 0 0;line-height:1.7}.challenge-section{background:#173f34;color:#fff;padding:90px 0;overflow:hidden}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.challenge-section .studio-kicker{color:#dfebac}.challenge-section h2{font-size:clamp(34px,4vw,58px);line-height:1.1;margin:25px 0}.challenge-section h2 em{color:#e4efb9}.challenge-section p{color:#d3e0d7;line-height:1.8}.challenge-options{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.challenge-options button{background:#eff5d8;border:0;border-radius:16px;padding:14px 18px;color:#173f34;font-weight:650;box-shadow:0 5px 0 #8aab71;transition:transform .2s}.challenge-options button:hover{transform:translateY(-3px)}.challenge-options button:active{transform:translateY(3px)}#challenge-feedback{min-height:58px}.robot-board{border:1px solid #698c76;border-radius:36px;background:linear-gradient(130deg,#456c58,#244c3f);padding:80px 28px 45px;box-shadow:0 30px 60px #0003, inset 0 2px 0 #ffffff40;transform:perspective(1000px) rotateY(-7deg) rotateX(8deg)}.robot-lane{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.robot-lane>span{display:grid;place-items:center;height:85px;background:#ffffff12;border:1px solid #a1bea05a;color:#deecaf;font-size:30px;border-radius:12px}.challenge-robot{position:absolute;left:calc(var(--robot-step,0)*20%);top:12px;width:20%;text-align:center;font-size:43px;transition:left 1.1s ease-in-out;filter:drop-shadow(0 8px 3px #0005)}.board-caption{text-align:center;margin-top:38px;letter-spacing:.08em;color:#e1ebc8;font-size:14px}.project-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-examples details{border:1px solid #d9e3d8;border-radius:26px;overflow:hidden;background:#f4f6ed;align-self:start;box-shadow:0 15px 35px #173f340b}.project-examples summary{cursor:pointer;list-style:none}.project-examples summary::-webkit-details-marker{display:none}.project-examples img{width:100%;height:230px;object-fit:cover;transition:transform .6s}.project-examples summary:hover img{transform:scale(1.025)}.project-examples summary>span{display:flex;justify-content:space-between;align-items:center;padding:24px;font-weight:650;font-size:21px}.project-examples b{font-size:26px;color:#738c60}.project-examples details[open] b{transform:rotate(45deg)}.project-examples details>div{padding:0 24px 28px;line-height:1.8;color:#52695b}.project-examples a{color:#173f34;font-weight:650}.trial-landing{display:grid;grid-template-columns:1fr 1fr;gap:70px}.trial-invitation h2{font-size:clamp(36px,4vw,58px);margin:25px 0}.trial-invitation p{line-height:1.8;max-width:470px}.trial-inline{background:#f0f4e8;border:1px solid #d8e2d3;padding:32px;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.trial-inline .mb-3:nth-last-of-type(-n+2),.trial-inline>button{grid-column:1/-1}.trial-inline>button{margin-top:10px}.trial-inline textarea{min-height:85px;max-height:180px}.roadmap-shell select:focus-visible,.challenge-options button:focus-visible,.project-examples summary:focus-visible{outline:3px solid #95b64f;outline-offset:5px}@media(max-width:800px){.adventure-section{padding-top:60px;padding-bottom:60px}.roadmap-cards,.project-examples,.challenge-grid,.trial-landing{grid-template-columns:1fr}.roadmap-shell{padding:22px}.roadmap-shell>label{display:block;margin-bottom:12px}.challenge-grid,.trial-landing{gap:30px}.robot-board{transform:none;padding:45px 15px 25px}.project-examples img{height:220px}.trial-inline{padding:22px;grid-template-columns:1fr}.trial-inline>*{grid-column:1!important}}@media(prefers-reduced-motion:reduce){.challenge-robot,.roadmap-cards article,.project-examples img,.challenge-options button{transition:none}}

#challenge-feedback{display:flex;align-items:center;gap:16px;border-radius:20px;padding:18px 22px;border:1px solid transparent;font-size:17px;line-height:1.6;transition:background .25s,color .25s;min-height:88px}.challenge-section.challenge-success #challenge-feedback{background:#ecf6bf;color:#173f34;border-color:#d0e990;box-shadow:0 12px 35px #0a251d40;animation:feedback-pop .45s ease-out}.challenge-section.challenge-retry #challenge-feedback{background:#fff0d2;color:#654817;border-color:#f4cd86;animation:feedback-pop .45s ease-out}.feedback-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#173f3412;font-size:28px;font-weight:700}.challenge-options button[aria-pressed=true]{outline:3px solid #fff;outline-offset:5px}.challenge-success .robot-lane>span:nth-child(4){background:#e8f6ad;color:#416127;box-shadow:0 0 30px #ddf88d70;animation:star-celebrate 1.2s ease-in-out 2}.challenge-success .board-caption{color:#f1ffc4;font-weight:700}.challenge-retry .robot-board{border-color:#d9b773}@keyframes feedback-pop{from{opacity:.4;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes star-celebrate{50%{box-shadow:0 0 45px #ddf88dc0;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){#challenge-feedback,.challenge-success .robot-lane>span:nth-child(4){animation:none!important;transition:none}}