@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
.hero-art{top:20px}
:root{--purple:#6338ca;--purple-dark:#4820a7;--violet:#8c64ec;--pink:#ff668f;--yellow:#ffcc4a;--ink:#302351;--muted:#817796;--panel:#fff;--green:#40c892;--soft:#f6f1ff;--shadow:0 14px 42px #3f1d8015}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:'Nunito',sans-serif;background:radial-gradient(ellipse at 16% 26%,#ffe6f0 0,transparent 31%),radial-gradient(ellipse at 83% 10%,#e8dfff 0,transparent 30%),linear-gradient(153deg,#fffafd 0%,#f5f0ff 52%,#fff9ec 100%);overflow-x:hidden}.app-shell{width:min(1160px,calc(100% - 42px));margin:0 auto;position:relative;z-index:1}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:'Baloo 2',sans-serif;font-weight:800;font-size:24px;letter-spacing:-.5px}.brand-clock{font-size:30px;filter:drop-shadow(0 4px 4px #d7c7f0)}.brand-accent{color:var(--purple);margin-left:4px}.top-actions{display:flex;align-items:center;gap:12px}.sound-toggle,.tiny-help{border:1px solid #e6ddf6;background:#ffffffb8;color:var(--purple);font:800 13px 'Nunito',sans-serif;border-radius:16px;padding:9px 13px;cursor:pointer}.tiny-help{width:34px;height:34px;padding:0;border-radius:50%;font-size:17px}.sky-decor{position:fixed;pointer-events:none;opacity:.6}.decor-star{top:150px;left:5%;color:#ffc839;font-size:31px}.decor-cloud{top:420px;right:4%;font-size:66px;color:#d7c3ff}.decor-sun{bottom:55px;left:5%;font-size:43px;color:#ffbb56}.home-screen{padding-top:38px}.hero-copy{width:55%;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:11px;font-weight:900;letter-spacing:1.8px;color:var(--purple)}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:20px;background:#fff;box-shadow:0 5px 17px #5530ad13}.eyebrow-sparkle{color:#ffae39;font-size:17px}h1,h2,p{margin-top:0}.hero-copy h1{font:800 56px/.99 'Baloo 2',sans-serif;letter-spacing:-1.5px;margin:18px 0 13px}.hero-copy h1 span{color:var(--purple)}.hero-text{font-size:16px;color:#746a87;max-width:465px;line-height:1.65;margin-bottom:18px;font-weight:700}.hero-badges{display:flex;gap:8px;flex-wrap:wrap}.hero-badges span{padding:8px 11px;border-radius:18px;background:#fff;font-size:11px;font-weight:900;box-shadow:0 4px 14px #5530ad0c}.hero-art{position:absolute;right:4%;top:108px;width:38%;height:310px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px dashed #b89af4;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:285px;height:205px}.orbit-two{width:230px;height:290px;transform:rotate(38deg);border-color:#ffd583}.hero-clock{width:206px;height:206px;border-radius:50%;background:linear-gradient(140deg,#fceb9f,#ffc74b);padding:11px;box-shadow:0 15px 0 #e99b37,0 28px 35px #6033a335;transform:rotate(-9deg);position:relative;z-index:1}.hero-clock-face{width:100%;height:100%;position:relative;border:5px solid #fff8de;border-radius:50%;background:linear-gradient(145deg,#fffef7,#fff7da);box-shadow:inset 0 5px 14px #c9902644}.hc-num{position:absolute;font:800 17px 'Baloo 2';color:#5334a4}.n12{top:8px;left:calc(50% - 8px)}.n3{right:11px;top:calc(50% - 11px)}.n6{bottom:5px;left:calc(50% - 5px)}.n9{left:10px;top:calc(50% - 11px)}.hc-hand{position:absolute;left:50%;bottom:50%;border-radius:9px;transform-origin:bottom center;background:#7d57da}.hc-hour{height:53px;width:9px;transform:translateX(-50%) rotate(28deg)}.hc-minute{height:73px;width:6px;transform:translateX(-50%) rotate(153deg);background:#ff668f}.hc-pin{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#ff668f;border:3px solid #fff}.hc-smile{position:absolute;left:calc(50% - 8px);top:calc(50% + 17px);color:#ae7b31;font:800 21px 'Nunito'}.float-star{position:absolute;color:#ffb931;z-index:2}.star-a{left:10%;top:30px;font-size:31px}.star-b{right:9%;top:72px;font-size:39px;color:var(--pink)}.hero-clock-caption{position:absolute;bottom:7px;right:6px;border-radius:16px;background:#fff;padding:10px 14px;font:800 13px 'Baloo 2';box-shadow:var(--shadow);transform:rotate(3deg);z-index:2}.game-card,.leaderboard-card{background:#fff;border:1px solid #eee7fb;border-radius:25px;box-shadow:var(--shadow)}.game-card{margin-top:41px;padding:25px 28px 22px}.card-heading,.leader-head{display:flex;justify-content:space-between;align-items:center}.card-heading h2,.leader-head h2{font:800 22px 'Baloo 2';margin:3px 0 0}.sparkle-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff4ca;color:#ffb62f;font-size:23px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.mode-card{position:relative;text-align:left;border:1.5px solid #e6def5;background:#fff;border-radius:17px;padding:15px 45px 14px 58px;min-height:79px;cursor:pointer;color:var(--ink);font-family:'Nunito';transition:.18s}.mode-learning{border-color:#b9a0f4;background:#faf7ff}.mode-emoji{position:absolute;left:16px;top:19px;font-size:29px}.mode-name{display:block;font:900 15px 'Baloo 2';margin-bottom:1px}.mode-info{display:block;font-size:11px;color:var(--muted);font-weight:700}.mode-arrow{position:absolute;right:17px;top:25px;color:var(--purple);font-size:22px}.mode-card:disabled{cursor:default;opacity:.75;background:#fbfafc}.coming-soon{position:absolute;right:12px;top:11px;font-size:8px;letter-spacing:1px;font-weight:900;color:#a48fc6;background:#f0ebf7;border-radius:12px;padding:4px 7px}.setup-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:19px}.setup-label{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#9087a1;display:block;margin-bottom:7px}.segmented{display:flex;background:#f6f3fa;padding:4px;border-radius:12px;gap:4px}.segment{flex:1;border:0;border-radius:9px;background:transparent;padding:9px 7px;color:#817796;font:800 12px 'Nunito';cursor:pointer}.segment.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px #48326d14}.level-note{font-size:10px;font-weight:700;color:#8c819f;margin-top:6px;min-height:14px}.start-button{margin-top:14px;width:100%;height:49px;border:0;border-radius:14px;color:#fff;background:linear-gradient(105deg,#7546dc,#5830bd);box-shadow:0 6px 0 #422193,0 11px 18px #5830bd30;font:900 13px 'Nunito';letter-spacing:1.5px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;transition:transform .15s,box-shadow .15s}.start-button:hover,.check-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #422193,0 13px 22px #5830bd34}.button-arrow{position:absolute;right:20px;font-size:20px;letter-spacing:0}.leaderboard-card{margin-top:15px;padding:20px 25px}.leader-head h2{font-size:19px}.trophy{font-size:24px}.leaderboard{margin-top:13px}.empty-leader{color:#978da8;font-size:12px;font-weight:700;margin:0;padding:10px 0}.leader-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;border-top:1px solid #f0ecf5;padding:9px 5px;font-size:12px;font-weight:800}.rank-badge{font-size:16px}.leader-name{color:#514568}.leader-score{color:var(--purple)}.footer-note{text-align:center;padding:20px 0 24px;color:#9d93ad;font-size:10px;font-weight:800}.footer-note span{margin:0 7px;color:#d1bfdc}.hidden{display:none!important}
/* Play screen */
.game-screen{padding:20px 0 40px}.game-topline{display:flex;align-items:center;gap:18px}.back-button{border:0;background:#fff;border-radius:12px;padding:9px 13px;color:var(--purple);font:900 12px 'Nunito';box-shadow:0 4px 15px #4b2b8714;cursor:pointer}.game-player{font-size:12px;color:var(--muted);font-weight:700}.game-player strong{color:var(--ink)}.game-stats{margin-left:auto;display:flex;align-items:center;gap:9px}.score-pill,.lives-pill{padding:8px 12px;border-radius:15px;background:#fff;box-shadow:0 4px 15px #4b2b8714;font-size:13px}.score-pill strong{color:#5530b8}.lives-pill{letter-spacing:2px}.game-title-row{display:flex;justify-content:space-between;align-items:center;margin:26px 2px 15px}.game-title-row h1{font:800 32px 'Baloo 2';margin:2px 0}.game-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:19px;align-items:stretch}.clock-panel,.challenge-panel{background:#fff;border:1px solid #eee7fb;border-radius:23px;box-shadow:var(--shadow)}.clock-panel{padding:20px 23px 18px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font:800 19px 'Baloo 2';margin:0}.panel-heading p{color:#958ba4;font-size:11px;font-weight:700;margin:2px 0}.clock-emoji{font-size:24px}.clock-wrap{width:min(100%,355px);margin:7px auto 0;position:relative}.clock-face{width:100%;aspect-ratio:1;position:relative;touch-action:none;user-select:none;outline:none}.clock-svg{width:100%;height:100%;overflow:visible}.clock-rim{fill:#ffc94d;stroke:#f2ad31;stroke-width:3}.clock-inner{fill:#fffdf5;stroke:#fff5d9;stroke-width:9}.clock-numbers text{font-family:'Baloo 2',sans-serif;font-size:22px;font-weight:800;fill:#4e3784;text-anchor:middle;dominant-baseline:middle}.clock-numbers text.small-clock-num{font-size:14px;fill:#a297b5}.clock-hand{stroke-linecap:round;cursor:grab;transition:transform .12s ease}.clock-hand:active{cursor:grabbing}.hand-hour{stroke:#724bd1;stroke-width:10}.hand-minute{stroke:#ff678f;stroke-width:7}.clock-center{fill:#ff678f;stroke:#fff;stroke-width:3}.hand-hit{position:absolute;left:50%;top:50%;border:0;background:transparent;padding:0;cursor:pointer;transform-origin:50% 100%;touch-action:none}.hour-hit{height:32%;width:20%;transform:translate(-50%,-100%)}.minute-hit{height:47%;width:14%;transform:translate(-50%,-100%)}.clock-shadow{width:73%;height:13px;background:#6642b31b;border-radius:50%;margin:2px auto 0;filter:blur(4px)}.hand-controls{display:flex;justify-content:center;gap:8px;margin-top:11px}.hand-select{border:1px solid #eee8f5;background:#fff;border-radius:20px;padding:7px 13px;color:#817796;font:800 11px 'Nunito';cursor:pointer}.hand-select.active{border-color:#b9a0f4;background:#f7f3ff;color:var(--purple)}.hand-swatch{display:inline-block;width:5px;height:14px;border-radius:3px;vertical-align:middle;margin-right:6px}.hour-swatch{background:#724bd1}.minute-swatch{background:#ff678f;width:3px}.clock-readout{display:flex;align-items:center;justify-content:space-between;max-width:355px;margin:10px auto 0;border-top:1px solid #f2edf7;padding-top:10px;font-size:11px;color:#90869f;font-weight:800}.clock-readout strong{font:800 17px 'Baloo 2';color:var(--purple)}.challenge-panel{padding:17px;display:flex;flex-direction:column;gap:12px}.challenge-card{position:relative;border-radius:19px;background:linear-gradient(145deg,#fff5cd,#fff0dc);text-align:center;padding:19px 15px 16px;overflow:hidden}.challenge-sparkle{position:absolute;right:18px;top:12px;font-size:22px;color:#f6b939}.challenge-label{font-size:10px;letter-spacing:1.6px;color:#a07830;font-weight:900}.target-time{font:800 46px/1.15 'Baloo 2';color:#5431a8;letter-spacing:1px;margin-top:2px}.target-caption{font-size:10px;font-weight:800;color:#927d59}.digital-clock{display:inline-flex;align-items:center;gap:7px;margin-top:13px;background:#372b57;border-radius:9px;padding:7px 10px;color:#c8ffb0;box-shadow:inset 0 2px 5px #130b2c}.digital-dot{height:6px;width:6px;border-radius:50%;background:#6ee66c;box-shadow:0 0 7px #7fff76}.digital-time{font:700 19px 'Nunito';letter-spacing:1px}.digital-label{font-size:7px;letter-spacing:1px;color:#9e92b7;margin-left:3px}.check-button{width:100%;margin-top:14px;height:43px;border:0;border-radius:12px;background:linear-gradient(100deg,#ff7797,#ff6287);box-shadow:0 5px 0 #dc4d76;color:white;font:900 12px 'Nunito';letter-spacing:1.3px;cursor:pointer;transition:.15s}.check-button span{font-size:17px;margin-left:5px}.check-hint{font-size:9px;color:#a08d69;font-weight:800;margin-top:8px}.tip-card{display:flex;gap:10px;align-items:flex-start;border:1px solid #eee7fa;border-radius:14px;padding:11px;background:#fcfaff}.tip-icon{font-size:19px}.tip-card strong{font:800 11px 'Baloo 2';display:block}.tip-card p{font-size:9px;line-height:1.45;color:#9086a0;font-weight:700;margin:2px 0 0}.round-progress{display:flex;align-items:center;gap:7px;padding:2px 3px;font-size:10px;color:#91879e;font-weight:800}.round-progress strong{color:var(--purple)}.progress-dots{margin-left:auto;display:flex;gap:4px}.progress-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#e9e3f1}.progress-dots i.filled{background:#a78ae9}.timer-wrap{text-align:center;display:flex;align-items:center;gap:8px}.timer-label{font-size:9px;font-weight:900;letter-spacing:1px;color:#a38dba}.timer-ring{height:44px;width:44px;border:3px solid var(--pink);border-radius:50%;display:grid;place-items:center;color:#e35279;font:900 19px 'Baloo 2';background:#fff}.timer-wrap.urgent .timer-ring{animation:pulse .6s infinite alternate;background:#fff0f3}@keyframes pulse{to{transform:scale(1.1)}}.feedback{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 30px));z-index:4;padding:12px 15px;border-radius:18px;background:#fff;box-shadow:0 12px 45px #321b6140;display:flex;align-items:center;gap:10px;font-weight:900;font-size:14px}.feedback.success{border:1px solid #a9edcf}.feedback.mistake{border:1px solid #ffc0cf}.feedback-emoji{font-size:23px}.feedback button{margin-left:auto;border:0;border-radius:12px;background:var(--purple);color:white;padding:9px 14px;font:900 11px 'Nunito';cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#2b1b4c83;z-index:10;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(410px,100%);padding:29px;border-radius:25px;background:white;box-shadow:0 22px 70px #25124966;text-align:center}.modal-emoji{font-size:39px;margin-bottom:3px}.modal-card h2{font:800 27px 'Baloo 2';margin:4px 0}.modal-card>p{color:#857b95;font-size:13px;font-weight:700;line-height:1.5}.name-field{display:block;text-align:left;margin-top:19px}.name-field span{display:block;font-size:10px;font-weight:900;color:#756a89;margin-bottom:6px}.name-field input{width:100%;height:45px;border:1.5px solid #e6def3;border-radius:12px;padding:0 13px;font:800 14px 'Nunito';color:var(--ink);outline:none}.name-field input:focus{border-color:#a48ae8;box-shadow:0 0 0 3px #eee8fc}.form-error{min-height:16px;color:#de5578;font-size:11px;font-weight:800;margin-top:4px}.modal-card .start-button{margin-top:8px}.result-score{display:inline-block;margin:4px auto 7px;background:#fff5d8;color:#92651a;border-radius:13px;padding:10px 18px;font-size:15px}.result-score strong{font-size:20px}.result-card .start-button{margin-top:17px}.modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#968aa7;font-size:25px;cursor:pointer}.help-card{text-align:left}.help-card .modal-emoji,.help-card .section-kicker,.help-card h2{text-align:center}.help-card ol{padding-left:21px;color:#655a78;font-size:13px;font-weight:800;line-height:1.85}.help-card>p{font-size:11px}.help-card .start-button{margin-top:3px}
@media(max-width:760px){.app-shell{width:min(600px,calc(100% - 30px))}.home-screen{padding-top:20px}.hero-copy{width:100%;text-align:center}.eyebrow{margin:auto}.hero-copy h1{font-size:45px}.hero-text{font-size:14px;margin:0 auto 14px}.hero-badges{justify-content:center}.hero-art{position:relative;right:auto;top:auto;width:100%;height:245px;margin-top:8px}.hero-clock{width:178px;height:178px}.hero-clock-caption{bottom:5px;right:16%}.orbit-one{width:235px;height:170px}.orbit-two{height:220px;width:190px}.game-card{margin-top:2px;padding:20px}.decor-cloud{display:none}.game-layout{grid-template-columns:1fr}.clock-panel{padding:17px}.clock-wrap{width:min(100%,330px)}.challenge-panel{padding:14px}.game-title-row h1{font-size:27px}.game-screen{padding-top:12px}.panel-heading p{max-width:270px}.setup-row{gap:12px}.segment{font-size:10px;padding:9px 4px}}
@media(max-width:430px){.app-shell{width:calc(100% - 22px)}.topbar{height:65px}.brand{font-size:20px}.brand-clock{font-size:25px}.sound-toggle{padding:8px 9px}.home-screen{padding-top:13px}.hero-copy h1{font-size:39px;margin-top:13px}.hero-art{height:215px}.hero-clock{width:155px;height:155px}.hc-hour{height:40px}.hc-minute{height:59px}.hero-clock-caption{right:9%;font-size:11px}.game-card{padding:17px 13px}.card-heading h2,.leader-head h2{font-size:18px}.mode-grid{gap:8px}.mode-card{padding:13px 27px 12px 47px;min-height:84px}.mode-emoji{left:11px;font-size:24px}.mode-name{font-size:13px}.mode-info{font-size:9px;line-height:1.35}.mode-arrow{right:10px;font-size:17px}.coming-soon{right:7px;top:6px;font-size:7px}.setup-row{grid-template-columns:1fr;gap:9px}.setup-group{display:grid;grid-template-columns:83px 1fr;align-items:center}.setup-label{margin:0}.level-note{margin-left:83px}.leaderboard-card{padding:17px}.game-player{font-size:10px}.game-topline{gap:8px}.back-button{padding:8px 10px}.game-stats{gap:5px}.score-pill,.lives-pill{padding:7px 9px;font-size:11px}.lives-pill{letter-spacing:0}.game-title-row{margin:20px 1px 10px}.game-title-row h1{font-size:23px}.game-title-row .section-kicker{font-size:9px}.clock-wrap{width:min(100%,300px)}.clock-panel{padding:14px 12px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:9px}.target-time{font-size:41px}.challenge-card{padding:15px 12px}.feedback{font-size:12px;padding:10px}.feedback button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.name-field input{background:#39295b;color:#fff;caret-color:#fff}.name-field input::placeholder{color:#d4c8ed;opacity:1}.clock-face.is-dragging .clock-hand{transition:none}
.setting-option{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 8px;padding:14px;border:1px solid #e9e1f5;border-radius:14px;background:#fbf9ff;text-align:left;cursor:pointer}.setting-copy strong,.setting-copy small{display:block}.setting-copy strong{font:800 13px 'Nunito';color:var(--ink)}.setting-copy small{font-size:10px;line-height:1.45;color:#8d829e;margin-top:4px;font-weight:700}.setting-option input{appearance:none;flex:none;width:44px;height:25px;border:0;border-radius:20px;background:#d7d1df;position:relative;cursor:pointer;transition:background .2s}.setting-option input::after{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #26144535;transition:transform .2s}.setting-option input:checked{background:var(--purple)}.setting-option input:checked::after{transform:translateX(19px)}.setting-option input:focus-visible{outline:3px solid #c7b4f4;outline-offset:2px}.settings-note{font-size:10px!important;color:#9a90a8!important;margin-bottom:0}
.check-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 3px 0 #dc4d76}
.mode-card.selected{border-color:#a98ae9;box-shadow:0 0 0 2px #eee7ff;background:#faf7ff}.mode-card.mode-adventure.selected{border-color:#ffbb76;background:#fffaf2;box-shadow:0 0 0 2px #fff0db}.mode-card:not(:disabled):hover{transform:translateY(-2px)}.mode-card:disabled{cursor:default}
.adventure-screen{padding:18px 0 42px}.adventure-chapter-pill{margin-left:auto;border-radius:18px;background:#fff;padding:9px 13px;color:#7951c6;font-size:10px;font-weight:900;letter-spacing:.6px;box-shadow:0 4px 15px #4b2b8714}.adventure-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 18px;padding:22px 26px;border-radius:22px;background:linear-gradient(115deg,#f0e9ff,#fff2d7);box-shadow:var(--shadow)}.adventure-heading h1{font:800 29px 'Baloo 2';margin:4px 0}.adventure-heading p{font-size:12px;color:#807493;font-weight:700;margin:0}.adventure-mascot{font-size:55px;filter:drop-shadow(0 8px 8px #5830bd2e)}.mission-track{display:flex;align-items:center;gap:5px;overflow-x:auto;padding:4px 2px 13px}.track-step,.track-boss{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;border:1px solid #e7e0f1;color:#9086a0;font-size:10px;font-weight:900}.track-step.done{background:#4dc89b;border-color:#4dc89b;color:#fff}.track-step.current{border:2px solid #8f68de;background:#f4efff;color:#5835b3}.track-link{height:3px;min-width:5px;flex:1;background:#e7e1ee;border-radius:3px}.track-boss{width:33px;height:33px;background:#fff1e7;border-color:#ffd0b2;font-size:15px}.track-boss.done{background:#ffcf5b;border-color:#ffcf5b}.track-boss.current{box-shadow:0 0 0 3px #ffe7ce}.adventure-content{max-width:840px;margin:0 auto}.mission-card{border:1px solid #eee7fb;border-radius:23px;background:#fff;padding:23px 27px;box-shadow:var(--shadow)}.mission-card-top{display:flex;align-items:center;justify-content:space-between}.mission-badge{display:inline-block;border-radius:20px;padding:6px 10px;background:#f0eaff;color:#6744bf;font-size:9px;font-weight:900;letter-spacing:1px}.mission-badge.boss-badge{background:#fff0e8;color:#d66a3b}.mission-mascot{font-size:26px}.mission-card h2{font:800 25px 'Baloo 2';margin:8px 0 4px}.mission-story{color:#766c86;font-size:12px;line-height:1.65;font-weight:700;margin:0 0 14px}.mission-prompt{padding:12px 14px;border-radius:13px;background:#faf7ff;color:#49366f;font-size:14px;font-weight:900;line-height:1.5}.mission-task{min-height:116px;padding:17px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.adventure-preview{width:195px;height:195px;display:grid;place-items:center}.adventure-clock-svg{width:100%;height:100%;filter:drop-shadow(0 5px 8px #39206e20)}.adventure-set-task{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.adventure-set-task .adventure-preview{width:178px;height:178px}.adventure-selects{display:flex;gap:10px}.adventure-selects label,.adventure-answer-label{display:flex;flex-direction:column;gap:6px;color:#766c86;font-size:10px;font-weight:900}.adventure-selects select,.adventure-answer-label input{min-width:100px;height:43px;border:1.5px solid #e4dcef;border-radius:11px;background:#fff;color:#432f78;padding:0 12px;font:900 17px 'Nunito';outline:none}.adventure-selects select:focus,.adventure-answer-label input:focus{border-color:#a990e9;box-shadow:0 0 0 3px #f0ebfc}.adventure-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.adventure-option{min-width:108px;border:1.5px solid #e7e0f2;border-radius:13px;padding:12px;background:#fff;color:#48356f;font:900 16px 'Nunito';cursor:pointer}.adventure-option.active{border-color:#8e69db;background:#f4efff;color:#5a35b3;box-shadow:0 0 0 2px #eee8fc}.adventure-answer-label input{min-width:152px;text-align:center}.adventure-order-list{width:min(440px,100%);display:flex;flex-direction:column;gap:7px}.order-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #ebe5f2;border-radius:12px;background:#fff}.order-number{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#f2edfb;color:#6848b4;font-size:11px;font-weight:900}.order-name{font-size:12px;font-weight:900;color:#514568;flex:1}.order-name small{margin-left:8px;color:#91869f;font-size:10px}.order-controls{display:flex;gap:4px}.order-controls button{width:28px;height:27px;border:1px solid #ebe5f2;border-radius:8px;background:#faf8fd;color:#6443b3;font-weight:900;cursor:pointer}.order-controls button:disabled{opacity:.35;cursor:default}.combo-question{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;width:100%;padding:6px 0}.combo-question+.combo-question{border-top:1px solid #eee8f4}.combo-question p{max-width:300px;margin:0;color:#55486a;font-size:12px;font-weight:800}.mission-check,.mission-continue{display:block;width:min(360px,100%);height:46px;margin:0 auto;border:0;border-radius:13px;background:linear-gradient(100deg,#7245d8,#5930bd);box-shadow:0 5px 0 #422193;color:#fff;font:900 12px 'Nunito';letter-spacing:1px;cursor:pointer}.mission-check span{font-size:17px;margin-left:5px}.mission-continue{background:linear-gradient(100deg,#35bd91,#23a77b);box-shadow:0 5px 0 #168260}.mission-result{max-width:580px;margin:0 auto 14px;text-align:center;padding:10px 13px;border-radius:12px;font-size:12px;font-weight:900}.mission-result.success{background:#e8fbf3;color:#20835e}.mission-result.retry{background:#fff2e5;color:#a85e28}.chapter-victory{text-align:center;padding:36px 28px}.victory-crown{font-size:61px;margin-bottom:7px}.chapter-victory h2{font-size:31px;color:#5632a9}.chapter-victory .mission-story{max-width:520px;margin:9px auto 22px}.character-card .character-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.character-choice{display:flex;flex-direction:column;align-items:center;gap:3px;padding:15px 8px;border:1.5px solid #e6def5;border-radius:15px;background:#fbf9ff;color:#3e3155;cursor:pointer}.character-choice:hover{border-color:#a48ae8;background:#f7f3ff;transform:translateY(-2px)}.character-choice>span{font-size:39px}.character-choice strong{font:900 16px 'Baloo 2'}.character-choice small{font-size:9px;color:#8f849f;font-weight:800}.setup-row.adventure-setup{grid-template-columns:1fr}.setup-row.adventure-setup .setup-group{max-width:450px}
@media(max-width:600px){.adventure-screen{padding-top:12px}.adventure-heading{padding:16px 17px;margin-top:18px}.adventure-heading h1{font-size:23px}.adventure-heading p{font-size:10px;max-width:255px}.adventure-mascot{font-size:42px}.mission-card{padding:17px 15px}.mission-card h2{font-size:21px}.mission-story{font-size:11px}.mission-prompt{font-size:12px}.mission-track{gap:3px}.track-step{width:23px;height:23px;font-size:9px}.track-boss{width:28px;height:28px}.mission-check,.mission-continue{height:44px}.adventure-set-task{gap:10px}.adventure-set-task .adventure-preview{width:150px;height:150px}.adventure-options{gap:7px}.adventure-option{min-width:94px;padding:10px 8px;font-size:14px}.adventure-chapter-pill{font-size:8px;padding:8px}.combo-question{gap:8px}}
.mission-illustration{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;padding:10px 14px;border:1px solid #eee8f6;border-radius:16px;background:linear-gradient(105deg,#fffaf0,#f7f1ff)}.scene-art{display:flex;align-items:center;gap:5px;min-width:95px}.scene-art span{font-size:27px;filter:drop-shadow(0 3px 3px #5330a21a)}.visual-instruction{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-left:1px solid #e7e0ee;padding-left:12px}.quest-clock{font-size:28px}.quest-arrow{font-size:21px;color:#8f70cf;white-space:nowrap}.quest-token{font-size:22px}.quest-digital{background:#34284f;color:#cbffb6;border-radius:8px;padding:7px 10px;font:900 18px 'Nunito';letter-spacing:1px;box-shadow:inset 0 2px 5px #170e2c}.adventure-set-task{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px}.adventure-set-face{width:min(280px,68vw);height:auto;aspect-ratio:1;touch-action:none;user-select:none}.adventure-set-face svg{width:100%;height:100%}.adventure-set-face .hand-hit-line{stroke-width:28}.adventure-set-face .adventure-hour-hand,.adventure-set-face .adventure-minute-hand{pointer-events:none}.adventure-hand-hint{display:flex;justify-content:center;gap:17px;color:#766c86;font-size:10px;font-weight:900}.mission-task:has(.adventure-set-face){padding-top:7px}.shape-puzzle{width:min(690px,100%);display:flex;flex-direction:column;align-items:center;gap:9px}.shape-token-tray,.shape-clock-slots{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.shape-token{display:flex;align-items:center;gap:6px;padding:9px 13px;border:2px solid #cbb9ed;border-radius:13px;background:#f5efff;color:#503587;font:900 14px 'Nunito';cursor:grab;touch-action:none;user-select:none;box-shadow:0 3px 0 #d9ccef}.shape-token>span{font-size:19px}.shape-token.selected{background:#e8ddff;border-color:#835bd2;transform:scale(1.05)}.shape-token.placed{opacity:.38;cursor:default;box-shadow:none}.shape-drag-ghost{position:fixed;z-index:20;pointer-events:none;padding:9px 13px;border:2px solid #835bd2;border-radius:13px;background:#fff;color:#503587;font:900 14px 'Nunito';box-shadow:0 9px 20px #2d155036;transform:translate(-50%,-50%)}.shape-drag-arrow{height:20px;font-size:15px;letter-spacing:20px;color:#ac95db}.shape-slot{width:132px;height:132px;position:relative;display:grid;place-items:center;border:2px dashed #cbb9ed;border-radius:20px;background:#fcfaff;cursor:pointer;transition:.15s}.shape-slot:hover{border-color:#9270d4;background:#f7f2ff}.shape-slot .adventure-clock-svg{width:100%;height:100%}.shape-slot>span{position:absolute;right:3px;top:2px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:14px}.shape-slot.matched{border-style:solid;border-color:#50c996;background:#eefcf5}.shape-hint{margin:0;color:#8d829f;font-size:10px;font-weight:800}.order-item{touch-action:none;user-select:none;cursor:grab}.order-item.dragging{opacity:.55;border-color:#8c69d3;background:#f4efff;transform:scale(1.02)}.order-event-icon{font-size:19px;vertical-align:middle;margin-right:7px}.mission-prompt{display:flex;gap:8px;align-items:center}.mission-prompt::before{content:'👀';font-size:19px}.chapter-victory{background:radial-gradient(ellipse at 50% 0,#fff5ca,transparent 55%),#fff}
@media(max-width:600px){.mission-illustration{padding:8px;gap:6px}.scene-art{min-width:68px;gap:1px}.scene-art span{font-size:20px}.visual-instruction{gap:4px;padding-left:7px}.quest-clock{font-size:22px}.quest-arrow{font-size:17px}.quest-digital{font-size:15px;padding:6px 7px}.shape-token-tray,.shape-clock-slots{gap:6px}.shape-token{padding:7px 8px;font-size:12px}.shape-token>span{font-size:16px}.shape-slot{width:calc((100vw - 90px)/3);height:calc((100vw - 90px)/3);max-width:108px;max-height:108px;min-width:78px;min-height:78px}.shape-clock-slots{width:100%}.shape-slot>span{width:20px;height:20px;font-size:12px}.adventure-set-face{width:min(250px,75vw)}.adventure-hand-hint{font-size:9px;gap:11px}.order-name{font-size:10px}.order-name small{margin-left:4px;font-size:9px}}
.mission-illustration{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:14px 0 12px;padding:10px;border:0;border-radius:19px;background:linear-gradient(145deg,#fff1cc,#f0e7ff);box-shadow:inset 0 0 0 1px #ffffffb5}.mission-scene{overflow:hidden;border-radius:14px;box-shadow:0 6px 14px #34205b22}.story-scene-svg{display:block;width:100%;height:auto;max-height:230px}.mission-dialogue{display:flex;align-items:center;gap:10px}.dialogue-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 3px 9px #39205b1c;font-size:24px}.dialogue-bubble{position:relative;flex:1;min-height:42px;padding:9px 13px;border:1px solid #e7def4;border-radius:13px;background:#fff;color:#56476d;font-size:11px;line-height:1.5;font-weight:800}.dialogue-bubble:before{content:'';position:absolute;left:-6px;top:14px;width:10px;height:10px;transform:rotate(45deg);border-left:1px solid #e7def4;border-bottom:1px solid #e7def4;background:#fff}.dialogue-bubble strong{display:block;color:#6947ba;font-size:9px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}.dialogue-bubble p{margin:0}.visual-instruction{width:100%;flex:none;min-height:54px;border:1px solid #eee5f8;border-radius:13px;background:#ffffffbc;padding:6px;justify-content:center}.chapter-replay-actions{display:flex;flex-direction:column;gap:12px;width:min(390px,100%);margin:22px auto 0}.chapter-replay-actions .mission-continue{margin:0;width:100%}.replay-boss-button{height:39px;border:1px solid #e4dbf3;border-radius:12px;background:#fff;color:#765da3;font:800 11px 'Nunito';cursor:pointer}.mission-scene .scene-friends text{filter:drop-shadow(0 3px 2px #2b164322)}
@media(max-width:600px){.mission-illustration{padding:8px;gap:7px}.story-scene-svg{min-height:122px}.dialogue-avatar{width:34px;height:34px;font-size:21px}.dialogue-bubble{font-size:10px;padding:8px 10px}.dialogue-bubble strong{font-size:8px}.visual-instruction{min-height:45px}}
.learning-task-picker{margin:17px 0 0}.learning-task-picker .segmented{max-width:520px}.learning-task-picker .segment{font-size:12px}.clock-face.read-only .hand-hit-line{pointer-events:none;cursor:default}.read-answer-panel{text-align:center;padding:7px 0 2px}.read-period-clue{font-size:35px;margin:8px 0}.read-answer-area{display:flex;justify-content:center}.read-answer-label{display:flex;flex-direction:column;align-items:center;gap:7px;color:#877b97;font-size:10px;font-weight:900;margin:13px auto 0}.read-answer-label input{width:min(210px,100%);height:48px;border:2px solid #ddd2ef;border-radius:13px;background:#fff;color:#402d74;text-align:center;font:900 23px 'Nunito';letter-spacing:1px;outline:none}.read-answer-label input:focus{border-color:#9c7be0;box-shadow:0 0 0 3px #eee8fc}.read-answer-label input::placeholder{color:#b8adc8;font-size:14px;letter-spacing:0}.read-answer-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:300px;margin:13px auto 0}.read-answer-choice{min-height:44px;border:1.5px solid #e6dcf1;border-radius:12px;background:#fff;color:#4a3675;font:900 16px 'Nunito';cursor:pointer}.read-answer-choice.active{border-color:#9068d7;background:#f4efff;color:#5834b5;box-shadow:0 0 0 2px #eee8fc}.read-answer-choice:hover{border-color:#a58be0}
@media(max-width:600px){.learning-task-picker .segment{font-size:10px;padding:8px 4px}.read-answer-choice{min-height:40px;font-size:14px}.read-answer-label input{height:44px;font-size:20px}}
.task-mode-note{margin-top:6px;color:#8f849f;font-size:10px;font-weight:700}
.hand-hit-line{stroke:transparent;stroke-width:26;stroke-linecap:round;pointer-events:stroke;cursor:grab;touch-action:none}.clock-hand,.clock-center{pointer-events:none}#clockFace{touch-action:none}
.period-controls{display:flex;justify-content:center;gap:8px;margin:9px auto 0}.period-button{border:1px solid #eee8f5;border-radius:16px;background:#fff;color:#817796;padding:7px 12px;font:800 10px 'Nunito';cursor:pointer}.period-button.active{border-color:#b9a0f4;background:#f7f3ff;color:var(--purple)}

/* Full-width learning setup controls */
.learning-task-picker{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:8px 16px;width:100%;margin:18px 0 0;padding:14px 16px;border:1px solid #eee7fb;border-radius:16px;background:linear-gradient(110deg,#fcfaff,#fffaf2)}
.learning-task-picker .setup-label{margin:0;color:#766a90;font-size:10px}
.learning-task-picker .segmented{max-width:none;width:100%;min-width:0;background:#f1ecf8}
.learning-task-picker .segment{min-height:42px;font-size:13px}
.learning-task-picker .task-mode-note{grid-column:2;margin:0 0 0 2px}
.setup-row:not(.adventure-setup){grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
.setup-row:not(.adventure-setup) .setup-group{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:16px;width:100%;padding:12px 16px;border:1px solid #eee7fb;border-radius:16px;background:linear-gradient(110deg,#fcfaff,#fffaf2)}
.setup-row:not(.adventure-setup) .setup-label{margin:0;color:#766a90;font-size:10px}
.setup-row:not(.adventure-setup) .segmented{width:100%;min-width:0;background:#f1ecf8}
.setup-row:not(.adventure-setup) .segment{min-height:40px;font-size:13px}
.setup-row.adventure-setup .setup-group{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:16px;width:100%;max-width:none;padding:12px 16px;border:1px solid #eee7fb;border-radius:16px;background:linear-gradient(110deg,#fcfaff,#fffaf2)}
.setup-row.adventure-setup .setup-label{margin:0;color:#766a90;font-size:10px}
.setup-row.adventure-setup .segmented{width:100%;min-width:0;background:#f1ecf8}
.setup-row.adventure-setup .segment{min-height:40px;font-size:13px}
.level-segment .segment{white-space:nowrap}
.level-note{margin:8px 2px 0;font-size:11px}
@media(max-width:600px){.learning-task-picker{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.learning-task-picker .task-mode-note{grid-column:1}.learning-task-picker .segment{font-size:11px;padding:8px 5px}.setup-row:not(.adventure-setup) .setup-group,.setup-row.adventure-setup .setup-group{grid-template-columns:minmax(0,1fr);gap:8px;padding:11px 12px}.setup-row:not(.adventure-setup) .segment,.setup-row.adventure-setup .segment{font-size:11px;padding:8px 5px}.level-note{margin:6px 2px 0}}