.g-number-trail{--g-number-trail-floor: #090c12;--g-number-trail-floor-on: #125363;--g-number-trail-grid: #38525e;--g-number-trail-wall: #ff90e8;--g-number-trail-ink: #36e4ef;--g-number-trail-ink-core: #d2fffd;--g-number-trail-spark: #f2fffb;--g-number-trail-token: #c7f65b;--g-number-trail-token-text: #09121b;--g-number-trail-warn: #ff90e8;--g-number-trail-hint: #e7b1ff;--g-number-trail-gold: #c7f65b;--g-number-trail-flow: #246779;--g-number-trail-text: #effaff;--g-number-trail-muted: #b0c6d0;--g-number-trail-surface: #14212c;--g-number-trail-edge: #52717d;--g-number-trail-size: min(94%, 480px);--g-number-trail-status: 44px;--g-number-trail-gap1: 6px;--g-number-trail-gap2: 10px;--g-number-trail-tool: 48px;--g-number-trail-teach: 28px;width:100%;max-width:var(--mg-board-max);position:relative;color:var(--g-number-trail-text);background:var(--g-number-trail-floor);font-family:var(--mg-font);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(max-width:374px){.g-number-trail{--g-number-trail-size: min(100%, 480px);--g-number-trail-gap1: 4px;--g-number-trail-gap2: 8px;--g-number-trail-tool: 44px;--g-number-trail-teach: 20px}}@media(min-width:600px){.g-number-trail{--g-number-trail-size: min(100%, 480px, calc(100svh - 330px) )}.g-number-trail__choices[data-mg-difficulty]~.g-number-trail__boardbox{width:min(var(--g-number-trail-size),calc(100svh - 470px))}}.g-number-trail__wrap{display:grid;justify-items:center;position:relative;padding:10px}.g-number-trail__choices{width:100%;box-sizing:border-box;margin-bottom:8px;color:var(--g-number-trail-muted);font-size:.85rem;text-align:center}.g-number-trail__choices[data-mg-difficulty]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.g-number-trail__choices .g-number-trail__pick{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;padding:4px 1px;background:color-mix(in srgb,var(--g-number-trail-floor-on) 80%,var(--g-number-trail-surface))}.g-number-trail__choices .g-number-trail__pick span:first-child{font-size:.7rem;color:var(--g-number-trail-muted)}.g-number-trail__choices .g-number-trail__pick span:last-child{font-size:.8rem}.g-number-trail__choices .g-number-trail__pick[aria-pressed=true]{box-shadow:inset 0 -2px var(--g-number-trail-ink)}@media(max-width:599px){.g-number-trail__choices[data-mg-difficulty]~.g-number-trail__boardbox{width:max(192px,min(var(--g-number-trail-size),calc(100svh - 560px)))}}@media(max-width:339px){.g-number-trail__wrap{padding:4px}.g-number-trail__choices[data-mg-difficulty]{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.g-number-trail__choices .g-number-trail__pick{border-radius:4px}.g-number-trail__choices .g-number-trail__pick span:last-child{font-size:.64rem}}.g-number-trail__status,.g-number-trail__tools,.g-number-trail__teach{width:var(--g-number-trail-size);min-width:0}.g-number-trail__status{height:var(--g-number-trail-status);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-items:center;gap:8px;margin-bottom:var(--g-number-trail-gap1)}.g-number-trail__left{justify-self:start;min-width:0;display:flex;align-items:center}.g-number-trail__day{font-weight:650;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-number-trail__bucket{padding:0 2px;display:inline-flex;align-items:center;gap:6px;color:var(--g-number-trail-text);font:inherit;font-size:.9rem;font-weight:650;white-space:nowrap}.g-number-trail__caret{font-size:.75rem;color:var(--g-number-trail-muted)}.g-number-trail__time{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.15rem;color:var(--g-number-trail-text);transition:color .2s ease-out;display:inline-block}.g-number-trail__time.is-idle{color:var(--g-number-trail-muted)}.g-number-trail__time.is-best{color:var(--g-number-trail-ink);animation:g-number-trail-roll .42s ease-out}@keyframes g-number-trail-roll{0%{transform:translateY(-70%);opacity:0}60%{transform:translateY(8%);opacity:1}to{transform:translateY(0)}}.g-number-trail__count{justify-self:end;position:relative;display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;font-weight:650;font-size:.95rem;padding-bottom:4px}.g-number-trail__roll{display:inline-flex;flex-direction:column;height:1.3em;line-height:1.3em;overflow:clip;text-align:right;min-width:2ch}.g-number-trail__roll>span{display:block;height:1.3em}.g-number-trail__roll.is-rolling>span{transform:translateY(-100%);transition:transform .3s cubic-bezier(.2,.9,.3,1.2)}.g-number-trail__total{color:var(--g-number-trail-muted);line-height:1.3em}.g-number-trail__bar{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--g-number-trail-edge);overflow:clip}.g-number-trail__bar-fill{display:block;height:100%;background:var(--g-number-trail-ink);transform-origin:left center;transform:scaleX(0);transition:transform .12s ease-out,background-color .3s}.g-number-trail__bar.is-glow .g-number-trail__bar-fill{background:var(--g-number-trail-ink-core)}.g-number-trail__bar.is-glow{box-shadow:0 0 6px var(--g-number-trail-ink-core)}.g-number-trail__boardbox{width:var(--g-number-trail-size);aspect-ratio:1;position:relative}.g-number-trail__board{display:block;width:100%;height:100%;border-radius:8px;touch-action:none;cursor:pointer;background:var(--g-number-trail-floor)}.g-number-trail.is-done .g-number-trail__board{touch-action:pan-y;cursor:default}.g-number-trail__probe{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none;transition-property:none!important}.g-number-trail__tools{display:flex;gap:8px;margin-top:var(--g-number-trail-gap2);height:var(--g-number-trail-tool)}.g-number-trail__tool{flex:1 1 0;min-width:44px;min-height:44px;height:100%;border:1px solid var(--g-number-trail-edge);border-radius:var(--mg-radius);background:var(--g-number-trail-surface);color:var(--g-number-trail-text);font:inherit;font-size:.95rem;font-weight:650;cursor:pointer;touch-action:manipulation}.g-number-trail__tool:disabled{color:var(--g-number-trail-muted);cursor:default;opacity:1}.g-number-trail__tool.is-new{border-color:color-mix(in srgb,var(--g-number-trail-ink) 55%,var(--g-number-trail-edge))}.g-number-trail__teach{margin:0;height:var(--g-number-trail-teach);line-height:var(--g-number-trail-teach);font-size:.8rem;color:var(--g-number-trail-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:374px){.g-number-trail__teach{font-size:.72rem}.g-number-trail__bucket{padding:0 8px;font-size:.85rem}.g-number-trail__time{font-size:1.05rem}}.g-number-trail__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.g-number-trail__picker,.g-number-trail__confirm{position:absolute;z-index:5;left:50%;transform:translate(-50%);width:min(320px,100%);box-sizing:border-box;padding:12px;border:1px solid var(--g-number-trail-edge);border-radius:calc(var(--mg-radius) + 2px);background:var(--g-number-trail-surface);box-shadow:0 10px 30px #0000002e}.g-number-trail__picker{top:calc(var(--g-number-trail-status) + 2px)}.g-number-trail__confirm{top:30%;text-align:center}.g-number-trail__picker[hidden],.g-number-trail__confirm[hidden]{display:none}.g-number-trail__picker-title{margin:0 0 8px;font-weight:650;font-size:.9rem}.g-number-trail__picker-grid{display:grid;grid-template-columns:44px repeat(3,1fr);gap:6px;align-items:center}.g-number-trail__picker-size{font-weight:650;font-size:.85rem;font-variant-numeric:tabular-nums}.g-number-trail__pick{min-height:44px;min-width:44px;border:1px solid var(--g-number-trail-edge);border-radius:var(--mg-radius);background:var(--g-number-trail-floor);color:var(--g-number-trail-text);font:inherit;font-size:.85rem;cursor:pointer;touch-action:manipulation}.g-number-trail__pick[aria-pressed=true]{border-color:var(--g-number-trail-ink);background:var(--g-number-trail-floor-on);font-weight:700}.g-number-trail__pick:disabled{color:var(--g-number-trail-muted);opacity:1;cursor:default}.g-number-trail__picker-note{margin:8px 0 0;font-size:.75rem;color:var(--g-number-trail-muted)}.g-number-trail__confirm-text{margin:0 0 10px;font-size:.9rem}.g-number-trail__confirm-row{display:flex;gap:8px}.g-number-trail__confirm-row .g-number-trail__tool{min-height:44px}.g-number-trail :focus{outline:none}.g-number-trail.is-kbd :focus-visible,.g-number-trail.is-kbd .g-number-trail__board:focus{outline:3px solid var(--g-number-trail-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.g-number-trail__time,.g-number-trail__bar-fill,.g-number-trail__roll.is-rolling>span{transition:none}.g-number-trail__time.is-best{animation:none}}:root[data-theme=light] .g-number-trail{--g-number-trail-floor: #090c12}:root[data-theme=dark] .g-number-trail{--g-number-trail-floor: #06090f;--g-number-trail-floor-on: #104858;--g-number-trail-ink: #28d9e6;--g-number-trail-token: #bbed52;--g-number-trail-wall: #f583dd;--g-number-trail-warn: #f583dd;--g-number-trail-gold: #bbed52;--g-number-trail-surface: #101d28}