/* Razlomci UI Standard 1.14.0-linked-text-roles — reference scene 1300 x 600. */
@font-face{
  font-family:"Roboto Lesson";
  src:url("./assets/RobotoLesson.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:block;
}

:root{
  /* Foundation */
  --rz-scene-width:1300px;
  --rz-scene-height:600px;
  --rz-font-family:"Roboto Lesson",Arial,sans-serif;
  --rz-ink:#111;
  --rz-muted:rgba(0,0,0,.45);
  --rz-surface:#fff;
  --rz-viewport:#f0f1f4;
  --rz-portrait-viewport:#000;
  --rz-border:rgba(0,0,0,.18);
  --rz-guide:rgba(0,0,0,.11);
  --rz-guide-strong:rgba(0,0,0,.34);
  --rz-graphite:#404040;
  --rz-correct:#39ff14;
  --rz-wrong:#ff3333;
  --rz-highlight:#d40000;

  /* Lower instruction */
  --rz-instruction-left:142px;
  --rz-instruction-right:1158px;
  --rz-instruction-width:1016px;
  --rz-instruction-bottom:12.3223px;
  --rz-instruction-height:110.9005px;
  --rz-instruction-font-size:30px;
  --rz-instruction-line-height:35px;
  --rz-linked-text-font-size:var(--rz-instruction-font-size);
  --rz-linked-text-line-height:var(--rz-instruction-line-height);

  /* Navigation and Check */
  --rz-control-right:28px;
  --rz-control-bottom:24px;
  --rz-arrow-width:52px;
  --rz-arrow-height:48px;
  --rz-arrow-gap:10px;
  --rz-arrow-radius:12px;
  --rz-arrow-icon:12px;
  --rz-arrow-stroke:4px;
  --rz-check-width:128px;
  --rz-check-height:48px;
  --rz-check-radius:12px;
  --rz-check-font-size:30px;
  --rz-check-line-height:35px;
  /* Check state 1.8.2: exact author-approved L9.80 three-state visual. */
  --rz-check-neutral:#bcc1c8;
  --rz-check-ready:#bcc1c8;
  --rz-check-correct:#39FF14;
  --rz-check-correct-bg:#39FF14;
  --rz-check-wrong:#ff3333;
  --rz-check-wrong-bg:#ff3333;
  --rz-check-feedback-text:#fff;
  --rz-check-badge-size:27.2px;
  --rz-check-badge-right:-15.6px;
  --rz-check-badge-top:-19.6px;
  --rz-check-badge-border:1.6px;
  --rz-check-badge-font:19.2px;
  --rz-check-badge-weight:900;

  /* Rating and full-screen */
  --rz-rating-size:92px;
  --rz-rating-icon-scale:80%;
  --rz-rating-gap:43px;
  --rz-rating-label-size:30px;
  --rz-rating-label-line:35px;
  --rz-fullscreen-width:182px;
  --rz-fullscreen-height:68px;
  --rz-fullscreen-radius:16px;
  --rz-fullscreen-font-size:20px;
  --rz-fullscreen-line-height:24px;
  --rz-portrait-hint-background:rgb(191,191,191);
  --rz-portrait-hint-font-size:clamp(13px,4.15vw,36px);
  --rz-portrait-hint-line-height:1.2;
  --rz-portrait-hint-radius:6px;
  --rz-portrait-hint-duration:4000ms;

  /* Pizza system — exact modes from the latest lessons; 3+ lessons required. */
  --rz-pizza-viewbox:270;
  --rz-pizza-center:135;
  --rz-pizza-radius:117;
  --rz-pizza-single:431.2796px;
  --rz-pizza-triple:230px;
  --rz-pizza-zigzag-steps:78;
  --rz-pizza-zigzag-amplitude:.55;
  --rz-pizza-piece-gap:2;
  --rz-pizza-guide-stroke:1px;
  --rz-pizza-guide-strong-stroke:2px;
  --rz-pizza-divider-stroke:2px;

  /* Hand, tap and motion */
  --rz-hand-aspect:0.6549491212;
  --rz-hand-tip-x:37.4293785311%;
  --rz-hand-tip-y:4.9953746531%;
  --rz-hand-width:141.8478px;
  --rz-hand-height:216.5783px;
  --rz-hand-press-scale:.94;
  --rz-hand-press-duration:360ms;
  --rz-hand-move-duration:1000ms;
  --rz-hand-flow-duration:2000ms;
  --rz-cue-runs:4;
  --rz-cue-pause:2000ms;
  --rz-drag-cue-pause:2000ms;
  --rz-tap-size:64.6919px;
  --rz-tap-ring:43.1327px;
  --rz-tap-stroke:3px;
  --rz-tap-duration:320ms;

  /* Feedback */
  --rz-status-control:34px;
  --rz-status-control-font:24px;
  --rz-status-result:48px;
  --rz-status-result-font:34px;
  --rz-status-large:72px;
  --rz-status-large-font:54px;
  --rz-check-flash-correct:rgba(57,255,20,.085);
  --rz-check-flash-wrong:rgba(255,51,51,.085);
  --rz-check-flash-duration:390ms;
  --rz-check-flash-hold:18%;
  --rz-check-flash-cleanup:410ms;

  /* Primary scene fraction core (L2/L4/L5/L6/L8).
     Its legibility is independent from pizza size; wrappers and line-height
     remain named lesson roles (concept, target, editable, comparison). */
  --rz-primary-fraction-digit-size:73.9336px;
  --rz-primary-fraction-bar-width:107.8199px;
  --rz-primary-fraction-bar-height:7.7014px;
  --rz-primary-fraction-bar-before:10.782px;
  --rz-primary-fraction-bar-after:13.8626px;
  /* Scene relation equals only (L2/L4/L5/L6); L8 = is an interactive control. */
  --rz-scene-relation-equals-width:52.3697px;
  --rz-scene-relation-equals-height:46.2085px;
  --rz-scene-relation-equals-arm:46.2085px;
  --rz-scene-relation-equals-stroke:7.7014px;
  --rz-scene-relation-equals-inset:10.782px;

  /* L9.52 interactive lower practice equation-entry role (L9/L10/L12 only).
     Target/choice/scene/guided/pizza roles below are separate variants. */
  --rz-fraction-equation-width:76px;
  --rz-fraction-equation-font:42px;
  --rz-fraction-equation-weight:900;
  --rz-fraction-equation-line:42.84px;
  --rz-fraction-equation-bar:76px;
  --rz-fraction-equation-bar-height:4px;
  --rz-fraction-equation-bar-gap:5px;
  --rz-fraction-target-width:106px;
  --rz-fraction-target-font:58px;
  --rz-fraction-target-line:59.16px;
  --rz-fraction-choice-width:74px;
  --rz-fraction-choice-font:36px;
  /* SVG user units in a 270 x 270 viewBox: labels scale with their pizza. */
  --rz-fraction-on-pizza:36.72px;
  --rz-fraction-outline:1.25px;
  --rz-fraction-on-pizza-bar-half:23.868px;
  --rz-fraction-on-pizza-bar-core:4.0392px;
  --rz-fraction-on-pizza-bar-outline:5.2892px;
  --rz-pizza-count-font:36.72px;
  --rz-operator-scene-width:52.3636px;
  --rz-operator-scene-height:46.2045px;
  --rz-operator-equation:33px;
  --rz-operator-equation-equals-height:27px;
  --rz-operator-equation-arm:25.5px;
  --rz-operator-equation-plus-stroke:4.25px;
  --rz-operator-equation-equals-stroke:5.25px;
  --rz-operator-equation-equals-inset:5.75px;
  --rz-operator-large:44px;
  --rz-operator-stroke:5px;

  /* L9.52 interactive equation-entry boxes/palette (L9/L10/L12 only). */
  --rz-number-control:52px;
  --rz-number-control-font:42px;
  --rz-number-control-weight:900;
  --rz-number-control-radius:12px;
  --rz-number-control-border:1px;
  --rz-number-control-active-border:2px;
  --rz-number-palette-gap:14px;
  --rz-number-active:#c40000;
  --rz-number-drop-background:rgba(196,0,0,.05);
  --rz-number-wrong-background:rgba(255,51,51,.08);
  --rz-number-drag-threshold:14px;
  --rz-number-compatibility-click:180ms;
  --rz-number-ghost-font:38px;
  --rz-number-ghost-shadow:0 5px 14px rgba(0,0,0,.18);
  --rz-stepper-width:52.3636px;
  --rz-stepper-height:46.2045px;
  --rz-stepper-radius:10.782px;
  /* Passive miniature of a control inside 30px instructional text (L2/L5/L8). */
  --rz-prompt-mini-size:1.3em;
  --rz-prompt-mini-margin:.09em;
  --rz-prompt-mini-radius:.27em;
  --rz-prompt-mini-border:1px;
  --rz-prompt-mini-arm:52%;
  --rz-prompt-mini-stroke:2px;
  --rz-prompt-mini-glyph-shift:-.045em;
  --rz-mini-control:var(--rz-prompt-mini-size);
  --rz-mini-control-radius:var(--rz-prompt-mini-radius);
  --rz-fraction-card-width:190px;
  --rz-fraction-card-height:106px;
  --rz-fraction-card-radius:12.3222px;

  /* Auxiliary visuals */
  --rz-scissors-width:47.7488px;
  --rz-scissors-height:77.0142px;
  --rz-plate-title-font:16px;
  --rz-plate-title-line:20px;
  /* Source-to-result pizza-piece transfer only: L9/L10/L12. */
  --rz-pizza-transfer-tap-threshold:8px;
  --rz-pizza-transfer-ghost-opacity:.97;
  --rz-pizza-transfer-ghost-shadow:0 4px 12px rgba(0,0,0,.18);
  --rz-drag-opacity:var(--rz-pizza-transfer-ghost-opacity);
  --rz-drag-shadow:var(--rz-pizza-transfer-ghost-shadow);
  --rz-motion-fast:120ms;
  --rz-motion-normal:220ms;
  --rz-motion-feedback:390ms;
}