.box.svelte-ffoe4t{padding:1rem;max-width:64ch}@property --percentage{syntax: "<integer>"; initial-value: 0; inherits: false;}.counter.svelte-7ur09l{animation:svelte-7ur09l-counter 2s ease-out;animation-fill-mode:forwards;counter-reset:num var(--percentage)}.counter.svelte-7ur09l:after{content:counter(num) "%"}@keyframes svelte-7ur09l-counter{0%{--percentage: 0}to{--percentage: var(--counter-end)}}.percentage-chart.svelte-7ur09l{width:230px;height:230px;position:relative}.percentage-chart-bg.svelte-7ur09l{fill:none;stroke:var(--color-primary-950);stroke-width:3}.percentage-chart-stroke.svelte-7ur09l{fill:none;stroke-width:3;stroke:var(--color-primary-500);stroke-linecap:round;animation:svelte-7ur09l-progress 2s ease-out forwards}.counter.svelte-7ur09l{position:absolute;left:50%;top:50%;font-size:3rem;color:var(--color-primary-500);transform:translate3d(-50%,-50%,0)}.time-breakdown-chart.svelte-7ur09l{display:flex;flex-direction:column;align-items:center;gap:1rem}.time-breakdown.svelte-7ur09l{margin:1rem 0}.time-breakdown--red.svelte-7ur09l .percentage-chart-stroke:where(.svelte-7ur09l){stroke:var(--color-red-700)}.time-breakdown--red.svelte-7ur09l .counter:where(.svelte-7ur09l){color:var(--color-red-500)}.time-breakdown--orange.svelte-7ur09l .percentage-chart-stroke:where(.svelte-7ur09l){stroke:var(--color-orange-700)}.time-breakdown--orange.svelte-7ur09l .counter:where(.svelte-7ur09l){color:var(--color-orange-700)}@keyframes svelte-7ur09l-progress{0%{stroke-dasharray:0 100}}.card.svelte-ptw5gi{border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:0}.card--untrained.svelte-ptw5gi:not(.card--selected){border-color:var(--color-neutral-800);color:var(--color-neutral-600)}.card--trained.card--red.svelte-ptw5gi:not(.card--selected){border-color:var(--color-red-700);color:var(--color-red-700)}.card--trained.card--orange.svelte-ptw5gi:not(.card--selected){border-color:var(--color-orange-700);color:var(--color-orange-700)}.card--trained.card--beginner.svelte-ptw5gi:not(.card--selected){border-color:var(--color-primary-300);color:var(--color-primary-300)}.card__content.svelte-ptw5gi{padding:.5rem 1rem;margin:auto}.card--selected.svelte-ptw5gi{background:var(--color-primary-500);color:var(--color-bg)}.card__text.svelte-ptw5gi{filter:opacity(.8)}.card__subject.svelte-ptw5gi{font-size:1.5em}.stats.svelte-ptw5gi{font-size:.8em;display:flex;justify-content:space-between;width:100%;border-radius:6px 6px 0 0;color:var(--color-neutral-500)}.stats.svelte-ptw5gi>:where(.svelte-ptw5gi){padding:.2rem}.progress.svelte-ptw5gi{margin-top:.5rem}.progress__bar.svelte-ptw5gi{height:5px;border-radius:3px;background-color:var(--color-neutral-800);position:relative;overflow:hidden}.progress__bar__progress.svelte-ptw5gi{background-color:var(--color-primary-500);position:absolute;left:0;top:0;bottom:0;width:50%}.card--selected.svelte-ptw5gi .progress__bar__progress:where(.svelte-ptw5gi){background-color:var(--color-bg)}.card--trained.card--red.svelte-ptw5gi:not(.card--selected) .progress__bar__progress:where(.svelte-ptw5gi){background-color:var(--color-red-700)}.card--trained.card--orange.svelte-ptw5gi:not(.card--selected) .progress__bar__progress:where(.svelte-ptw5gi){background-color:var(--color-orange-700)}.card--trained.card--beginner.svelte-ptw5gi:not(.card--selected) .progress__bar__progress:where(.svelte-ptw5gi){background-color:var(--color-primary-300)}.rangePips{--pip: var(--range-pip, lightslategray);--pip-text: var(--range-pip-text, var(--pip));--pip-active: var(--range-pip-active, darkslategrey);--pip-active-text: var(--range-pip-active-text, var(--pip-active));--pip-hover: var(--range-pip-hover, darkslategrey);--pip-hover-text: var(--range-pip-hover-text, var(--pip-hover));--pip-in-range: var(--range-pip-in-range, var(--pip-active));--pip-in-range-text: var(--range-pip-in-range-text, var(--pip-active-text));--pip-out-of-limit: var(--range-pip-out-of-limit, #aebecf);--pip-out-of-limit-text: var(--range-pip-out-of-limit-text, var(--pip-out-of-limit))}.rangePips{position:absolute;height:1em;left:0;right:0;bottom:-1em;font-variant-numeric:tabular-nums}.rangePips.vertical{height:auto;width:1em;left:100%;right:auto;top:0;bottom:0}.rangePips .pip{height:.4em;position:absolute;top:.25em;width:1px;white-space:nowrap}.rangePips.vertical .pip{height:1px;width:.4em;left:.25em;top:auto;bottom:auto}.rangePips .pipVal{position:absolute;top:.4em;transform:translate(-50%,25%);display:inline-flex}.rangePips.vertical .pipVal{position:absolute;top:0;left:.4em;transform:translate(25%,-50%)}.rangePips .pip{transition:all .15s ease}.rangePips .pipVal{transition:all .15s ease,font-weight 0s linear}.rangePips .pip{color:#789;color:var(--pip-text);background-color:#789;background-color:var(--pip)}.rangePips .pip.selected{color:#2f4f4f;color:var(--pip-active-text);background-color:#2f4f4f;background-color:var(--pip-active)}.rangePips.hoverable:not(.disabled) .pip:not(.out-of-limit):hover{color:#2f4f4f;color:var(--pip-hover-text);background-color:#2f4f4f;background-color:var(--pip-hover)}.rangePips .pip.in-range{color:#2f4f4f;color:var(--pip-in-range-text);background-color:#2f4f4f;background-color:var(--pip-in-range)}.rangePips .pip.out-of-limit{color:#aebecf;color:var(--pip-out-of-limit-text);background-color:#aebecf;background-color:var(--pip-out-of-limit)}.rangePips .pip.selected{height:.75em}.rangePips.vertical .pip.selected{height:1px;width:.75em}.rangePips .pip.selected .pipVal{font-weight:700;top:.75em}.rangePips.vertical .pip.selected .pipVal{top:0;left:.75em}.rangePips.hoverable:not(.disabled) .pip:not(.selected):not(.out-of-limit):hover{transition:none}.rangePips.hoverable:not(.disabled) .pip:not(.selected):not(.out-of-limit):hover .pipVal{transition:none;font-weight:700}.rangeSlider{--slider: var(--range-slider, #d7dada);--handle-inactive: var(--range-handle-inactive, #99a2a2);--handle: var(--range-handle, #838de7);--handle-focus: var(--range-handle-focus, #4a40d4);--handle-border: var(--range-handle-border, var(--handle));--range-inactive: var(--range-range-inactive, var(--handle-inactive));--range: var(--range-range, var(--handle-focus));--range-limit: var(--range-range-limit, #b9c2c2);--float-inactive: var(--range-float-inactive, var(--handle-inactive));--float: var(--range-float, var(--handle-focus));--float-text: var(--range-float-text, white)}.rangeSlider{position:relative;border-radius:100px;height:.5em;margin:1em;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.rangeSlider *{-webkit-user-select:none;user-select:none}.rangeSlider.pips{margin-bottom:1.8em}.rangeSlider.pip-labels{margin-bottom:2.8em}.rangeSlider.vertical{display:inline-block;border-radius:100px;width:.5em;min-height:200px}.rangeSlider.vertical.pips{margin-right:1.8em;margin-bottom:1em}.rangeSlider.vertical.pip-labels{margin-right:2.8em;margin-bottom:1em}.rangeSlider .rangeHandle{position:absolute;display:block;height:1.4em;width:1.4em;top:.25em;bottom:auto;transform:translateY(-50%) translate(-50%);z-index:2}.rangeSlider.reversed .rangeHandle{transform:translateY(-50%) translate(50%)}.rangeSlider.vertical .rangeHandle{left:.25em;top:auto;transform:translateY(50%) translate(-50%)}.rangeSlider.vertical.reversed .rangeHandle{transform:translateY(-50%) translate(-50%)}.rangeSlider .rangeNub,.rangeSlider .rangeHandle:before{position:absolute;left:0;top:0;display:block;border-radius:10em;height:100%;width:100%;transition:box-shadow .2s ease}.rangeSlider .rangeHandle:before{content:"";left:1px;top:1px;bottom:1px;right:1px;height:auto;width:auto;box-shadow:0 0 0 0 var(--handle-border);opacity:0}.rangeSlider.hoverable:not(.disabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:before,.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.range:not(.min):not(.max) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.range .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{display:block;position:absolute;left:50%;top:-.5em;transform:translate(-50%,-100%);font-size:1em;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;transition:all .2s ease;font-size:.9em;padding:.2em .4em;border-radius:.2em}.rangeSlider .rangeHandle.active .rangeFloat,.rangeSlider.hoverable .rangeHandle:hover .rangeFloat{opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider .rangeBar,.rangeSlider .rangeLimit{position:absolute;display:block;transition:background .2s ease;border-radius:1em;height:.5em;top:0;-webkit-user-select:none;user-select:none;z-index:1}.rangeSlider.vertical .rangeBar,.rangeSlider.vertical .rangeLimit{width:.5em;height:auto}.rangeSlider{background-color:#d7dada;background-color:var(--slider)}.rangeSlider .rangeBar{background-color:#99a2a2;background-color:var(--range-inactive)}.rangeSlider.focus .rangeBar{background-color:#838de7;background-color:var(--range)}.rangeSlider .rangeLimit{background-color:#99a2a280;background-color:var(--range-limit)}.rangeSlider .rangeNub{background-color:#99a2a2;background-color:var(--handle-inactive)}.rangeSlider.focus .rangeNub{background-color:#838de7;background-color:var(--handle)}.rangeSlider .rangeHandle.active .rangeNub{background-color:#4a40d4;background-color:var(--handle-focus)}.rangeSlider .rangeFloat{color:#fff;color:var(--float-text);background-color:#99a2a2;background-color:var(--float-inactive)}.rangeSlider.focus .rangeFloat{background-color:#4a40d4;background-color:var(--float)}.rangeSlider.disabled{opacity:.5}.rangeSlider.disabled .rangeNub{background-color:#d7dada;background-color:var(--slider)}.control-panel.svelte-1jvk3tq{background-color:var(--color-bg);position:sticky;bottom:0;padding:.5rem;border-top:1px solid var(--color-primary-900);z-index:10}.control-panel__content.svelte-1jvk3tq{display:flex;justify-content:center;align-items:center}.control-panel.svelte-1jvk3tq .btn{padding:1rem 1.5rem}.game-header.svelte-bhtbb1{background-color:var(--color-primary-900);position:sticky;top:55px;left:0;right:0;z-index:10}.head.svelte-bhtbb1{display:flex;color:var(--color-primary-300)}.head__item.svelte-bhtbb1 button:where(.svelte-bhtbb1){font-size:.9rem;white-space:nowrap}.head__item.svelte-bhtbb1{display:flex;justify-content:center;align-items:center;padding:.5rem 0}.head__item--active.svelte-bhtbb1{font-weight:700}.head__item--inactive.svelte-bhtbb1{filter:opacity(.3)}.head__item.svelte-bhtbb1:not(:last-child):after{display:inline-block;content:"→";margin:0 1rem}