:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#063f32;--ink-strong:#042f26;--muted:#58736b;--paper:#e5fbf7;--cream:#fff7e8;--surface:#fff;--line:#063f3224;--yellow:#ffd338;--orange:#ff6b00;--blue:#145cff;--sky:#17a8f2;--pink:#f47ab7;--green:#08a85a;--mint:#d8faf3;--violet:#9c72ff;--shadow:0 9px 0 #063f3217;--soft-shadow:0 24px 60px #063f3221}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;background:linear-gradient(180deg, var(--paper) 0 520px, var(--cream) 520px 100%);margin:0;font-family:ui-rounded,Arial Rounded MT Bold,SF Pro Rounded,Segoe UI,Tahoma,Arial,sans-serif}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,input,textarea,select{border:0}img{max-width:100%;display:block}.shell{width:min(1180px,100% - 32px);margin:0 auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#e5fbf7e6;border-bottom:1px solid #063f3214;position:sticky;top:0}.nav{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;min-height:78px;display:flex}.brand{color:var(--ink-strong);align-items:center;gap:10px;font-size:2rem;font-weight:1000;line-height:1;display:inline-flex}.brand-mark{background:var(--ink);width:42px;height:34px;color:var(--pink);border-radius:8px;place-items:center;font-size:1.2rem;line-height:1;display:grid;position:relative;box-shadow:8px 8px #145cff29}.brand-mark:after{content:"";background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%);width:14px;height:14px;position:absolute;bottom:-7px;right:3px}.nav-links{background:#ffffffe0;border:1px solid #063f3214;border-radius:999px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex;box-shadow:0 12px 34px #063f3214}.main{padding:0 0 64px}.band{padding:42px 0}.hero-band{background:var(--paper);align-items:stretch;min-height:640px;display:grid;overflow:hidden}.hero-grid{align-items:center;min-height:640px;padding:44px 0 96px;display:grid;position:relative}.hero-copy{z-index:12;text-align:right;justify-self:start;gap:18px;width:min(610px,100%);display:grid;position:relative}h1,h2,h3,p{margin:0}h1{max-width:13ch;color:var(--ink-strong);letter-spacing:0;font-size:5.9rem;font-weight:1000;line-height:.88}.hero-copy h1{color:var(--ink);text-shadow:7px 7px #f47ab757,13px 13px #ffd33880;font-size:6.5rem}h2{color:var(--ink-strong);letter-spacing:0;font-size:3rem;font-weight:1000;line-height:.98}h3{color:var(--ink-strong);letter-spacing:0;font-size:1.14rem;font-weight:1000;line-height:1.25}.lead{max-width:62ch;color:var(--muted);font-size:1.13rem;font-weight:760;line-height:1.8}.eyebrow{background:var(--yellow);width:fit-content;color:var(--ink-strong);border-radius:999px;padding:8px 13px;font-size:.9rem;font-weight:1000;box-shadow:0 7px #063f3214}.shape-crew-scene{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape-crew-scene:before{content:"";background:var(--cream);width:70%;height:42%;position:absolute;bottom:-26%;right:-8%;transform:skewY(-16deg)}.shape-crew-scene:after{content:"";opacity:.72;background:#fff;width:52%;height:34%;position:absolute;top:42%;left:-10%;transform:skewY(21deg)}.scene-orbit{z-index:1;aspect-ratio:1;background:#ffffffb8;border-radius:50%;width:min(470px,43vw);position:absolute;top:16%;left:4%}.scene-card{z-index:7;color:#fff;min-width:150px;box-shadow:var(--shadow);border-radius:8px;gap:4px;padding:16px 18px;display:grid;position:absolute;transform:rotate(-4deg)}.scene-card span{opacity:.82;text-transform:uppercase;font-size:.8rem;font-weight:1000}.scene-card strong{font-size:1.2rem;line-height:1}.scene-card-blue{background:var(--blue);bottom:18%;left:6%}.scene-card-yellow{background:var(--orange);top:19%;left:30%;transform:rotate(5deg)}.shape-friend{z-index:5;filter:drop-shadow(0 16px #063f3214);position:absolute}.friend-eyes,.friend-eyes:before,.friend-mouth{display:block;position:absolute}.friend-eyes{background:#fff;border-radius:50%;width:30px;height:30px;top:30%;left:50%;transform:translate(-50%);box-shadow:42px 0 #fff}.friend-eyes:before{content:"";background:#141414;border-radius:50%;width:13px;height:17px;top:6px;left:12px;box-shadow:42px 0 #141414}.friend-mouth{border-bottom:6px solid #141414;border-radius:0 0 70px 70px;width:54px;height:25px;top:64%;left:50%;transform:translate(-50%)}.friend-pill{background:var(--sky);border-radius:999px;width:260px;height:78px;top:32%;left:6%;transform:rotate(-1.5deg)}.friend-pill .friend-eyes{top:24%;left:48%}.friend-pill .friend-mouth{border-bottom-width:5px;width:42px;top:58%}.friend-clover{background:radial-gradient(circle at 32% 30%, var(--green) 0 31%, transparent 32%), radial-gradient(circle at 68% 30%, var(--green) 0 31%, transparent 32%), radial-gradient(circle at 32% 70%, var(--green) 0 31%, transparent 32%), radial-gradient(circle at 68% 70%, var(--green) 0 31%, transparent 32%), radial-gradient(circle at 50% 50%, var(--green) 0 35%, transparent 36%);width:190px;height:160px;bottom:18%;left:25%;transform:rotate(-7deg)}.friend-clover .friend-eyes{top:35%;left:39%;transform:rotate(11deg)}.friend-clover .friend-mouth{width:42px;top:62%;transform:translate(-50%)rotate(-10deg)}.friend-burst{aspect-ratio:1;background:var(--orange);clip-path:polygon(50% 0,60% 22%,84% 13%,76% 39%,100% 50%,76% 61%,84% 87%,60% 78%,50% 100%,40% 78%,16% 87%,24% 61%,0 50%,24% 39%,16% 13%,40% 22%);width:136px;top:18%;left:22%;transform:rotate(8deg)}.friend-burst .friend-eyes{width:20px;height:20px;top:35%;left:41%;box-shadow:34px 0 #fff}.friend-burst .friend-eyes:before{width:10px;height:13px;top:4px;left:7px;box-shadow:34px 0 #141414}.friend-burst .friend-mouth{background:#141414;border:0;border-radius:999px;width:34px;height:8px;top:63%}.friend-bubble{background:var(--pink);border-radius:999px;width:205px;height:86px;bottom:15%;left:10%;transform:rotate(3deg)}.friend-bubble:after{content:"";background:var(--pink);clip-path:polygon(0 0,100% 0,100% 100%);width:28px;height:22px;position:absolute;bottom:-10px;right:12px}.friend-bubble .friend-eyes{top:27%;left:44%;transform:translate(-50%)scale(.88)}.friend-bubble .friend-mouth{width:46px;top:59%}.friend-triangle{aspect-ratio:1;background:var(--yellow);clip-path:polygon(50% 2%,100% 98%,0 98%);width:160px;bottom:20%;left:43%;transform:rotate(-5deg)}.friend-triangle .friend-eyes{top:45%;left:39%;transform:translate(-50%)scale(.72)}.friend-triangle .friend-mouth{width:40px;height:16px;top:68%}.speech-friend{z-index:8;width:122px;height:82px;box-shadow:var(--shadow);background:#fff;border-radius:44px 44px 44px 14px;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;top:48%;left:34%;transform:rotate(5deg)}.speech-friend:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);background:#fff;width:28px;height:24px;position:absolute;bottom:-16px;right:13px}.speech-friend span{aspect-ratio:1;background:var(--blue);border-radius:50%;width:14px}@media (prefers-reduced-motion:no-preference){.friend-pill,.friend-triangle,.scene-card-yellow{animation:6.5s ease-in-out infinite float-soft}.friend-clover,.friend-bubble,.speech-friend{animation:7.5s ease-in-out infinite reverse float-soft}}@keyframes float-soft{0%,to{translate:0}50%{translate:0 -10px}}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button,.icon-button{min-height:46px;color:var(--ink-strong);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:1000;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 7px #063f321a}.button{padding:11px 18px}.icon-button{width:46px;padding:0}.button:hover,.icon-button:hover{transform:translateY(3px);box-shadow:0 4px #063f321a}.button.primary{background:var(--orange);color:#fff}.button.sky{background:var(--blue);color:#fff}.button.leaf{background:var(--green);color:#fff}.button.berry{background:var(--pink);color:var(--ink-strong)}.button.ghost{box-shadow:none;background:#ffffff8c}.panel{box-shadow:var(--soft-shadow);background:#ffffffeb;border:1px solid #063f321a;border-radius:8px}.panel.pad{padding:22px}.stack{gap:18px;display:grid}.page-stack{padding-top:34px}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mission-card,.submission-card,.stat-card{box-shadow:var(--shadow);background:#fff;border:1px solid #063f321a;border-radius:8px;overflow:hidden}.mission-card{grid-template-rows:auto 1fr;min-height:100%;display:grid;transform:rotate(-.35deg)}.mission-card:nth-child(2n){transform:rotate(.45deg)}.mission-card:nth-child(3n){transform:rotate(-.6deg)}.mission-top{background:var(--blue);color:#fff;align-items:flex-start;gap:12px;min-height:92px;padding:16px;display:flex}.mission-card:nth-child(2n) .mission-top{background:var(--orange)}.mission-card:nth-child(3n) .mission-top{background:var(--green)}.mission-card:nth-child(4n) .mission-top{background:var(--pink);color:var(--ink-strong)}.mission-top h3{color:inherit}.mission-top .muted{color:#ffffffd1}.mission-card:nth-child(4n) .mission-top .muted{color:#063f32b8}.mission-emoji{width:48px;height:48px;color:var(--ink-strong);background:#fff;border-radius:8px;flex:none;place-items:center;font-size:1.45rem;display:grid}.mission-body{background:#fff;gap:12px;padding:16px;display:grid}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--yellow);width:fit-content;max-width:100%;color:var(--ink-strong);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.86rem;font-weight:1000;line-height:1.25;display:inline-flex}.muted{color:var(--muted)}.small{font-size:.9rem;line-height:1.55}.form{gap:12px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--ink-strong);font-size:.92rem;font-weight:1000}.input,.textarea,.select{width:100%;min-height:46px;color:var(--ink-strong);background:#f4fffd;border:2px solid #0000;border-radius:8px;outline:none;padding:11px 13px}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue);background:#fff}.textarea{resize:vertical;min-height:118px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.side-menu{gap:8px;display:grid;position:sticky;top:100px}.side-menu a{color:var(--ink-strong);background:#fff;border-radius:8px;padding:12px 14px;font-weight:1000;box-shadow:0 7px #063f3214}.side-menu a:nth-child(3n+1){border-right:8px solid var(--orange)}.side-menu a:nth-child(3n+2){border-right:8px solid var(--blue)}.side-menu a:nth-child(3n){border-right:8px solid var(--green)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.page-title{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:8px;padding:28px;position:relative;overflow:hidden}.page-title:after{content:"";aspect-ratio:1;background:var(--orange);width:148px;box-shadow:-72px -30px 0 var(--pink), 82px -18px 0 var(--blue);opacity:.95;border-radius:50%;position:absolute;bottom:-34px;left:28px}.page-title>*{z-index:1;position:relative}.page-title .eyebrow{color:var(--ink-strong)}.page-title h1,.auth-card h1{color:#fff;text-shadow:none}.data-list{gap:10px;display:grid}.data-row{background:#f7fffd;border:1px solid #063f3214;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.artwork-image{aspect-ratio:4/3;object-fit:cover;background:#eef7f5;width:100%}.submission-card{transition:transform .15s,box-shadow .15s;transform:rotate(-.25deg)}a .submission-card:hover{transform:translateY(-4px)rotate(-.25deg);box-shadow:0 13px #063f3217}.submission-card:nth-child(2n){transform:rotate(.35deg)}.submission-card:nth-child(3n){transform:rotate(-.45deg)}.submission-body{background:#fff;gap:10px;padding:14px;display:grid}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.score-grid .field{min-width:0}.score-grid input{text-align:center}.leaderboard{gap:12px;display:grid}.leader-row{box-shadow:var(--shadow);background:#fff;border:1px solid #063f321a;border-radius:8px;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;padding:15px;display:grid}.leader-row:first-child{background:var(--yellow)}.leader-row:nth-child(2n){background:#f8fffd}.rank{background:var(--orange);color:#fff;border-radius:8px;place-items:center;width:46px;height:46px;font-weight:1000;display:grid}.empty-state{color:var(--muted);box-shadow:var(--shadow);background:#fff;border:1px solid #063f3217;border-radius:8px;padding:24px;font-weight:800}.alert{color:#8a1f1f;background:#fff0f0;border-radius:8px;padding:13px;font-weight:900}.success{color:#226034;background:#ecfff2}.guide-box{background:#f4fffd;border-radius:8px;padding:12px}.guide-box summary{cursor:pointer}.auth-shell{place-items:center;min-height:calc(100svh - 78px);padding:34px 0;display:grid}.auth-card{background:var(--ink);color:#fff;width:min(520px,100%);position:relative;overflow:hidden}.auth-card:after{content:"";background:var(--pink);width:142px;height:112px;box-shadow:70px -22px 0 var(--yellow), 118px 8px 0 var(--sky);border-radius:999px;position:absolute;bottom:-34px;left:-18px}.auth-card>*{z-index:1;position:relative}.auth-card .eyebrow{color:var(--ink-strong)}.auth-card .muted{color:#dff5ef}.auth-card .input{background:#fff}.ltr{text-align:left;direction:ltr}@media (max-width:980px){h1{font-size:4.5rem}.hero-copy h1{font-size:5rem}h2{font-size:2.45rem}.scene-card-yellow{left:36%}.friend-triangle{left:48%}}@media (max-width:860px){.grid.two,.grid.three,.admin-layout,.form-grid{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start;padding:14px 0}.nav-links{border-radius:8px;justify-content:flex-start;width:100%}.hero-band,.hero-grid{min-height:660px}.hero-grid{align-items:start;padding:32px 0 250px}.hero-copy{width:min(100%,560px)}.shape-crew-scene{top:180px}.scene-orbit{width:420px;top:20%;left:3%}.friend-pill{top:31%;left:4%}.friend-burst{top:16%;left:17%}.friend-clover{bottom:16%;left:31%}.friend-triangle{bottom:18%;left:58%}.scene-card-yellow{top:18%;left:42%}.side-menu{position:static}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){body{background:linear-gradient(180deg, var(--paper) 0 500px, var(--cream) 500px 100%)}.shell{width:min(100% - 20px,1180px)}.brand{font-size:1.45rem}.nav-links .button{flex:1 1 0;width:auto;min-width:0;padding-inline:8px;font-size:.9rem}.hero-band,.hero-grid{min-height:650px}.hero-grid{padding:24px 0 230px}h1{font-size:3.25rem}.hero-copy h1{text-shadow:4px 4px #f47ab757,8px 8px #ffd33880;font-size:4.05rem}h2{font-size:2rem}.lead{font-size:1rem}.button{width:100%}.nav-links .button{width:auto}.shape-crew-scene{top:420px}.shape-crew-scene:before{width:110%;right:-38%}.shape-crew-scene:after{width:86%;left:-32%}.scene-orbit{width:310px;top:18%;left:-26px}.scene-card{min-width:126px;padding:13px 14px}.scene-card-blue{bottom:17%;left:12px}.scene-card-yellow{top:14%;left:172px}.friend-pill{width:185px;height:60px;top:32%;left:2px}.friend-pill .friend-eyes{transform:translate(-50%)scale(.72)}.friend-burst{width:96px;top:22%;left:128px}.friend-clover{width:140px;height:120px;bottom:18%;left:128px}.friend-bubble{width:150px;height:66px;bottom:21%;left:4px}.friend-triangle{width:110px;bottom:18%;left:226px}.speech-friend{width:92px;height:64px;top:44%;left:180px}.data-row,.leader-row{grid-template-columns:1fr}.panel.pad,.page-title{padding:18px}}