/* Only time-specific visuals; shared components match the approved Money Master. */
.time-illustration{width:72px;height:72px;flex:none;display:block}.journey-art .time-illustration{width:100%;height:100%}.clock{display:block;width:240px;max-width:100%;margin:auto;filter:drop-shadow(0 6px 0 #c5dce5)}.clock text{font-family:Nunito,'Segoe UI',sans-serif}.time-hero-clock{position:absolute;width:64%;left:5%;top:13%;transform:rotate(-9deg)}.time-hero-clock .clock{width:100%}.time-hero-mini{position:absolute;right:7%;top:5%;transform:rotate(12deg)}.time-hero-mini .time-illustration{width:90px;height:90px}.hero-art .mimo-cutout{z-index:2}.hero-art .speech{z-index:3}.question-top>.mimo-cutout{width:60px;height:70px;flex:none}.time-clock-panel{padding:18px 0 6px}.time-clock-panel .clock{width:235px}.choice>.time-illustration{width:55px;height:55px}.choice>span{flex:1;text-align:left}.time-scenario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.time-fact{display:flex;align-items:center;flex-direction:column;gap:7px;background:#fffdf7;border:1px solid #d4e0d8;border-bottom:4px solid #d4e0d8;border-radius:17px;padding:14px 8px;text-align:center;min-width:0}.time-fact:last-child:nth-child(3){grid-column:1/-1;flex-direction:row;justify-content:center;gap:12px}.time-fact:last-child:nth-child(3) .time-illustration{width:40px;height:40px}.time-fact>span{font-size:13px;font-weight:800;color:#647b78}.time-fact>strong{font-size:21px;color:#254f61}.digital-clock{background:#294e54;border:8px solid #75a899;border-radius:25px;max-width:340px;padding:19px 20px 13px;margin:25px auto 4px;box-shadow:0 5px 0 #b0ccc2;text-align:center}.digital-clock>span{display:block;font-size:11px;letter-spacing:.15em;color:#d6e8cd;font-weight:900}.digital-clock>strong{display:block;font-family:Consolas,monospace;font-size:clamp(38px,6vw,59px);letter-spacing:.04em;color:#e4f6c3;padding:8px 0}.digital-clock>i{display:block;width:9px;height:9px;border-radius:50%;background:#f0c862;margin:auto}.time-hint{background:#fff;border:1px solid #d6c1e8;border-radius:15px;padding:14px;color:#714b92}.time-hint summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:900}.time-hint svg{width:22px;height:22px}.time-hint p{margin:12px 0 0;font-size:15px;line-height:1.6}.play-star-guide{justify-content:space-between;margin:0;font-size:13px}.hand-guide{display:flex;justify-content:center;gap:15px;margin:24px 0}.hand-guide>div{display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff8e4;padding:18px;border:1px solid #ecd998;border-radius:18px}.hand-line{height:7px;width:40px;border-radius:6px;background:#173b77}.hand-line.long{width:65px;background:#e38a16}.lesson-clock{background:#e6f1eb;border-radius:50%;padding:17px;width:275px;margin:20px auto}.lesson-caption{font-size:16px!important}.intro-screen>.mimo-cutout{margin:20px auto}.answer-column>.btn{min-height:56px}.answer-feedback{scroll-margin-bottom:90px}.topnav .navbtn{min-width:44px;min-height:44px}
@media(max-width:600px){.brand{font-size:14px;max-width:185px}.hero h1{font-size:48px}.home-mobile-scene .time-hero-clock{width:59%;left:3%;top:10%}.home-mobile-scene .time-hero-mini{right:7%;top:7%}.home-mobile-scene .time-hero-mini .time-illustration{width:58px;height:58px}.home-mobile-scene .mimo-cutout{right:-7px;width:165px}.time-clock-panel{padding:10px 0 2px}.time-clock-panel .clock{width:180px}.question-top>.mimo-cutout{width:48px;height:59px}.question-top h2{font-size:20px}.time-scenario{gap:9px;margin-top:15px}.time-fact{padding:10px 6px;gap:4px}.time-fact>.time-illustration{width:46px;height:46px}.time-fact>strong{font-size:18px}.time-fact>span{font-size:12px}.time-fact:last-child:nth-child(3){gap:8px;flex-wrap:wrap}.choice{min-height:65px}.choice>.time-illustration{width:42px;height:42px}.answer-grid{gap:9px}.answer-column{gap:12px}.play-head .eyebrow{font-size:11px}.play-head h1{font-size:24px}.question-card{padding:15px}.topbar{margin-bottom:16px}.time-hint{padding:12px}.intro-badges>span{font-size:13px}.play-star-guide{font-size:12px}.lesson-clock{width:245px}.answer-column:has(.answer-feedback.good)>.btn{position:sticky;bottom:12px;z-index:3;box-shadow:0 5px 0 #105c58,0 0 0 7px #f8f5ee}.answer-column:has(.answer-feedback.good){padding-bottom:10px}.digital-clock{margin-top:18px}.time-fact:last-child:nth-child(3)>strong{font-size:17px}}
@media(max-width:359px){.brand{font-size:12px;max-width:155px}.hero h1{font-size:43px}.time-fact>strong{font-size:16px}.play-head .eyebrow{max-width:225px}.hand-guide{gap:8px}.hand-guide>div{padding:14px 10px;font-size:14px}}
.time-answer-display{flex:0 1 auto!important;background:#fffdf3;border:2px solid #e7d9a7;border-radius:10px;padding:3px 21px;min-width:120px;font-family:Consolas,monospace;font-size:26px;letter-spacing:.04em;text-align:center!important;color:#234e5d}.choice.correct .time-answer-display{background:#f1f8ff;border-color:#b5d6ef}.time-hero-mini{top:17%;right:8%}.choice:hover:not(:disabled){border-color:#83a9c9}@media(max-width:600px){.time-answer-display{font-size:23px;padding:3px 18px}.home-mobile-scene .time-hero-mini{top:14%;right:7%}}