.bounce-plot{--ui-chrome-height:334px;--available-height:calc(100dvh - var(--ui-chrome-height));--canvas-width:min(var(--game-max-width),var(--available-height));background:var(
    --background-color
  );height:100%;overflow:hidden;width:100%}.bounce-plot,.game-outer-card{align-items:center;display:flex;flex-direction:column}.game-outer-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex:0 1 auto;margin:8px auto 0;max-width:calc(var(--game-max-width) + 20px);min-height:0;overflow:visible;padding:8px;width:calc(var(--canvas-width) + 20px)}.game-inner-card{background:var(--game-area-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex:0 0 auto;flex-direction:column;margin:0 auto;max-width:calc(var(--game-max-width) + 2px);overflow:hidden;width:calc(var(--canvas-width) + 2px)}@media (max-width:600px){.bounce-plot{--mobile-margin:16px;--ui-chrome-height:323px;--available-height:calc(100dvh - var(--ui-chrome-height));--canvas-width:min(calc(100vw - var(--mobile-margin) - 2px),var(--available-height));--canvas-height:var(--canvas-width);background:var(--card-background)}.game-outer-card{background:#0000;border:none;border-radius:0;flex:1 1;justify-content:space-evenly;margin:0;max-width:100%;padding:0;width:100%}.game-inner-card{margin:0 auto;max-width:calc(100% - 16px);width:calc(var(--canvas-width) + 2px)}.game-area,.game-inner-card{background:var(--card-background);flex:0 0 auto}.game-canvas-wrapper{height:auto}.game-canvas-container{aspect-ratio:unset;height:var(--canvas-height);max-height:none;max-width:none;width:var(--canvas-width)}.game-outer-card>.game-header{margin-bottom:0;min-height:clamp(44px,40px + 1vh,56px);padding:6px 10px}.game-header .header-button svg{height:clamp(22px,20px + .8vh,28px);width:clamp(22px,20px + .8vh,28px)}.game-header .header-button .header-icon-calendar{height:calc(clamp(22px, 20px + .8vh, 28px)*.9);width:calc(clamp(22px, 20px + .8vh, 28px)*.9)}.header-name{font-size:clamp(18px,16px + .8vh,24px)}.header-date{font-size:clamp(10px,9px + .3vh,12px)}.level-indicators-container{padding:clamp(6px,.6vh,10px) 8px}.level-indicator{height:clamp(28px,24px + .8vh,34px);width:clamp(28px,24px + .8vh,34px)}.game-outer-card>.game-controls-container{margin-top:0;padding:clamp(10px,1vh,14px) 8px clamp(8px,.8vh,12px)}.btn-control{width:clamp(48px,44px + 1vh,56px)}.btn-control,.btn-launch{height:clamp(48px,44px + 1vh,56px)}}.game-header{background:var(--card-background);justify-content:space-between;margin-bottom:clamp(0px,2vh,32px);min-height:var(--header-height-fluid);padding:clamp(8px,1vh,16px) 12px;position:relative;width:100%;z-index:30}.game-header,.header-button{align-items:center;display:flex;flex-shrink:0}.header-button{background:none;border:none;color:var(--icon-color);cursor:pointer;justify-content:center;min-height:44px;min-width:44px;padding:6px;touch-action:manipulation;transition:opacity var(--transition-fast)}.header-button:hover{opacity:var(--opacity-hover)}.header-button svg{fill:currentColor;height:var(--header-icon-size-fluid);width:var(--header-icon-size-fluid)}.header-button .header-icon-calendar{fill:none;stroke:currentColor;height:calc(var(--header-icon-size-fluid)*.9);width:calc(var(--header-icon-size-fluid)*.9)}.header-spacer{flex-shrink:0;min-height:44px;min-width:44px}.header-title{align-items:center;display:flex;flex-direction:column;gap:0;left:50%;max-width:calc(100% - 100px);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.header-date{color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--header-date-size-fluid);font-weight:500;letter-spacing:.08em;margin-bottom:-2px;opacity:.9;text-transform:uppercase;white-space:nowrap}.header-name-link{color:inherit;cursor:pointer;pointer-events:auto;text-decoration:none;transition:opacity var(--transition-fast)}.header-name-link:hover{opacity:.75}.header-name{color:var(--text-primary);font-family:var(--font-family-logo);font-size:var(--header-logo-size-fluid);font-weight:800;letter-spacing:-.015em;white-space:nowrap}.level-indicators-container{background:var(--level-area-bg);border-bottom:none;flex-shrink:0;padding:clamp(8px,.8vh,14px) clamp(8px,.4rem + .3vw,10px);position:relative;z-index:30}.level-indicators,.level-indicators-container{align-items:center;display:flex;gap:0;justify-content:center}.level-bridge{background-color:var(--border-color);flex-shrink:0;height:2px;transition:background-color var(--transition-base);width:var(--level-bridge-width-fluid)}.level-bridge.filled{background-color:var(--success-color)}.level-indicator{align-items:center;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;font-family:var(--font-family-mono);font-size:var(--font-size-level-indicator);font-weight:600;height:var(--level-indicator-size-fluid);justify-content:center;margin:0 clamp(.375rem,.25rem + .4vw,.5rem);padding:0;position:relative;touch-action:manipulation;transition:all var(--transition-fast);width:var(--level-indicator-size-fluid)}.level-indicator:after{content:"";inset:calc(var(--a11y-touch-expansion-small)*-1);position:absolute;z-index:1}.level-indicator.pending{background:#0000;border:1.5px solid var(--border-color);color:var(--text-secondary)}.level-indicator.active{background:var(--overlay-primary-10);border:2.5px solid var(--primary-color);color:var(--primary-color);font-weight:700}.level-indicator.active.completed-viewing{background:var(--overlay-success-10);border:2.5px solid var(--success-color);color:var(--success-color);font-weight:700}.level-indicator.completed{background:var(--overlay-success-08);border:1.5px solid var(--success-color);color:#0000;position:relative}.level-indicator.completed:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M20 6L9 17L4 12" stroke="%2366BB6A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:clamp(14px,12px + .5vw,20px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(14px,12px + .5vw,20px);z-index:2}.level-indicator.failed{background:#0000;border:1.5px solid var(--border-color);color:#0000;position:relative}.level-indicator.failed:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M6 6L18 18M18 6L6 18" stroke="%2398A2AD" stroke-width="3" stroke-linecap="round"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:clamp(12px,10px + .5vw,18px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(12px,10px + .5vw,18px);z-index:2}.level-indicator.locked{background:#0000;border:1.5px dashed var(--gray-300);color:var(--text-disabled);cursor:not-allowed;opacity:.75;overflow:visible;position:relative}.level-indicator.next-level-glow{border-color:var(--primary-color);border-width:2px}.summary-indicator-button{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:var(--level-indicator-size-fluid);justify-content:center;margin:0 0 0 clamp(.5rem,.4rem + .4vw,.75rem);padding:0;position:relative;touch-action:manipulation;transition:all var(--transition-fast);width:var(--level-indicator-size-fluid)}.summary-indicator-button:after{content:"";inset:calc(var(--a11y-touch-expansion-small)*-1);position:absolute;z-index:1}.summary-indicator-button:hover{background:var(--secondary-color);transform:scale(1.05)}.summary-indicator-button svg{height:clamp(14px,12px + .5vw,18px);width:clamp(14px,12px + .5vw,18px)}.game-area{align-items:flex-start;background:var(--game-area-bg);display:flex;flex:0 0 auto;justify-content:center;min-height:0;overflow:hidden;position:relative;width:100%}.game-inner-card>.ruler-selector{border-top:none;flex:0 0 auto;width:100%}.game-canvas-wrapper{align-items:flex-start;display:flex;height:100%;justify-content:center;padding:0;position:relative;width:100%}.game-canvas-container{-webkit-overflow-scrolling:touch;aspect-ratio:1;margin:0 auto;overflow:visible;overscroll-behavior:contain;overscroll-behavior-x:contain;position:relative;transition:box-shadow .3s ease;width:var(--canvas-width)}.game-svg-layer{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:block;height:100%;left:0;overflow:visible;position:absolute;top:0;touch-action:none;user-select:none;-webkit-user-select:none;width:100%;z-index:var(--z-index-canvas)}.distance-visualization{pointer-events:none}.distance-label-bg{box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.distance-label-text{dominant-baseline:central;pointer-events:none;-webkit-user-select:none;user-select:none}.distance-visualization line{opacity:.6;pointer-events:none}.draw-overlay{cursor:crosshair!important;height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:var(--z-index-completed-overlay)}.bounce-display{-webkit-touch-callout:none;align-items:center;background:var(--overlay-surface-98);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--gray-700);display:flex;font-family:var(--font-family-mono);font-size:var(--font-size-bounce-display);font-weight:600;justify-content:center;left:50%;letter-spacing:.04em;min-width:clamp(80px,70px + 3vw,100px);padding:clamp(.25rem,.2rem + .3vw,.375rem) clamp(.625rem,.5rem + .5vw,1rem);pointer-events:none!important;position:absolute;text-align:center;text-transform:uppercase;top:clamp(8px,.6rem + .3vw,14px);transform:translateX(-50%);transition:opacity var(--transition-fast);user-select:none;-webkit-user-select:none;white-space:nowrap;will-change:opacity;z-index:var(--z-index-bounce-display)}.bounce-display .bounce-count{color:var(--gray-700)!important;display:inline-block;font-size:var(--font-size-fluid-sm)!important;font-weight:700!important;margin:0 .25rem!important;transition:none}.completed-level-overlay{background:#0000;cursor:pointer;height:100%;left:0;pointer-events:auto;position:absolute;top:0;transition:background-color .2s ease;width:100%;z-index:var(--z-index-completed-overlay)}.completed-level-overlay:hover{background:#0000}.game-controls-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-top:clamp(0px,1.5vh,24px);padding:clamp(12px,1.2vh,20px) 8px clamp(10px,1vh,18px);width:100%}.game-controls{max-width:calc(var(--game-max-width) + 2px);padding:0;width:calc(var(--canvas-width) + 2px)}.game-controls-row{flex-direction:row;gap:8px;width:100%}.btn-control,.game-controls-row{align-items:center;display:flex;justify-content:center}.btn-control{background:var(--card-background);border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--overlay-black-8);cursor:pointer;flex-shrink:0;height:var(--control-button-size-fluid);min-height:44px;min-width:44px;touch-action:manipulation;transition:background var(--transition-quick),border-color var(--transition-quick),box-shadow var(--transition-quick),transform var(--transition-quick);width:var(--control-button-size-fluid)}.btn-control:hover{background:var(--interactive-bg);border-color:var(--gray-400)}.btn-control:active{background:var(--interactive-bg-hover);box-shadow:1px 1px 0 var(--overlay-black-8);transform:translate(1px,1px)}.btn-control:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-control-icon{fill:var(--control-icon-color);height:var(--control-icon-size-fluid);width:var(--control-icon-size-fluid)}.btn-control--active{background:var(--exit-red);border-color:var(--exit-red)}.btn-control--active:hover{background:var(--exit-red-hover);border-color:var(--exit-red-hover)}.btn-control--active .btn-control-icon{fill:#fff}.btn-control:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);transform:none}.btn-undo{background:var(--undo-color);border-color:var(--undo-color)}.btn-undo:hover:not(:disabled){background:var(--undo-color-hover);border-color:var(--undo-color-hover)}.btn-undo:disabled{background:var(--gray-100);border-color:var(--gray-200);cursor:not-allowed;opacity:1}.btn-undo .btn-control-icon{fill:#fff}.btn-undo:disabled .btn-control-icon{fill:var(--gray-400);opacity:.6}.btn-launch{align-items:center;background:var(--card-background);border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--overlay-black-8);color:var(--control-icon-color);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family-base);font-size:var(--font-size-fluid-base);font-weight:700;gap:8px;height:var(--control-button-size-fluid);justify-content:center;letter-spacing:.01em;min-height:44px;touch-action:manipulation;transition:background var(--transition-quick),border-color var(--transition-quick),box-shadow var(--transition-quick),transform var(--transition-quick)}.btn-launch:hover:not(:disabled){background:var(--interactive-bg);border-color:var(--gray-400)}.btn-launch:active:not(:disabled){background:var(--interactive-bg-hover);box-shadow:1px 1px 0 var(--overlay-black-8);transform:translate(1px,1px)}.btn-launch:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-launch:disabled{cursor:default;opacity:.6}.btn-launch-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.btn-launch-icon svg{fill:currentColor;height:16px;width:16px}.btn-launch-text{line-height:1}.btn-launch-pips{align-items:center;display:inline-flex;gap:5px;margin-left:.5rem}.btn-launch-pip{background:currentColor;border-radius:50%;height:7px;width:7px}.btn-launch-pip--live{opacity:.9}.btn-launch-pip--spent{opacity:.25}.btn-launch--ready{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-launch--ready:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary-soft)}.btn-launch--ready:active:not(:disabled){background:var(--primary-color);filter:brightness(.95)}.btn-launch--ready:not(:disabled){animation:launchReadyPulse 2.5s ease-in-out infinite}@keyframes launchReadyPulse{0%,to{box-shadow:0 0 0 0 var(--overlay-primary-40)}50%{box-shadow:0 0 0 5px #0000}}@media (prefers-reduced-motion:reduce){.btn-launch--ready:not(:disabled){animation:none}}.btn-launch--processing{opacity:.8}.loading-overlay{align-items:center;background:var(--overlay-surface-95);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:var(--z-index-loading)}.loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:36px;width:36px}.loading-overlay p{color:var(--text-secondary);font-size:var(--font-size-fluid-sm);font-weight:500;margin-top:1rem}.modal-redirect .redirect-details{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:20px;text-align:center}@media (hover:none) and (pointer:coarse){.btn-control:hover,.btn-launch:hover{transform:none}.btn-control:active{transform:scale(.95)}.btn-launch:active{transform:scale(.98)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.game-svg-layer{shape-rendering:geometricPrecision}}@supports (-webkit-touch-callout:none){.bounce-plot{height:-webkit-fill-available}}:focus-visible{box-shadow:var(--shadow-focus);outline:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animated-face{pointer-events:none;transition:opacity .3s ease}.animated-face circle,.animated-face line,.animated-face path{transition:all .15s ease-out}@media (prefers-reduced-motion:reduce){.animated-face{display:none}}.marker{cursor:pointer}.marker:hover .marker-pin{filter:brightness(1.1);transition:filter .15s ease-out}.modal-loading-fallback{inset:0;pointer-events:none;position:fixed;z-index:1000}.hint-gate-slot{flex-shrink:0;position:relative}.btn-hint-gate{color:var(--gray-700);font-family:var(--font-family-mono);font-size:var(--font-size-bounce-display);font-weight:600;gap:.375rem;letter-spacing:.04em;padding:0 clamp(.625rem,.5rem + .5vw,1rem);text-transform:uppercase;white-space:nowrap;width:auto}.btn-hint-gate-cap{color:var(--warning-color);font-size:.85em;letter-spacing:0;opacity:.9;white-space:nowrap}.btn-hint-gate--open{background:var(--text-primary);border-color:var(--text-primary);box-shadow:1px 1px 0 var(--overlay-black-8);color:var(--card-background);transform:translate(1px,1px)}.btn-hint-gate--open:hover{background:var(--gray-700);border-color:var(--gray-700);color:var(--card-background)}.btn-hint-gate--open:active{background:var(--gray-700);box-shadow:none;transform:translate(2px,2px)}.hint-gate-note{color:var(--text-secondary);font-size:var(--font-size-fluid-xs);line-height:1.4;margin:0}.hint-gate-note--floating{background:var(--overlay-surface-98);border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);left:0;max-width:15rem;padding:.5rem .75rem;pointer-events:none;position:absolute;width:max-content;z-index:var(--z-index-bounce-display)}.ruler-selector{background:var(--ruler-bg);border-radius:0;flex-shrink:0;height:var(--ruler-height-fluid);overflow:hidden;position:relative;touch-action:manipulation;transition:opacity .45s ease;user-select:none;-webkit-user-select:none;width:100%}.ruler-selector--disabled{pointer-events:none}.game-inner-card.drama-zoom-active .ruler-selector{opacity:0;transition:opacity .15s ease}.ruler-selector--disabled .ruler-section,.ruler-selector--disabled .ruler-slider-container,.ruler-selector--disabled .ruler-ticks{opacity:.5;transition:opacity var(--transition-fast)}.ruler-ticks{height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.ruler-tick{background:var(--ruler-tick-color);position:absolute;top:0;transform:translateX(-50%);width:1px}.ruler-tick--major{height:var(--ruler-tick-major-height);opacity:.6}.ruler-tick--minor{height:var(--ruler-tick-minor-height);opacity:.3}.ruler-indicator{background:var(--gray-600);bottom:0;opacity:.5;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:1}.ruler-slider-container{align-items:center;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.ruler-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;appearance:none;background:#0000;cursor:pointer;height:100%;margin:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.ruler-slider::-webkit-slider-runnable-track{background:#0000;border-radius:2px;height:4px;width:100%}.ruler-slider::-moz-range-track{background:#0000;border-radius:2px;height:4px;width:100%}.ruler-slider::-webkit-slider-thumb{appearance:none;background:var(--ruler-thumb-color);border:none;border-radius:2px;cursor:grab;height:var(--ruler-thumb-height);margin-top:-16px;-webkit-transition:transform var(--transition-quick),box-shadow var(--transition-quick);transition:transform var(--transition-quick),box-shadow var(--transition-quick);width:var(--ruler-thumb-width)}.ruler-slider::-moz-range-thumb{background:var(--ruler-thumb-color);border:none;border-radius:2px;cursor:grab;height:var(--ruler-thumb-height);-moz-transition:transform var(--transition-quick),box-shadow var(--transition-quick);transition:transform var(--transition-quick),box-shadow var(--transition-quick);width:var(--ruler-thumb-width)}.ruler-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--overlay-primary-20)}.ruler-slider:hover::-moz-range-thumb{box-shadow:0 0 0 4px var(--overlay-primary-20)}.ruler-slider:active::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--overlay-primary-30);cursor:grabbing;transform:scaleY(1.1)}.ruler-slider:active::-moz-range-thumb{box-shadow:0 0 0 6px var(--overlay-primary-30);cursor:grabbing;transform:scaleY(1.1)}.ruler-slider:focus{outline:none}.ruler-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--card-background),0 0 0 4px var(--text-secondary)}.ruler-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--card-background),0 0 0 4px var(--text-secondary)}.ruler-slider--active::-webkit-slider-thumb{animation:ruler-thumb-pulse 2.4s ease-in-out infinite}.ruler-slider--active::-moz-range-thumb{animation:ruler-thumb-pulse 2.4s ease-in-out infinite}@keyframes ruler-thumb-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.08)}}.ruler-slider:disabled{cursor:not-allowed}.ruler-slider:disabled::-webkit-slider-thumb{animation:none;background:var(--gray-400);cursor:not-allowed}.ruler-slider:disabled::-moz-range-thumb{animation:none;background:var(--gray-400);cursor:not-allowed}.ruler-chevrons{align-items:center;animation:ruler-chevron-wave 2s ease-in-out infinite;display:flex;gap:24px;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.ruler-chevron{color:var(--primary-color);height:14px;width:20px}.ruler-chevron--left{transform:translateX(-8px)}.ruler-chevron--right{transform:translateX(8px)}@keyframes ruler-chevron-wave{0%,to{transform:translate(-50%,-50%) translateX(0)}25%{transform:translate(-50%,-50%) translateX(-3px)}50%{transform:translate(-50%,-50%) translateX(0)}75%{transform:translate(-50%,-50%) translateX(3px)}}.ruler-sections{align-items:stretch;left:0;right:0}.ruler-section,.ruler-sections{bottom:0;display:flex;position:absolute;top:0}.ruler-section{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;flex-direction:column;font-family:var(--font-family-base);gap:6px;justify-content:center;padding-bottom:7px}.ruler-section:before{background:#0000;border-radius:0 0 var(--radius-sm) var(--radius-sm);content:"";inset:0 3px 4px;pointer-events:none;position:absolute;transition:background .2s ease;z-index:0}.ruler-section-ticks{align-items:flex-start;display:flex;gap:4px;pointer-events:none;position:relative;z-index:1}.ruler-section-tick{background:var(--gray-400);border-radius:0 0 1px 1px;transition:all .2s cubic-bezier(.4,0,.2,1);width:2px}.ruler-section-tick--side{height:6px}.ruler-section-tick--center{height:12px}.ruler-section-label{color:var(--gray-500);font-family:var(--font-family-mono);font-size:var(--font-size-fluid-lg);font-weight:600;letter-spacing:0;line-height:1;pointer-events:none;position:relative;transition:all .2s ease;z-index:1}.ruler-section--hover:not(.ruler-section--eliminated):before,.ruler-section:hover:not(.ruler-section--eliminated):before{background:var(--overlay-primary-20)}.ruler-section--hover:not(.ruler-section--eliminated) .ruler-section-tick,.ruler-section:hover:not(.ruler-section--eliminated) .ruler-section-tick{background:var(--primary-color)}.ruler-section--hover:not(.ruler-section--eliminated) .ruler-section-tick--center,.ruler-section:hover:not(.ruler-section--eliminated) .ruler-section-tick--center{height:14px}.ruler-section--hover:not(.ruler-section--eliminated) .ruler-section-label,.ruler-section:hover:not(.ruler-section--eliminated) .ruler-section-label{color:var(--primary-color)}.ruler-section--selected:before{background:var(--overlay-primary-20)}.ruler-section--selected .ruler-section-tick{background:var(--primary-color);width:2px}.ruler-section--selected .ruler-section-tick--side{height:8px}.ruler-section--selected .ruler-section-tick--center{height:14px}.ruler-section--selected .ruler-section-label{color:var(--primary-color);font-weight:800}.ruler-section--selected:hover:before{background:var(--overlay-primary-30)}.ruler-section--correct:before{background:var(--overlay-success-20)}.ruler-section--correct .ruler-section-tick{background:var(--success-color);width:2px}.ruler-section--correct .ruler-section-tick--side{height:8px}.ruler-section--correct .ruler-section-tick--center{height:14px}.ruler-section--correct .ruler-section-label{color:var(--success-color);font-weight:800}.ruler-section--incorrect:before{background:var(--overlay-error-10)}.ruler-section--incorrect .ruler-section-tick{background:var(--error-color);width:2px}.ruler-section--incorrect .ruler-section-tick--side{height:8px}.ruler-section--incorrect .ruler-section-tick--center{height:14px}.ruler-section--incorrect .ruler-section-label{color:var(--error-color);font-weight:800}.ruler-selector--disabled .ruler-section--correct,.ruler-selector--disabled .ruler-section--incorrect{opacity:1}.ruler-section:focus{outline:none}.ruler-section:focus-visible{box-shadow:0 0 0 2px var(--ruler-bg),0 0 0 4px var(--primary-color)}.ruler-section:disabled{cursor:default}.ruler-section--correct:disabled,.ruler-section--incorrect:disabled{opacity:1}.ruler-sections--awaiting .ruler-section-tick{animation:tick-pulse 3s ease-in-out infinite}@keyframes tick-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:600px){.ruler-selector{height:clamp(46px,40px + 1vh,58px)}.ruler-section{font-size:var(--font-size-fluid-base)}.ruler-chevron{height:12px;width:16px}.ruler-chevrons{gap:20px}}@media (hover:none) and (pointer:coarse){.ruler-section{min-height:44px}.ruler-selector,.ruler-slider-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ruler-slider::-webkit-slider-thumb{border-radius:3px;width:12px}.ruler-slider::-moz-range-thumb{border-radius:3px;width:12px}}.ruler-section--eliminated{cursor:not-allowed;opacity:.35}.ruler-section--eliminated:disabled{cursor:not-allowed}.ruler-section--eliminated .ruler-section-label{text-decoration:line-through;text-decoration-thickness:2px}.ruler-section--eliminated .ruler-section-tick{opacity:.4}.ruler-section--answer:before{background:var(--overlay-success-20);box-shadow:inset 0 0 0 2px var(--success-color)}.ruler-section--answer .ruler-section-label{color:var(--success-color);font-weight:800}.ruler-section--answer .ruler-section-tick{background:var(--success-color)}.ruler-section--answer:disabled,.ruler-selector--disabled .ruler-section--answer{opacity:1}
