@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#263c42;--border:#344e48;--cream:#fff9df;--yellow:#ffdc64;--green:#368066}*{box-sizing:border-box}body{margin:0;background:#d7edbf;color:var(--ink);font-family:Nunito,Arial,sans-serif}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:4px solid #ec8446;outline-offset:4px}button:disabled{cursor:default;filter:grayscale(.6);opacity:.55}h1,h2,.logo,.name-tag,.go,.jar b{font-family:Fredoka,'Trebuchet MS',sans-serif}h1,h2,p{margin-top:0}.masthead{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:#eff9e7}.logo{font-weight:700;letter-spacing:1px;line-height:.95;font-size:28px;color:#225e54;text-decoration:none;text-shadow:1px 2px #fff}.logo>span{display:block;font-size:18px;transform:rotate(-4deg);letter-spacing:0;color:#a65e23;margin-bottom:3px}.logo small{display:block;font:900 8px Nunito;letter-spacing:1.4px;margin-top:7px}.top-actions{display:flex;gap:18px;align-items:center}.top-actions a,.top-actions button{font-size:12px;color:#3d6258;font-weight:800}.top-actions button{border:1px solid #94af95;background:#fff9df;border-radius:20px;padding:8px 13px}.version-link{text-decoration:none;border-bottom:1px dashed #6f8d77}.cartoon-world{position:relative;background:#91dbea url('meadow.svg') center bottom/cover no-repeat;border:3px solid var(--border);border-radius:25px;overflow:hidden;min-height:580px;isolation:isolate}.cartoon-world:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff20,transparent 60%);z-index:-1}main{max-width:1180px;margin:0 auto}body:before{content:'';position:absolute;inset:0 0 auto;height:220px;background:#eff9e7;z-index:-1}.hud{display:flex;justify-content:space-between;align-items:start;position:absolute;top:18px;left:22px;right:22px;z-index:2}.episode{display:block;background:#fff6d2;border:2px solid var(--border);box-shadow:0 3px #344e4830;border-radius:12px;padding:9px 13px;font-weight:900;font-size:14px;transform:rotate(-3deg)}.episode small{display:block;font-size:9px;font-weight:700;margin-top:2px}.jar{border:2px solid var(--border);background:var(--yellow);border-radius:13px;padding:8px 17px;text-align:center;transform:rotate(3deg);box-shadow:0 3px #344e4830}.jar>span{font-size:8px;letter-spacing:1px;font-weight:900;display:block}.jar b{font-size:25px;display:block}.jar small{font-size:10px}.scene-heading{text-align:center;padding:42px 190px 0;position:relative;z-index:1}.ribbon{font-size:10px;font-weight:900;letter-spacing:2px;color:#285b61}.scene-heading h1{font-size:clamp(30px,4.5vw,49px);letter-spacing:-.7px;line-height:1.1;margin:8px 0;color:#214953;text-shadow:0 2px #ffffffb5}.scene-heading p{font-size:14px;font-weight:800;margin:12px 0 0}.speech{position:relative;width:max-content;max-width:520px;margin:20px auto 0;background:#fffdf0;border:2px solid var(--border);border-radius:20px;padding:12px 24px;text-align:center;box-shadow:0 4px #344e4820;z-index:2;min-height:70px}.speech:after{content:'';position:absolute;bottom:-10px;left:60%;width:17px;height:17px;background:#fffdf0;border-right:2px solid var(--border);border-bottom:2px solid var(--border);transform:skew(-15deg) rotate(45deg)}.speaker{font-size:9px;letter-spacing:1.2px;font-weight:900;color:#80558d}.speech p{font-size:15px;font-weight:800;margin:5px 0}.scene-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6ca46c transparent;position:relative;z-index:1;padding-top:10px}.cast{display:flex;justify-content:center;align-items:flex-end;gap:10px;padding:0 65px 5px;min-width:650px;height:255px}.character{position:relative;width:170px;height:245px;border:0;background:none;padding:0 5px 35px;flex:1;max-width:190px;min-width:105px;color:var(--ink);transition:filter .2s;isolation:isolate}.character>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(1px 2px 0 #32534550);transform-origin:50% 95%;animation:idle 4s ease-in-out infinite;animation-delay:var(--delay)}.character-shadow{position:absolute;left:7%;right:7%;bottom:28px;height:25px;border-radius:50%;background:#47634335;z-index:-1}.character.focused .character-shadow{background:#fff0a1;border:2px dashed #b28b35;box-shadow:0 0 0 6px #ffffc45c}.character.chosen .character-shadow{background:#f5d450;border:2px solid #58734b}.character:hover>img{filter:drop-shadow(0 0 4px #fff)}.name-tag{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-3deg);padding:5px 15px;border:2px solid var(--border);border-radius:9px;background:var(--cream);font-size:17px;font-weight:600;box-shadow:0 3px #344e4820}.character.chosen .name-tag{background:var(--yellow)}.chosen-star{position:absolute;top:6px;right:6%;font-size:30px;color:#ffe269;-webkit-text-stroke:1.5px #8b6224;animation:pop .3s ease-out}.clip-tag{position:absolute;right:3px;bottom:60px;background:#fff0a1;border:2px solid #876337;border-radius:6px;padding:1px 5px;font-size:23px;transform:rotate(10deg)}.scene-caption{text-align:center;font-size:11px;font-weight:800;margin:13px 0;color:#46634b}.scene-caption span{display:none}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.character-panel,.mission-panel{border:2px solid var(--border);border-radius:19px;box-shadow:0 4px #70886b40;background:var(--cream);padding:18px 22px}.character-panel{background:linear-gradient(120deg,var(--duck-color),#fff9df 65%)}.character-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.label{font-size:9px;font-weight:900;letter-spacing:1.5px}.character-heading h2{font-size:29px;margin:0}.character-heading p{font-size:12px;font-weight:700;max-width:130px;text-align:right;margin:0}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.skills>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px}.skills>div>span:first-child{font-size:10px;font-weight:800}.skills b{font-size:15px}.skills em{color:#9f6517;font-size:12px;font-style:normal}.pips{display:flex;gap:3px;width:100%;margin-top:3px}.pips i{display:block;flex:1;height:7px;border-radius:3px;background:#d8d9bc;border:1px solid #a0ad89}.pips i.on{background:#598c65;border-color:#3f6c4b}.join{width:100%;border:2px solid var(--border);padding:9px;background:#ffe18b;border-radius:10px;color:var(--ink);font-size:13px;font-weight:900;box-shadow:0 2px #344e4830}.join.remove{background:#dbecc7}.mission-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.available{color:#367151;font-size:10px;font-weight:900}.mission-panel>p{font-size:14px;margin:14px 0}.equipment-row{display:flex;align-items:center;gap:10px;border-top:1px dashed #b2b89d;padding-top:12px}.clipboard{background:#f3d782;border:2px solid #7d7041;border-radius:6px;font-size:28px;line-height:1.1;padding:2px 6px;transform:rotate(-6deg)}.equipment-row b{font-size:13px}.equipment-row small{display:block;font-size:11px;margin-top:3px}.equipment-row button{margin-left:auto;border:2px solid var(--border);background:white;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:900}.departure{display:flex;align-items:center;gap:20px;padding:15px 22px;background:#fff9df;border:2px solid var(--border);border-radius:17px;box-shadow:0 5px #70886b40;margin-bottom:20px}.crew-label>span{display:block}.crew-label>span:last-child{font-size:10px;margin-top:5px;max-width:155px}.crew-seats{display:flex;gap:12px;flex:1}.crew-seats>button,.empty-seat{border:2px dashed #a6b290;border-radius:11px;min-width:120px;height:58px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:12px;background:#eff1d9;color:#50644e}.crew-seats>button{border-style:solid;border-color:#63835c;background:#e4edc2;padding:4px 10px}.crew-seats img{width:34px;height:46px;object-fit:contain}.empty-seat b{font:500 25px Fredoka;color:#8d9d7d}.go{background:#f5bb4c;border:2px solid #775225;box-shadow:0 4px #ad7731;border-radius:13px;padding:14px 26px;font-size:21px;font-weight:600;color:#453a27;white-space:nowrap}.go:hover:not(:disabled){background:#ffd26c;transform:translateY(-1px)}.go>span{margin-left:15px}.go:disabled{background:#d9d7ac;border-color:#929a79;box-shadow:0 3px #9ea783}.after-scene{text-align:center;padding:18px}.after-scene p{font-weight:800;font-size:14px}.plain{display:block;margin:20px auto 0;border:0;background:none;text-decoration:underline;color:#3d6258}.results-world{min-height:610px}.results-world .scene-heading{padding-top:75px}.result-stage{display:flex;justify-content:center;align-items:center;gap:30px;margin:30px auto 0;max-width:720px;padding:0 20px}.result-duck{height:320px;width:270px;object-fit:contain;animation:entrance .6s ease-out, idle 4s .6s infinite;transform-origin:bottom}.result-speech{background:#fffcec;border:3px solid var(--border);border-radius:28px;padding:24px;max-width:350px;box-shadow:5px 6px #344e4825;animation:pop .4s ease-out}.result-speech h2{font-size:27px;margin:0 0 12px}.result-speech p{font-weight:700;line-height:1.5}.result-speech strong{display:block;font:600 46px Fredoka;color:#357651}.result-speech small{font-size:11px;display:block;margin-top:10px}.final-pair{display:flex;justify-content:center;gap:55px;margin:25px 0 0}.final-pair img{height:245px;width:200px;object-fit:contain;animation:idle 3s infinite;transform-origin:bottom}.final-pair img:nth-child(2){animation-delay:-1.5s}.total-bubble{position:relative;width:max-content;margin:0 auto 25px;padding:12px 38px;border:3px solid #775225;background:#ffdf73;border-radius:18px;box-shadow:0 5px #ba9043;transform:rotate(-2deg)}.total-bubble span{font-weight:900;font-size:11px;letter-spacing:1.5px;display:block}.total-bubble strong{font:600 49px Fredoka;display:block;text-align:center}.celebration{position:absolute;top:230px;left:15%;right:15%;display:flex;justify-content:space-between;color:#ffd24e;font-size:45px;-webkit-text-stroke:1px #c79531;animation:idle 2s infinite}.end-bubble{background:var(--cream);border:3px solid var(--border);border-radius:25px;max-width:500px;padding:30px;margin:50px auto;box-shadow:5px 7px #344e4825;text-align:center}.end-bubble p{line-height:1.6}.end-bubble a{display:block;margin-top:20px;color:#357151;font-size:12px}.small{font-size:12px}footer{max-width:1180px;margin:25px auto;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#4e6c4e}footer button{border:0;background:none;text-decoration:underline;color:inherit;font-size:11px}dialog{width:min(450px,calc(100% - 24px));max-height:90dvh;overflow-y:auto;background:var(--cream);border:3px solid var(--border);border-radius:24px;color:var(--ink);padding:24px}dialog::backdrop{background:#163c4b70;backdrop-filter:blur(3px)}dialog h2{font-size:27px;margin:10px 0}dialog p{font-size:13px;line-height:1.5}.close{float:right;background:none;border:0;font-size:26px;color:var(--ink)}.holder{display:flex;align-items:center;gap:12px;width:100%;padding:6px 12px;margin:8px 0;background:white;border:2px solid #b6bc9b;border-radius:12px;color:var(--ink);text-align:left}.holder.active{background:#e6efc8;border-color:#48744b}.holder img{width:40px;height:52px;object-fit:contain}.holder small{display:block;font-size:11px;margin-top:2px}.holder>b{margin-left:auto}#toast:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 20px;border:2px solid var(--border);background:var(--cream);font-size:13px;font-weight:800;z-index:20;border-radius:13px;max-width:90%;width:max-content;box-shadow:0 4px #344e4830}
@keyframes idle{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-4px)}}@keyframes pop{0%{transform:scale(.85);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes entrance{from{transform:translateX(-50px) rotate(-5deg);opacity:0}to{transform:translateX(0);opacity:1}}.paused *{animation:none!important;transition:none!important}
@media(max-width:1220px){main,footer{margin-left:20px;margin-right:20px}.scene-heading{padding-left:170px;padding-right:170px}.cast{padding-left:30px;padding-right:30px}}
@media(max-width:800px){.scene-heading{padding:110px 15px 0}.scene-heading h1{font-size:37px}.cartoon-world{min-height:630px}.speech{max-width:90%;margin-top:18px;padding:11px 20px}.controls{grid-template-columns:1fr;gap:12px}.departure{gap:12px;flex-wrap:wrap;padding:15px}.crew-label{width:100%;display:flex;justify-content:space-between;align-items:center}.crew-label>span:last-child{max-width:none;margin:0}.crew-seats{gap:8px}.crew-seats>button,.empty-seat{min-width:95px}.go{font-size:18px;padding:14px 17px}.scene-scroll{margin-top:10px}.scene-caption span{display:block;font-size:10px;margin-top:4px}.cast{padding:0 20px 8px;height:250px}.character{height:240px}.scene-heading p{font-size:13px}.results-world .scene-heading{padding-top:110px}.result-stage{gap:14px}.result-duck{width:40%;height:280px}.result-speech{width:55%;padding:18px}.result-speech p{font-size:13px}.result-speech strong{font-size:37px}}
@media(max-width:480px){main,footer{margin-left:10px;margin-right:10px}.masthead{padding:15px 14px;gap:10px}.logo{font-size:23px}.logo>span{font-size:16px}.logo small{font-size:6px}.top-actions{flex-direction:column;gap:7px;align-items:flex-end}.top-actions a,.top-actions button{font-size:10px}.top-actions button{padding:5px 9px}.cartoon-world{border-radius:20px;min-height:588px;background-size:auto 630px}.hud{left:12px;right:12px;top:13px}.episode{font-size:12px;padding:8px 10px}.episode small{font-size:8px}.jar{padding:7px 10px}.jar b{font-size:23px}.scene-heading{padding-top:103px}.scene-heading h1{font-size:33px}.scene-heading p{font-size:11px;line-height:1.5;max-width:280px;margin:8px auto 0}.speech{padding:9px 14px;min-height:64px}.speech p{font-size:13px}.speaker{font-size:8px}.cast{height:230px;min-width:620px;gap:3px;padding:0 12px 8px}.character{height:218px;min-width:110px;padding-bottom:33px}.name-tag{font-size:15px;padding:4px 12px}.scene-caption{font-size:10px;margin:9px 0}.character-panel,.mission-panel{padding:15px}.character-heading h2{font-size:26px}.skills{gap:8px}.skills>div>span:first-child{font-size:9px}.skills b{font-size:13px}.mission-panel>p{font-size:13px}.departure{display:grid;grid-template-columns:1fr;gap:13px}.crew-label{gap:12px}.crew-label>span:last-child{font-size:9px;text-align:right}.crew-seats{width:100%;justify-content:center}.crew-seats>button,.empty-seat{flex:1}.departure .go{width:100%}.result-stage{flex-direction:column;gap:0;margin-top:15px}.result-duck{height:220px;width:180px}.result-speech{width:90%;max-width:330px;padding:15px;margin-top:-10px;position:relative}.result-speech h2{font-size:21px;margin-bottom:6px}.result-speech p{margin-bottom:7px}.result-speech strong{font-size:32px}.results-world{padding-bottom:25px;min-height:650px}.final-pair{gap:5px;margin:40px 0 15px}.final-pair img{width:44%;height:240px}.total-bubble{padding:13px 26px}.celebration{top:260px;left:6%;right:6%;font-size:27px}.end-bubble{margin:30px 15px;padding:22px}.end-bubble h2{font-size:25px}footer{font-size:9px;align-items:center}}
.selection-count{display:inline-block;background:#fff4b8;border:2px solid #60734a;border-radius:20px;padding:4px 15px;margin-top:9px;font-size:12px;font-weight:900}
.scene-heading .choose-prompt{font-weight:900}
.selected-banner{position:absolute;left:50%;bottom:67px;transform:translateX(-50%) rotate(-7deg);background:#ffdf64;border:3px solid #47572f;color:#263c29;padding:7px 11px;border-radius:8px;font:900 13px Nunito,sans-serif;white-space:nowrap;box-shadow:0 4px #273c2930;pointer-events:none;z-index:2}
.go-control{position:relative}
#go-hint{visibility:hidden;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#fff9df;color:#263c42;border:2px solid #344e48;border-radius:10px;padding:10px 14px;width:230px;font-size:12px;font-weight:800;box-shadow:0 3px #344e4830;z-index:5;text-align:center}
.go-control:hover #go-hint,.go-control:focus-within #go-hint{visibility:visible}
.go[aria-disabled="true"]{background:#d9d7ac;border-color:#929a79;box-shadow:0 3px #9ea783}
@media(max-width:480px){.selected-banner{font-size:10px;padding:6px 8px;bottom:59px}.go-control{width:100%}.go-control .go{width:100%}}
.speech{margin-left:0;margin-right:0;width:max-content;max-width:min(400px,calc(100% - 28px));transition:left .18s ease-out}
.speech:after{left:var(--tail-x,50%);transition:left .18s ease-out}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.september{background-image:url('barbecue.svg')}.resting img{filter:saturate(.45);opacity:.75}.resting-banner{position:absolute;bottom:67px;left:50%;transform:translateX(-50%) rotate(-5deg);background:#e2e9ee;border:2px solid #536771;border-radius:8px;padding:7px 10px;font-weight:900;font-size:12px;z-index:2}.september .cast{gap:0}.september .character{min-width:125px}@media(max-width:480px){.september .cast{min-width:740px}.september .character{min-width:115px}.resting-banner{bottom:59px;font-size:10px}}