:root{font-family:Arial,sans-serif;color:#24334a;background:#f1f5fa;font-size:16px;--blue:#2361bf;--orange:#c36512}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:white;border:1px solid #d9e1eb;border-radius:12px;padding:13px 17px;color:#24334a;font-weight:700;min-height:48px}button:hover{background:#eef4ff;border-color:#2361bf}button:focus-visible,input:focus-visible,select:focus-visible,.hand:focus-visible{outline:3px solid #3c75de;outline-offset:4px}button:disabled{cursor:default;opacity:.7}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 3vw;background:white;border-bottom:1px solid #e1e6ee}.brand{color:#24334a;text-decoration:none;font-size:23px;display:flex;align-items:center;gap:7px}.brandicon{background:#2462c0;color:white;border-radius:12px;padding:4px 10px;font-size:30px;margin-right:5px}.brand b{font-weight:400}nav{display:flex;background:#eef2f8;border-radius:14px;padding:5px;gap:4px}nav button{border:0;background:transparent}nav .selected{background:#24334a;color:white}.quiet{font-size:14px}main{max-width:1500px;margin:auto;padding:24px 3vw;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:25px}.workspace{background:white;border:1px solid #e1e7ef;border-radius:24px;padding:20px 24px;min-width:0;box-shadow:0 8px 30px #26364b05}.topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:bold;color:#5a6c83}#periodBadge{padding:7px 13px;border-radius:20px;background:#edf3fc;font-size:14px;color:#2359a3}.clockwrap{max-width:610px;width:min(100%,66vh);margin:0 auto}svg{width:100%;display:block;user-select:none;touch-action:none}.hand{cursor:grab;touch-action:none}.hand:active{cursor:grabbing}.hit{stroke:transparent;stroke-width:48;stroke-linecap:round}.hour{stroke:var(--blue);stroke-width:17;stroke-linecap:round;pointer-events:none}.minute{stroke:var(--orange);stroke-width:11;stroke-linecap:round;pointer-events:none}.readouts{text-align:center;min-height:94px}.digital{font-size:52px;font-weight:700;letter-spacing:3px;font-variant-numeric:tabular-nums;line-height:1.15}.words{font-size:25px;margin-top:7px}.hint{font-size:14px;color:#627084;text-align:center;margin:13px 0}.nudges{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.nudges button{padding:9px 13px;min-height:44px}aside{background:white;border:1px solid #e1e7ef;border-radius:24px;padding:25px;height:fit-content}.panelhead{margin-bottom:22px}h1{font-size:27px;letter-spacing:-.7px;margin:9px 0}p{line-height:1.5}.panelhead p{font-size:14px;color:#637186;margin:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f5;cursor:pointer;font-size:15px}.toggle input{appearance:none;width:42px;height:25px;border-radius:20px;background:#c8d1dd;position:relative;flex-shrink:0;cursor:pointer}.toggle input:before{content:'';position:absolute;width:19px;height:19px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .15s}.toggle input:checked{background:#2462c0}.toggle input:checked:before{transform:translateX(17px)}.setting{margin-top:19px}.setting>label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}select,input[type=time]{width:100%;border:1px solid #d7dfeb;border-radius:10px;background:white;color:#24334a;padding:12px;min-height:48px}.row{display:flex;gap:8px}.row input{min-width:0}.wide{width:100%;margin-top:15px}.primary{background:#2462c0;color:white;border-color:#2462c0}.primary:hover{background:#194f9d;color:white}.tip{background:#eff5fe;padding:16px;border-radius:14px;font-size:14px;margin-top:22px}.tip p{margin-bottom:0;color:#51647f}.gameNote{font-size:13px;color:#66758a}h2{font-size:24px;line-height:1.4}#stars{font-size:23px;letter-spacing:3px;color:#aa6500;margin-top:22px;overflow-wrap:anywhere}#answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}#answers button{font-size:20px;padding:16px 8px}#answers.wordsOptions{grid-template-columns:1fr}#answers.wordsOptions button{font-size:17px}#feedback{font-weight:700;min-height:24px}.chosen{background:#e3efff;border-color:#2462c0}footer{display:flex;gap:28px;justify-content:center;color:#596b80;font-size:13px;padding:0 20px 22px;flex-wrap:wrap}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.blue{background:var(--blue)}.orange{background:var(--orange)}[hidden]{display:none!important}@media(min-width:1600px){main{max-width:1750px;grid-template-columns:minmax(0,1fr) 390px}.clockwrap{max-width:740px}aside{font-size:18px}}@media(max-width:850px){header{flex-wrap:wrap;padding:15px}.brand{font-size:19px}.quiet{font-size:0}.quiet:first-letter{font-size:24px}nav{order:3;width:100%}nav button{flex:1}main{grid-template-columns:1fr;padding:15px;gap:15px}.clockwrap{width:100%;max-width:560px}.workspace{padding:15px 10px}.eyebrow{font-size:11px}.words{font-size:22px}.digital{font-size:44px}aside{padding:23px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.hour{stroke:#e3294b}.minute{stroke:#008fc4}.red{background:#e3294b}.blue{background:#008fc4}.hourText{color:#d82042}.minuteText{color:#007fae}.colon{color:#536078;margin:0 .12em}.playing .readouts{display:none}.playing .clockwrap{width:min(100%,49vh);max-width:570px}.playing #dragHint{margin:8px 0}.playing #challenge{max-width:800px;margin:0 auto;text-align:center}.playing #stars{margin:0;font-size:20px}.playing #question{font-size:24px;margin:8px 0 14px}.playing #answers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.playing #answers button{font-size:28px;min-height:65px;padding:12px}.playing #answers.wordsOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.playing #answers.wordsOptions button{font-size:20px}.playing #check,.playing #next{max-width:420px}.playing #periodChoice{justify-content:center}.playing #feedback{margin:12px 0 0}.playing .workspace{align-self:start}#gameHelpers h2{font-size:18px;margin-top:24px}.playing .hint{font-size:14px}@media(max-width:650px){.playing #answers{grid-template-columns:repeat(2,minmax(0,1fr))}.playing .clockwrap{width:100%}.playing #answers button{font-size:23px}.playing #answers.wordsOptions button{font-size:17px}}
.duoSetup{max-width:920px;margin:28px auto;background:white;border:1px solid #dae3f0;border-radius:24px;padding:32px}.duoSetup h1{font-size:36px}.duoConfig{display:grid;grid-template-columns:1fr 1fr;gap:48px}.duoConfig .row>div{flex:1}.duoRules{background:#edf4ff;border-radius:16px;padding:20px;margin:24px 0}.duoRules p{margin:8px 0 0}.duoToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 3vw}.duoToolbar>div{display:flex;gap:8px}.duoBoards{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 3vw}.duoBoard{min-width:0;background:white;border:3px solid var(--team);border-radius:22px;padding:16px 22px}.team0{--team:#7142b8;--tint:#f3edfc}.team1{--team:#087d70;--tint:#e6f5f1}.teamHeading{display:flex;align-items:center;justify-content:space-between;color:var(--team);gap:10px}.teamHeading h2{margin:0;font-size:27px}.teamScore{background:var(--tint);padding:10px 17px;border-radius:22px;font-size:24px;font-weight:bold}.duoPrompt{text-align:center;font-size:18px;margin:10px 0 0}.duoClock{width:min(100%,45vh);max-width:510px;margin:auto}.duoChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.duoChoices button{font-size:30px;min-height:62px;touch-action:manipulation}.duoChoices.wordChoices button{font-size:20px}.duoChoices button:disabled{opacity:1}.duoChoices .correctAnswer{background:#e1f3e7;border:3px solid #218049}.duoChoices .wrongAnswer{background:#fff0ed;border:3px solid #c3503d}.duoFeedback{text-align:center;min-height:27px;margin:13px 0 0;font-weight:bold;font-size:17px}.duoFeedback.correct{color:#196a40}.duoFeedback.incorrect{color:#94382a}.duoRoundBottom{text-align:center;padding:8px 20px 22px}.duoRoundBottom p{margin:10px 0}.duoRoundBottom button{font-size:20px;min-width:260px}.duoToolbar .timeLow{color:#bc2643}.duoResult{max-width:900px;margin:35px auto;text-align:center;background:white;border:2px solid #dcc078;border-radius:28px;padding:44px 25px;background-image:radial-gradient(circle at 10% 10%,#fff1bc 0,transparent 40%),radial-gradient(circle at 95% 85%,#e8e0fc 0,transparent 40%)}.duoResult h1{font-size:clamp(30px,4vw,54px);margin:16px 0}.celebration{color:#b07809;font-size:64px;letter-spacing:20px;margin-bottom:20px}.celebrate .celebration{animation:starCelebrate 1.5s ease-in-out 3}.duoFinalScores{display:flex;justify-content:center;gap:24px;margin:28px auto}.duoFinalScores>div{display:flex;flex-direction:column;gap:8px;background:var(--tint);color:var(--team);border:2px solid var(--team);border-radius:18px;padding:20px 34px;min-width:180px}.duoFinalScores strong{font-size:60px}.duoResult button{margin:6px}.duoActive footer{margin-top:12px}@keyframes starCelebrate{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.18) rotate(3deg)}}@media(max-width:850px){.duoSetup{margin:15px;padding:22px}.duoConfig{gap:22px}.duoBoards{gap:8px;padding:0 10px}.duoBoard{padding:10px;border-radius:14px}.teamHeading{flex-direction:column}.teamHeading h2{font-size:22px}.teamScore{font-size:20px;padding:5px 12px}.duoChoices button{font-size:24px;padding:10px 4px}.duoChoices.wordChoices button{font-size:16px}.duoToolbar{flex-wrap:wrap}.duoPrompt{font-size:15px}.duoClock{width:100%}.duoFeedback{font-size:14px}}@media(max-width:550px){.duoConfig{grid-template-columns:1fr}.duoChoices{grid-template-columns:1fr}.duoChoices button{min-height:48px}.duoFinalScores{gap:10px}.duoFinalScores>div{min-width:0;padding:16px}.duoToolbar button{font-size:14px}.duoToolbar>strong{font-size:15px}}@media(prefers-reduced-motion:reduce){.celebrate .celebration{animation:none}}

.settingsToolbar{grid-column:1/-1;display:flex;justify-content:flex-end;margin-bottom:-10px}#singleMain.settingsClosed{grid-template-columns:minmax(0,1fr)}#singleMain.settingsClosed .workspace{width:100%}#singleMain.settingsClosed .clockwrap{width:min(100%,58vh);max-width:760px}.playing #singleMain.settingsClosed .clockwrap{width:min(100%,48vh);max-width:660px}#singleMain.settingsClosed #challenge{max-width:1000px}@media(max-width:850px){.settingsToolbar{margin-bottom:0}.settingsToolbar button{width:100%}#singleMain.settingsClosed .clockwrap{width:min(100%,58vh)}}
.raceTrack{height:9px;background:#dfe7f2;margin:0 3vw 14px;border-radius:9px;overflow:hidden}#duoTimeBar{height:100%;width:100%;background:#2361bf;transition:width .08s linear}#duoTimer{font-variant-numeric:tabular-nums;font-size:32px}.duoChoices .correctAnswer{box-shadow:0 0 0 2px #21804920}