.path-bar{display:flex;align-items:center;gap:12px;padding:13px 17px;margin:0 0 20px;border:1px solid #dce5d4;border-radius:15px;background:#ffffffb3;box-shadow:0 3px 12px #29392805}.path-symbol{width:39px;height:39px;border-radius:12px;background:var(--path-soft,#e9efd9);color:var(--path-color,#69884c);display:grid;place-items:center;font-size:27px;font-weight:900;flex-shrink:0}.path-bar-copy{flex:1;min-width:0}.path-bar-copy strong{display:block;font-size:13px;font-weight:900}.path-bar-copy small{display:block;font-size:10px;color:#8b977d;margin-top:2px}.path-picker-button{background:var(--path-soft,#e9efd9);color:var(--path-color,#69884c);padding:10px 13px;border-radius:9px;font-size:11px;font-weight:900;display:flex;gap:14px;align-items:center}.path-picker-button:hover{filter:brightness(.97)}
body[data-track='addition10']{--path-color:#ad735c;--path-soft:#faece4;--green:#976c53}body[data-track='addition100']{--path-color:#507f9c;--path-soft:#e6f1f7;--green:#477b90}body[data-track='subtraction10']{--path-color:#816a9c;--path-soft:#efebf8;--green:#76628d}body[data-track='subtraction100']{--path-color:#517f89;--path-soft:#e4f1f1;--green:#477a7d}body[data-track='time']{--path-color:#6d71a9;--path-soft:#ebedf9;--green:#666c9e}
.arena[data-track='addition10']{--sky-top:#f2d6d1;--sky-bottom:#fff0d7;--mountain-far:#d5bdb6;--mountain-near:#bfbd9d;--hill:#abbf8b;--ground-top:#e2d8a3;--ground-bottom:#bccb8d;--tree:#97aa7c}.arena[data-track='addition100']{--sky-top:#bedff1;--sky-bottom:#ecf7f6;--mountain-far:#a5c6d7;--mountain-near:#82adc2;--hill:#a5cdcb;--ground-top:#c4e3ca;--ground-bottom:#a1c8bd;--tree:#739f9c}.arena[data-track='subtraction10']{--sky-top:#bbb8d5;--sky-bottom:#e4dbe9;--mountain-far:#a0a2bf;--mountain-near:#888eac;--hill:#a3a4bc;--ground-top:#d1cbd6;--ground-bottom:#afaec3;--tree:#777e9b}.arena[data-track='subtraction100']{--sky-top:#c7e5ec;--sky-bottom:#f2f8ee;--mountain-far:#c3d6dd;--mountain-near:#abc5cf;--hill:#bcd7d4;--ground-top:#e5eddf;--ground-bottom:#c8ddd7;--tree:#86acaa}.arena[data-track='time']{--sky-top:#8c93b8;--sky-bottom:#c9bcd7;--mountain-far:#9794b7;--mountain-near:#7d81a5;--hill:#9299b3;--ground-top:#babcd2;--ground-bottom:#a0aac1;--tree:#6f7d9d}.night-stars{display:none}.arena[data-track='time'] .night-stars,.arena[data-track='subtraction10'] .night-stars{display:block}
dialog[data-kind='paths']{width:min(850px,calc(100% - 28px))}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.path-card{text-align:left;border:1px solid #e0e6d7;border-radius:17px;background:#fff;padding:16px 14px 12px;position:relative;display:flex;flex-direction:column;min-width:0;transition:transform .15s,border-color .15s}.path-card:hover{transform:translateY(-3px);border-color:var(--card-color)}.path-card.selected{border:2px solid var(--card-color);background:color-mix(in srgb,var(--card-color) 5%,white);padding:15px 13px 11px}.path-card-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.path-card-symbol{font-size:20px;font-weight:900;color:var(--card-color);height:31px;width:31px;border-radius:10px;background:color-mix(in srgb,var(--card-color) 11%,white);display:grid;place-items:center}.path-card-state{font-size:7px;font-weight:900;letter-spacing:.5px;color:#99a38e}.path-card h3{font-size:15px;font-weight:900;margin-top:10px;letter-spacing:-.3px}.path-realm{font-size:9px;color:var(--card-color);font-weight:800;margin-top:2px}.path-description{font-size:10px;line-height:1.5;color:#8c977f;margin-top:7px;min-height:44px}.path-pokemon{display:flex;align-items:center;justify-content:center;margin:7px -4px;height:63px;gap:0}.path-pokemon img{width:67px;height:67px;object-fit:contain;filter:drop-shadow(0 4px 3px #2c432312)}.path-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid #edf0e8;padding-top:9px;font-size:9px;color:#94a080;font-weight:700;margin-top:auto}.path-card-bottom strong{font-size:9px;color:var(--card-color)}.path-card-progress{height:3px;border-radius:2px;background:#edf0e5;margin-top:8px;overflow:hidden}.path-card-progress i{display:block;height:100%;background:var(--card-color)}.onboard-path-row{padding:11px 12px;background:#eff3e6;border-radius:12px;margin:13px 0 15px}.onboard-path-row .field-label{color:#8b9b78;font-size:9px;letter-spacing:.5px}.onboard-path-row .select-field{padding:9px 11px;font-size:13px;font-weight:800}.starter-path-description{font-size:11px;color:#8b977f;line-height:1.6;text-align:center}.path-note{background:#f0f3e9;border-radius:11px;padding:11px 13px;font-size:10px;line-height:1.6;color:#879477;margin:15px 0 0}.all-paths-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;background:transparent;color:var(--path-color,#77915b);font-weight:900;padding:5px 3px}
.clock-question{display:flex;align-items:center;justify-content:center;gap:17px;margin:7px 0 10px}.clock-face{width:155px;height:155px;flex-shrink:0}.analog-clock{width:100%;height:100%;display:block;overflow:visible}.clock-entry{display:flex;align-items:center;gap:5px;padding-top:10px}.clock-entry label{display:flex;flex-direction:column;align-items:center;gap:5px}.clock-entry label>span{font-size:7px;color:#8f9bb1;letter-spacing:1px;font-weight:900}.clock-entry input{width:54px;height:54px;text-align:center;border:2px solid #d7ddee;border-radius:11px;background:#f5f6fd;font-size:25px;color:#4e5b7b;font-weight:900;caret-color:#6d76ac;padding:0}.clock-entry input::placeholder{color:#a5acc3}.clock-entry input.active,.clock-entry input:focus{border-color:#8b96c8;outline:0;box-shadow:0 0 0 3px #dfe4f655}.clock-entry input:disabled{border-style:dashed}.clock-colon{font-size:26px;font-weight:900;color:#a7afc5;padding-top:13px}.question-card.is-time .question-content{grid-template-columns:minmax(0,1fr) 178px}.question-card.is-time .problem-label{color:#929bc0}.question-card.is-time .input-hint{font-size:9px;margin-bottom:12px;color:#949cba}.question-card.is-time .keypad button{background:#f6f7fc;border-color:#e1e4ef}.question-card.is-time .power-guide{border-color:#edf0f6}.question-card.is-time .feedback-panel{min-height:245px}.clock-review{display:flex;align-items:center;justify-content:center;gap:19px}.clock-review .mini-clock{width:95px;height:95px}.clock-review .correction{font-size:34px;color:#667299}.time-hand-key{display:flex;justify-content:center;gap:10px;font-size:8px;font-weight:800;color:#8d97ac;margin-top:0;margin-bottom:7px}.time-hand-key i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:3px}.time-hand-key .hour-key{background:#3f6c88}.time-hand-key .minute-key{background:#dbac52}
.journal-path-title{display:flex;align-items:center;gap:8px;color:var(--path-color,#77915b);font-size:10px;font-weight:800;margin-bottom:13px}.journal-path-title span{font-size:18px}.recent-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.recent-fact{background:#f1f4e8;border:1px solid #e2e7d7;border-radius:10px;padding:10px 6px;text-align:center}.recent-fact.growing{background:#eaf1dc}.recent-fact.confident{background:#e0edc7}.recent-fact.practiced{background:#f8f0df}.recent-fact strong{font-size:12px;display:block;font-weight:900}.recent-fact small{font-size:8px;color:#91a17c;margin-top:4px;display:block}.skills-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.skill-row{display:flex;align-items:center;justify-content:space-between;background:#f0f2fa;border-radius:9px;padding:10px 12px;font-size:11px;gap:10px}.skill-row strong{font-weight:800;color:#66759a}.skill-row span{font-size:9px;color:#9ba6c1}.journal-empty{padding:20px;background:#f0f3e8;border-radius:12px;text-align:center;font-size:12px;color:#8b997b;line-height:1.7}.fact-grid .fact-cell.inactive{visibility:hidden}.profile-path-count{font-size:9px;color:#a5af94;margin-top:4px}
@media(max-width:1050px){.clock-question{gap:9px}.clock-face{width:130px;height:130px}.clock-entry input{width:45px;height:49px;font-size:23px}.question-card.is-time .question-content{grid-template-columns:minmax(0,1fr) 156px}}
@media(max-width:800px){.path-bar{margin-bottom:16px}.question-card.is-time .question-content{grid-template-columns:minmax(0,1fr) 170px}.clock-question{gap:13px}.clock-face{width:140px;height:140px}.path-grid{gap:10px}.path-pokemon img{width:57px;height:57px}.path-card h3{font-size:13px}.path-description{font-size:9px}.path-pokemon{height:55px}.clock-entry input{width:46px}}
@media(max-width:600px){.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card h3{font-size:14px}.path-pokemon img{width:59px;height:59px}.path-description{min-height:32px}.path-pokemon{height:61px}.path-card-state{font-size:6px}.path-card{padding:13px 11px 11px}.path-card.selected{padding:12px 10px 10px}}
@media(max-width:480px){.path-bar{padding:10px 11px;gap:8px;border-radius:13px;margin-bottom:13px}.path-symbol{width:32px;height:32px;border-radius:10px;font-size:23px}.path-bar-copy strong{font-size:10px}.path-bar-copy small{font-size:8px;margin-top:2px}.path-picker-button{font-size:9px;padding:8px 9px;gap:8px}.page-heading{padding-bottom:14px}.path-card h3{font-size:12px;margin-top:8px}.path-realm{font-size:8px}.path-description{font-size:8px;min-height:36px;margin-top:6px}.path-card-symbol{width:27px;height:27px;font-size:18px;border-radius:8px}.path-pokemon img{width:45px;height:45px}.path-pokemon{height:50px;margin:5px -5px}.path-card-bottom,.path-card-bottom strong{font-size:7px}.path-card-bottom{padding-top:8px}.path-grid{gap:9px}.path-note{font-size:9px;padding:10px}.onboard-path-row .select-field{font-size:16px}.starter-path-description{font-size:10px}.question-card.is-time .question-content{grid-template-columns:minmax(0,1fr) 125px;gap:13px}.clock-question{flex-direction:column;gap:0;margin:8px 0}.clock-face{height:132px;width:132px}.clock-entry{padding-top:4px;gap:7px}.clock-entry input{height:41px;width:51px;font-size:23px;border-radius:8px}.clock-entry label{gap:3px}.clock-entry label>span{font-size:6px}.clock-colon{font-size:23px;padding-top:10px}.question-card.is-time .input-hint{font-size:7px;line-height:1.5;max-width:165px;margin:0 auto 9px}.question-card.is-time .keypad{align-content:center;gap:7px}.question-card.is-time .keypad button{min-height:48px}.question-card.is-time .feedback-panel{min-height:265px}.time-hand-key{font-size:6px;gap:6px;margin-bottom:5px}.clock-review{gap:10px}.clock-review .mini-clock{width:85px;height:85px}.clock-review .correction{font-size:27px}.equation[data-wide='true']{font-size:24px;gap:3px}.equation[data-wide='true'] .operator,.equation[data-wide='true'] .equals{font-size:18px}.equation[data-wide='true'] #answer{width:45px;font-size:23px}.recent-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-fact strong{font-size:12px}.skill-row{font-size:10px}.skill-row span{font-size:8px}.journal-path-title{font-size:9px}.journal-empty{font-size:11px}body[data-track='time'] .arena{height:245px}body[data-track='time'] .player-position{height:133px;width:133px;bottom:13px}body[data-track='time'] .enemy-position{width:119px;height:119px;top:42px}body[data-track='time'] .enemy-status{top:46px}.route-text small{line-height:1.35}}
@media(max-width:360px){.path-bar-copy strong{font-size:9px}.path-bar-copy small{font-size:7px}.path-picker-button{font-size:8px;padding:8px}.path-pokemon img{width:38px;height:38px}.path-description{min-height:45px}.clock-face{height:116px;width:116px}.question-card.is-time .question-content{grid-template-columns:minmax(0,1fr) 113px;gap:9px}.clock-entry input{width:45px}.equation[data-wide='true']{font-size:21px;gap:2px}.equation[data-wide='true'] #answer{width:39px;font-size:21px}}
@media(min-width:481px) and (max-width:600px){.clock-question{flex-direction:column;gap:0}.clock-entry{padding-top:3px}.question-card.is-time .keypad{align-content:center}.question-card.is-time .keypad button{min-height:48px}}