@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:ital,wght@1,700&display=swap";:root{color:#18314a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#18314a;--muted:#677789;--paper:#fffdf8;--coral:#f36f56;--coral-dark:#d9533f;--blue:#3d83a8;--yellow:#efb83e;--green:#59a374;--purple:#8a6aae;--pink:#d96e8e;background:#f7f4ec;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #efb83e}.setup-page{background:#f7f4ec;min-height:100vh;position:relative;overflow:hidden}.setup-page:before{content:"";opacity:.17;pointer-events:none;background-image:radial-gradient(#244560 .6px,#0000 .6px);background-size:7px 7px;position:absolute;inset:0}.topbar,.game-header{z-index:2;border-bottom:1px solid #dcd9cf;justify-content:space-between;align-items:center;height:76px;padding:0 max(28px,50vw - 590px);display:flex;position:relative}.brand{color:var(--ink);letter-spacing:-.3px;align-items:center;gap:11px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--coral);border-radius:9px 9px 9px 3px;place-items:center;width:31px;height:31px;font-size:20px;display:grid;transform:rotate(-3deg);box-shadow:0 3px #c94c39}.tagline{color:var(--muted);letter-spacing:.05em;font-size:13px;font-weight:600}.setup-shell{z-index:1;grid-template-columns:.8fr 1.2fr;align-items:start;gap:86px;width:min(1120px,100% - 40px);margin:0 auto;padding:62px 0 72px;display:grid;position:relative}.setup-intro{padding-top:70px;position:sticky;top:20px}.eyebrow{color:var(--coral-dark);letter-spacing:.15em;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.eyebrow>span{background:var(--coral);width:28px;height:2px}.setup-intro h1{letter-spacing:-.065em;margin:18px 0 20px;font-size:clamp(54px,6vw,79px);font-weight:800;line-height:.93}.setup-intro h1 em{color:var(--coral);letter-spacing:-.04em;font-family:Fraunces,Georgia,serif;font-weight:700}.setup-intro>p{max-width:400px;color:var(--muted);font-size:18px;line-height:1.65}.mascot-line{height:128px;margin-top:42px;position:relative}.mascot-line svg{fill:none;stroke:#d4cfc2;stroke-width:1.5px;stroke-dasharray:5 7;width:230px;height:60px;position:absolute;top:47px;left:25px}.mini-mascot{z-index:2;border-radius:50%;place-items:center;width:55px;height:55px;font-size:30px;display:grid;position:absolute;box-shadow:0 5px #18314a24}.m1{background:#ffd8cc;top:36px;left:0;transform:rotate(-9deg)}.m2{background:#d7efdb;top:1px;left:106px;transform:rotate(5deg)}.m3{background:#dcebf2;top:44px;left:215px;transform:rotate(8deg)}.setup-card,.game-card,.history,.teacher-tools{background:var(--paper);border:1px solid #dedbd2;box-shadow:0 18px 45px #23354317,0 2px #2335430a}.setup-card{border-radius:18px;padding:38px 40px 34px}.setup-section{gap:24px;display:grid}.section-heading{align-items:flex-start;gap:14px;display:flex}.step-number{background:var(--coral);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid;box-shadow:0 3px #ca4e3a}.step-number.blue{background:var(--blue);box-shadow:0 3px #27637f}h2{letter-spacing:-.02em;margin:0;font-size:18px}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.team-heading{align-items:center}.team-count{color:var(--blue);letter-spacing:.1em;background:#e2f0f4;border-radius:50px;margin-left:auto;padding:5px 10px;font-size:10px;font-weight:800}.preset-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.preset-grid button{cursor:pointer;background:#fff;border:1px solid #d6d6d0;border-radius:9px;padding:10px 7px;font-size:13px;font-weight:700;transition:all .18s}.preset-grid button:hover{border-color:var(--coral);transform:translateY(-1px)}.preset-grid button.active{color:#a33c2e;border:2px solid var(--coral);background:#fff0eb;padding:9px 6px;box-shadow:0 2px #f5c3b7}.range-inputs{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid}.range-inputs label,.team-editor-row label{color:#6f7c89;text-transform:uppercase;letter-spacing:.09em;gap:7px;font-size:10px;font-weight:800;display:grid}.range-inputs input,.team-editor-row input{width:100%;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff;border:1px solid #ced1cf;border-radius:9px;padding:12px 13px;font-weight:700}.range-arrow{color:#9aa3a5;padding-bottom:10px;font-size:19px}.rule{background:#e4e1d9;height:1px;margin:31px 0}.team-editor-list{gap:11px;display:grid}.team-editor-row{grid-template-columns:49px 1fr auto;align-items:end;gap:12px;display:grid}.avatar-button{cursor:pointer;border:0;border-radius:13px;width:49px;height:49px;font-size:26px;transition:transform .2s}.avatar-button:hover{transform:rotate(9deg)scale(1.05)}.coral{--team:var(--coral);--team-soft:#ffded5}.blue{--team:var(--blue);--team-soft:#d9eaf2}.yellow{--team:var(--yellow);--team-soft:#ffedbd}.purple{--team:var(--purple);--team-soft:#e9dff1}.green{--team:var(--green);--team-soft:#d8ecde}.pink{--team:var(--pink);--team-soft:#f4dce4}.avatar-button,.current-avatar{background:var(--team-soft)}.remove-button{color:#9ca3a5;cursor:pointer;background:0 0;border:0;margin-bottom:6px;font-size:23px}.add-team{color:var(--blue);cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:13px;font-weight:800}.add-team span{border:1px dashed var(--blue);border-radius:7px;place-items:center;width:22px;height:22px;margin-right:7px;display:inline-grid}.start-button{background:var(--coral);color:#fff;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:28px;padding:15px 20px;font-size:13px;font-weight:800;transition:all .15s;box-shadow:0 4px #bf4937}.start-button span,.guess-form button span{float:right;font-size:19px;line-height:15px}.start-button:hover,.guess-form button:hover{background:#f47a62;transform:translateY(-1px);box-shadow:0 5px #bf4937}.start-button:active,.guess-form button:active{transform:translateY(3px);box-shadow:0 1px #bf4937}.form-error{color:#9d3429;background:#fff0eb;border-radius:8px;margin:13px 0 -8px;padding:9px 12px;font-size:13px;font-weight:600}.setup-page footer{z-index:1;color:#879092;text-align:center;border-top:1px solid #dedbd3;padding:23px;font-size:12px;position:relative}.game-page{background-color:#f2f0e9;background-image:linear-gradient(#22486309 1px,#0000 1px),linear-gradient(90deg,#22486309 1px,#0000 1px);background-size:28px 28px;min-height:100vh;padding-bottom:60px}.game-header{background:#fffdf8eb}.brand.compact{font-size:17px}.round-label{letter-spacing:.15em;color:#7d898f;font-size:10px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.round-label strong{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;margin-left:5px;font-size:12px;display:inline-grid}.text-button{color:#647581;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.text-button span{margin-right:5px}.scoreboard{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px;width:min(1000px,100% - 32px);margin:24px auto 18px;display:grid}.score-card{background:#fffdf8ed;border:1px solid #d9dad5;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px 13px;transition:all .2s;display:flex;position:relative}.score-card.active{border:2px solid var(--team);box-shadow:0 4px 0 color-mix(in srgb, var(--team) 35%, transparent);padding:9px 12px}.score-card.winner{border-color:var(--yellow);background:#fff9e5}.score-avatar{background:var(--team-soft);border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.score-info{gap:2px;min-width:0;display:grid}.score-info>span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.score-info strong{font-size:17px;line-height:1}.score-info small{color:#859096;letter-spacing:.08em;font-size:8px}.turn-pill{color:#fff;background:var(--team);letter-spacing:.08em;border-radius:30px;flex:none;margin-left:auto;padding:5px 7px;font-size:8px;font-weight:800}.win-pill{background:var(--yellow);color:#604812}.game-card{border-radius:17px;width:min(1000px,100% - 32px);min-height:470px;margin:0 auto;padding:36px 52px 42px;position:relative;overflow:hidden}.turn-prompt{text-align:left;justify-content:center;align-items:center;gap:15px;display:flex}.current-avatar{width:59px;height:59px;box-shadow:0 4px 0 color-mix(in srgb, var(--team) 33%, transparent);border-radius:17px;place-items:center;font-size:35px;display:grid}.turn-prompt span{color:var(--team,var(--coral));letter-spacing:.15em;font-size:9px;font-weight:800}.turn-prompt h1{letter-spacing:-.045em;margin:3px 0 0;font-size:clamp(24px,4vw,36px)}.range-panel{background:#f2f6f5;border:1px solid #dbe2df;border-radius:13px;margin:31px 0 22px;padding:19px 24px 13px}.range-meta{text-align:center;gap:3px;display:grid}.range-meta>span{color:#77868c;letter-spacing:.13em;font-size:9px;font-weight:800}.range-meta strong{letter-spacing:-.03em;font-size:23px}.range-meta small{color:#829093;margin:0 6px;font-size:11px;font-weight:500}.number-track{background:#d5dbda;border-radius:20px;height:18px;margin-top:17px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #1e394826}.eliminated{z-index:2;background:#d3d8d7;height:100%;position:absolute;top:0}.eliminated.left{border-radius:20px 0 0 20px;left:0}.eliminated.right{border-radius:0 20px 20px 0;right:0}.possible{z-index:3;background:linear-gradient(90deg,#5ca2b8,#49a57e);border-radius:20px;min-width:5px;height:100%;transition:left .5s,right .5s;position:absolute;top:0;box-shadow:0 0 0 2px #ffffffb3,0 2px 5px #1f696f47}.pulse-dot{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff40}.track-labels{color:#78878b;justify-content:space-between;margin-top:9px;font-size:10px;font-weight:700;display:flex}.track-labels .remaining{color:#3b8991;font-weight:800}.feedback{color:#28745b;background:#e8f3ef;border-radius:40px;align-items:center;gap:9px;width:fit-content;margin:0 auto 20px;padding:8px 16px 8px 9px;display:flex}.feedback.lower{color:#326e90;background:#eaf1f7}.feedback-arrow{background:#fff;border-radius:50%;place-items:center;width:33px;height:33px;font-size:20px;font-weight:800;display:grid}.feedback div{display:grid}.feedback strong{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.feedback small{color:#687b7c;font-size:10px}.guess-form{width:min(570px,100%);margin:0 auto}.guess-form label{text-transform:uppercase;color:#7a878c;letter-spacing:.12em;margin:0 0 7px 3px;font-size:9px;font-weight:800;display:block}.guess-row{grid-template-columns:1fr 195px;gap:9px;display:grid}.guess-row input{min-width:0;color:var(--ink);background:#fff;border:2px solid #cbd1d0;border-radius:10px;padding:12px 15px;font-size:18px;font-weight:800}.guess-row input::placeholder{color:#adb5b5;font-weight:500}.guess-form button{background:var(--coral);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border:0;border-radius:10px;padding:12px 15px;font-size:11px;font-weight:800;transition:all .15s;box-shadow:0 4px #bf4937}.game-bottom{grid-template-columns:1fr 255px;gap:18px;width:min(1000px,100% - 32px);margin:18px auto 0;display:grid}.history,.teacher-tools{border-radius:13px;padding:20px 22px;box-shadow:0 7px 20px #2335430d}.history h2,.teacher-tools h2{text-transform:uppercase;letter-spacing:.08em;font-size:13px}.history h2 span{color:#68777c;background:#e3e9e8;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:5px;font-size:9px;display:inline-grid}.empty-history{color:#8c9799;margin:17px 0 2px;font-size:12px;font-style:italic}.history-list{margin-top:10px;display:grid}.history-list>div{border-top:1px solid #ecebe5;grid-template-columns:28px 1fr auto 72px;align-items:center;gap:7px;padding:8px 0;font-size:11px;display:grid}.history-avatar{font-size:18px}.history-list strong{font-size:13px}.history-list i{text-align:center;color:#397d65;background:#e7f1ed;border-radius:20px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800}.history-list i.lower{color:#3e7897;background:#e8f0f6}.history-list i.correct{color:#87600c;background:#fff0bf}.teacher-tools{flex-direction:column;align-items:stretch;gap:9px;display:flex}.teacher-tools h2{margin-bottom:3px}.teacher-tools button,.secondary-button{text-align:left;color:#69777e;cursor:pointer;background:#fff;border:1px solid #d5d8d4;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700}.teacher-tools button:hover,.secondary-button:hover{border-color:var(--blue);color:var(--blue)}.win-state{z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.winner-mascot{background:#fff0c4;border:5px solid #fff;border-radius:50%;place-items:center;width:112px;height:112px;font-size:65px;animation:.75s both win-bounce;display:grid;position:relative;box-shadow:0 7px #e3b441,0 12px 30px #5843112e}.winner-mascot span{color:var(--yellow);font-size:30px;position:absolute;top:-7px;right:-5px;transform:rotate(15deg)}.eyebrow.centered{margin-top:30px}.win-state h1{letter-spacing:-.055em;text-align:center;margin:8px 0 2px;font-size:clamp(38px,6vw,61px)}.answer-copy{color:var(--muted);margin:0}.answer-copy strong{color:var(--coral);font-size:22px}.win-actions{gap:13px;width:min(400px,100%);margin-top:12px;display:grid}.win-actions .start-button{margin-top:14px}.secondary-button{text-align:center;background:0 0;padding:11px}.celebrate{animation:.65s ease-in-out infinite alternate mascot-party}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{--x:calc((var(--i) * 47) % 100);left:calc(var(--x) * 1%);background:hsl(calc(var(--i) * 41) 72% 58%);width:9px;height:16px;transform:rotate(calc(var(--i) * 23deg));animation:fall calc(2.2s + (var(--i) % 4) * .35s) linear calc((var(--i) % 7) * -.4s) infinite;position:absolute;top:-20px}@keyframes fall{to{top:110%;transform:rotate(640deg)}}@keyframes win-bounce{0%{transform:scale(.2)rotate(-20deg)}65%{transform:scale(1.15)rotate(7deg)}to{transform:scale(1)rotate(0)}}@keyframes mascot-party{to{transform:translateY(-5px)rotate(8deg)scale(1.08)}}@media (width<=800px){.setup-shell{grid-template-columns:1fr;gap:30px;padding-top:35px}.setup-intro{text-align:center;padding-top:15px;position:static}.setup-intro>p{margin-inline:auto}.eyebrow{justify-content:center}.mascot-line{width:290px;margin:25px auto -5px}.setup-intro h1{font-size:58px}.game-card{padding:32px 25px 38px}.game-bottom{grid-template-columns:1fr}.teacher-tools{grid-template-columns:1fr 1fr;display:grid}.teacher-tools h2{grid-column:1/-1}}@media (width<=560px){.topbar,.game-header{height:66px;padding-inline:17px}.tagline{display:none}.setup-shell{width:min(100% - 24px,520px);padding:24px 0 45px}.setup-intro{padding-top:5px}.setup-intro h1{font-size:46px}.setup-intro>p{font-size:15px}.mascot-line{margin-top:14px;transform:scale(.85)}.setup-card{padding:27px 20px}.preset-grid{grid-template-columns:repeat(2,1fr)}.range-inputs{grid-template-columns:1fr 20px 1fr;gap:5px}.team-editor-row{grid-template-columns:45px 1fr auto;gap:8px}.round-label,.brand.compact>span:last-child{display:none}.scoreboard{padding-bottom:5px;display:flex;overflow-x:auto}.score-card{min-width:205px}.game-card{width:calc(100% - 20px);min-height:440px;padding:28px 17px 32px}.turn-prompt{justify-content:flex-start}.current-avatar{width:51px;height:51px;font-size:29px}.turn-prompt h1{font-size:24px}.range-panel{padding-inline:14px}.range-meta strong{font-size:19px}.guess-row{grid-template-columns:1fr}.guess-form button{padding:15px}.game-bottom{width:calc(100% - 20px)}.history-list>div{grid-template-columns:26px 1fr auto}.history-list i{grid-column:2/-1;justify-self:start}.teacher-tools{grid-template-columns:1fr}.teacher-tools h2{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}