/* Unpublished mobile timer proposal, isolated from the live mobile theme. */
.timer-medal-level{display:none}
@media(max-width:1023px){
 /* A single live timer in an embossed XP medal; the existing start/stop pin stays active. */
 .training-sidebar{--medal-light:#ffdfb6;--medal-mid:#d79b62;--medal-dark:#6c3b23;--medal-ink:#21130c;padding:18px 16px 20px;border-color:#795544;gap:12px;top:8px;overflow-anchor:none}
 .training-sidebar[data-medal=silver]{--medal-light:#f5fbff;--medal-mid:#b8cbd9;--medal-dark:#607789;--medal-ink:#15232f;border-color:#768fa3}
 .training-sidebar[data-medal=gold]{--medal-light:#fff2ac;--medal-mid:#e6c04a;--medal-dark:#8d6816;--medal-ink:#302408;border-color:#aa8b30}
 .timer-sidebar-heading h2{font-size:22px;margin:0 0 3px}
 .timer-sidebar-heading p{font-size:18px;line-height:1.5}
 .timer-settings>summary{font-size:17px;text-align:right}
 .timer-settings .challenge-options label,.timer-settings .personal-best,.timer-settings .timer-help{font-size:18px}
 .training-sidebar #challenge-panel{grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px}
 .training-sidebar .timer-box{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:min(272px,100%);aspect-ratio:1;min-width:0;padding:32px 20px;border-radius:50%;border:3px solid var(--medal-light);color:var(--medal-ink);background:radial-gradient(circle at 32% 23%,var(--medal-light),var(--medal-mid) 58%,var(--medal-dark));box-shadow:0 0 0 4px var(--medal-dark),0 0 0 6px var(--medal-mid),inset 0 0 0 8px var(--medal-mid),inset 0 0 0 10px var(--medal-dark),inset 0 0 0 13px var(--medal-light),0 12px 22px #0008;margin:8px auto}
 .training-sidebar .timer-box:before{content:'✦';position:absolute;inset:13px;display:grid;place-items:center;font-size:205px;line-height:1;color:var(--medal-dark);opacity:.1;z-index:-1;border:1px solid var(--medal-dark);border-radius:50%;pointer-events:none}
 .training-sidebar .timer-box .eyebrow{font-family:var(--font);font-size:14px;font-weight:800;line-height:1.4;letter-spacing:.8px;color:var(--medal-ink);text-align:center;min-height:40px;max-width:195px;display:flex;align-items:center;justify-content:center}
 .training-sidebar .timer,.running .training-sidebar .timer{font-size:68px;line-height:1.15;letter-spacing:-1px;color:var(--medal-ink);font-weight:700;white-space:nowrap}
 .training-sidebar .timer span{font-size:.55em;color:var(--medal-ink)}
 .timer-medal-level{display:block;font-size:17px;font-weight:700;color:var(--medal-ink);line-height:1.4;text-align:center}
 .training-sidebar #timer-button{width:min(288px,100%);min-height:64px;justify-content:center;gap:18px;margin:0 auto;font-size:21px;border-radius:14px;background:#e10822;box-shadow:0 4px 0 #81091a}
 .training-sidebar .timer-button-space{width:min(288px,100%);margin:0 auto}
 .training-sidebar .cancel{font-size:18px;min-height:44px;margin:0}
 .training-sidebar .save-result{width:100%}
 .xp-preview b,.xp-result b{font-size:18px}
 .xp-preview div>span,.xp-result div>span{font-size:17px}
}
@media(max-width:359px){
 .training-sidebar{padding:14px 12px 18px}
 .training-sidebar .timer-box{width:238px}
 .training-sidebar .timer{font-size:62px}
}