/* Kral Sensin's pastel robot family. Keep workshop controls easy to read. */
:root{--paper:#fcfafc;--blue:#7661cb;--line:#e6e0ed;--purple:#b7a2ea;--mint:#8adbc8;--yellow:#ffdb76}
.site-header .brand{flex-shrink:0;line-height:0}.brand-logo{display:block;width:237px;height:79px;object-fit:contain}.site-header{height:106px}.nav .nav-pill{background:#eee8fc;color:#6c56b9}.btn.primary{box-shadow:0 4px 0 #59459f}.hero{padding:38px 0 48px;gap:24px}.hero h1 span{color:#8062c1}.hero .pill{background:#eee6fb;color:#695094}.hero .pill:before{background:#ae8add}.hero h1 em{background:linear-gradient(transparent 77%,#ffe2a0 0)}.brand-hero{position:relative;min-width:0;isolation:isolate;text-align:center;padding:0 10px 20px}.brand-hero:before{content:'';position:absolute;inset:14% 4% 4%;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#e7dafa 0,#f3ecfc 58%,#f8f3fd00 74%);border-radius:44%}.hero-mascot{display:block;width:100%;max-width:490px;height:auto;margin:auto;filter:drop-shadow(0 15px 20px #9b83be13)}.mascot-label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 15px;background:#fff;border:1px solid #e9def4;border-radius:99px;font-size:12px;color:#795f9e;font-weight:800;box-shadow:0 4px 0 #9b83be0b}.mascot-label span{color:#dfad45}.mascot-chip{position:absolute;z-index:2;border:1px solid #fff;background:#ffffffed;border-radius:14px;padding:11px 15px;font-size:13px;font-weight:800;color:#796098;box-shadow:0 8px 20px #7e63a01c}.mascot-chip.code{left:1%;top:31%;transform:rotate(-7deg)}.mascot-chip.build{right:0;bottom:22%;transform:rotate(5deg);color:#417f7b}.mascot-chip b{margin-right:6px;font-size:18px}.activity:nth-child(1){border-top:4px solid #c0a7ee}.activity:nth-child(2){border-top:4px solid #f5ce78}.activity:nth-child(3){border-top:4px solid #94daca}.activity-icon{background:#f0e8ff}.together-banner{background:#f0eafb;border-color:#e3d7f4}.room-panel{background:#f2edfb;border-color:#ded3f0}.board-panel{background:#eeebf5}.robot-board{background:#e2ddec;border-color:#d5cce2}.tile{background:#faf9fd;border-color:#e8e3ef}.tile.wall{background:#cbc2db;border-color:#b9adc9;color:#8f809f}.tile.goal{background:#fff1ca;color:#de9f1a}.tile.trail{background:#d0efe4}.party-stage .robot-celebrant{filter:drop-shadow(0 5px 4px #100e2725)}.party-stage .robot-eyes{transform-box:fill-box;transform-origin:center}.party-running .robot-eyes{animation:robot-blink 4s 1s 2}.party-finished .comic-oops{color:#d6c6f0}.party-stage .arm-a{transform-origin:44px 99px}.party-stage .arm-b{transform-origin:85px 99px}
@keyframes robot-blink{0%,42%,49%,100%{transform:scaleY(1)}45%,46%{transform:scaleY(.1)}}
@media(max-width:1000px){.brand-logo{width:207px;height:69px}.nav{gap:16px;font-size:12px}.hero{gap:15px}.mascot-chip{padding:9px 11px;font-size:11px}}
@media(max-width:700px){.site-header{height:84px;gap:8px}.brand-logo{width:194px;height:65px}.nav{top:79px}.hero{padding:28px 0 33px;gap:18px}.hero h1{font-size:47px}.brand-hero{max-width:460px;margin:auto;width:100%;padding-bottom:10px}.hero-mascot{max-width:390px}.mascot-chip.code{top:33%;left:0}.mascot-chip.build{right:0;bottom:23%}.mascot-label{font-size:11px}.mascot-chip{font-size:11px;padding:8px 10px}.mascot-chip b{font-size:15px}.activity{border-top-width:3px}}
@media(max-width:360px){.brand-logo{width:174px;height:58px}.menu-toggle{padding:9px;font-size:12px}.hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){.party-stage .robot-eyes{animation:none!important}}

.celebration h2.logo-title{margin:15px 0 4px;text-shadow:none;line-height:1.25}.party-stars{font-size:26px;gap:12px;margin-top:7px}.party-stars span:nth-child(2){font-size:36px}.party-stage{height:211px}.party-bubble{top:0}
@media(max-width:600px){.party-stars{font-size:23px;margin-top:7px}.party-stars span:nth-child(2){font-size:32px}.party-stage{height:186px}.party-bubble{top:0}.party-actions{margin-top:13px}.party-lesson{margin-bottom:10px}}
