@import url("./design-tokens.css");

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;font-family:var(--rz-font-family);color:var(--rz-ink)}
button,input{font:inherit;color:inherit}
[hidden]{display:none!important}

/* 01 — root scene */
.rz-viewport{position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--rz-viewport)}
.rz-scene-shell{position:relative;margin:0;overflow:visible}
.rz-scene{
  position:absolute;left:0;top:0;width:var(--rz-scene-width);height:var(--rz-scene-height);
  overflow:hidden;background:var(--rz-surface);transform-origin:0 0;isolation:isolate;
}
@media (orientation:portrait){
  html,body,.rz-viewport{background:var(--rz-portrait-viewport)}
  .rz-scene-shell{top:0!important;margin-top:0!important}
}

/* 02 — full-screen entry */
.rz-fullscreen-gate{
  position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;
  width:100vw;height:100dvh;border:0;background:transparent;padding:0;
}
.rz-fullscreen-button{
  display:flex;align-items:center;justify-content:center;width:var(--rz-fullscreen-width);
  height:var(--rz-fullscreen-height);border:1px solid var(--rz-border);border-radius:var(--rz-fullscreen-radius);
  background:#fff;font-size:var(--rz-fullscreen-font-size);font-weight:600;line-height:var(--rz-fullscreen-line-height);
  box-shadow:0 2px 8px rgba(0,0,0,.14);cursor:pointer;
}

/* 03 — rating */
.rz-rating-screen{
  position:absolute;inset:120px 0 132px;z-index:65;display:flex;align-items:center;
  justify-content:center;background:#fff;
}
.rz-rating-scale{position:relative;display:flex;align-items:center;justify-content:center}
.rz-rating-options{display:flex;align-items:center;justify-content:center;gap:var(--rz-rating-gap)}
.rz-rating-card{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:var(--rz-rating-size);min-width:var(--rz-rating-size);height:var(--rz-rating-size);
  padding:0;border:2px solid transparent;border-radius:50%;background:transparent;
  cursor:pointer;transition:transform var(--rz-motion-fast) ease,color var(--rz-motion-fast) ease;
}
.rz-rating-card:active{transform:scale(.97)}
.rz-rating-card.selected{color:var(--rz-correct);transform:scale(1.04)}
.rz-rating-card.selected::after{
  content:"";position:absolute;left:50%;top:50%;width:80%;height:80%;border:2px solid currentColor;
  border-radius:50%;transform:translate(-50%,-50%);
}
.rz-rating-icon{display:block;width:var(--rz-rating-icon-scale);height:var(--rz-rating-icon-scale)}
.rz-rating-labels{position:absolute;left:0;top:calc(100% + 16px);width:100%;font-size:var(--rz-rating-label-size);line-height:var(--rz-rating-label-line)}
.rz-rating-hard,.rz-rating-easy{position:absolute;top:0;width:max-content}
.rz-rating-hard{left:calc(var(--rz-rating-size)/2);transform:translateX(-50%)}
.rz-rating-easy{right:calc(var(--rz-rating-size)/2);transform:translateX(50%)}

/* 04 — optional, non-blocking portrait hint */
.rz-portrait-hint{
  position:fixed;left:50%;top:50%;z-index:9998;display:none;align-items:center;
  justify-content:center;transform:translate(-50%,-50%);padding:7px 10px;border-radius:6px;
  width:max-content;max-width:calc(100vw - 16px);background:var(--rz-portrait-hint-background);
  color:#111;text-align:center;white-space:nowrap;font-size:var(--rz-portrait-hint-font-size);
  font-weight:400;line-height:var(--rz-portrait-hint-line-height);pointer-events:none;
}
@media (orientation:portrait){.rz-portrait-hint.visible{display:flex}}

/* 05 — instruction text */
.rz-instruction{
  position:absolute;left:var(--rz-instruction-left);bottom:var(--rz-instruction-bottom);z-index:30;
  width:var(--rz-instruction-width);height:var(--rz-instruction-height);display:flex;
  flex-direction:column;align-items:stretch;justify-content:flex-end;color:var(--rz-ink);
  font-size:var(--rz-instruction-font-size);font-weight:400;line-height:var(--rz-instruction-line-height);
  text-align:center;pointer-events:none;white-space:normal;overflow:visible;
}
.rz-instruction-line{display:block;width:100%;white-space:nowrap;text-align:center}
.rz-instruction[data-instruction-layout-warning="crosses-arrow-zone"]{z-index:1000}
.rz-instruction[data-instruction-layout-warning="too-long-for-two-lines"]{color:#9b0000}
.rz-linked-prose{
  font-size:var(--rz-linked-text-font-size);font-weight:400;
  line-height:var(--rz-linked-text-line-height);
}

/* 06 — navigation arrows */
.rz-nav{position:absolute;right:var(--rz-control-right);bottom:var(--rz-control-bottom);z-index:80;display:flex;gap:var(--rz-arrow-gap)}
.rz-nav-arrow{
  position:relative;display:flex;align-items:center;justify-content:center;width:var(--rz-arrow-width);
  height:var(--rz-arrow-height);min-width:var(--rz-arrow-width);padding:0;border:1px solid var(--rz-border);
  border-radius:var(--rz-arrow-radius);background:#fff;color:#111;font-size:0;cursor:pointer;
}
.rz-nav-arrow::before{
  content:"";position:absolute;left:50%;top:50%;width:var(--rz-arrow-icon);height:var(--rz-arrow-icon);
  border-right:var(--rz-arrow-stroke) solid currentColor;border-bottom:var(--rz-arrow-stroke) solid currentColor;
  border-radius:1px;transform-origin:center;
}
.rz-nav-arrow.prev::before{transform:translate(-42%,-50%) rotate(135deg)}
.rz-nav-arrow.next::before{transform:translate(-58%,-50%) rotate(-45deg)}
.rz-nav-arrow:disabled{color:var(--rz-border);cursor:default}

/* 07–08 — pizza/plate and zigzag division system */
.rz-pizza{
  --rz-pizza-size:var(--rz-pizza-single);position:relative;width:var(--rz-pizza-size);
  height:var(--rz-pizza-size);flex:0 0 var(--rz-pizza-size);isolation:isolate;
}
.rz-pizza::before,.rz-pizza::after{content:"";position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:contain}
.rz-pizza::before{z-index:0;background-image:url("./assets/plate.png")}
.rz-pizza::after{z-index:1;inset:6.6666667%;border-radius:50%;background-image:url("./assets/pizza.png");box-shadow:0 1px 2px rgba(0,0,0,.1)}
.rz-pizza-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}
.rz-zigzag-guide{fill:none;stroke:var(--rz-guide);stroke-width:var(--rz-pizza-guide-stroke);stroke-dasharray:7 6;stroke-linecap:round;stroke-linejoin:round}
.rz-zigzag-guide.strong{stroke:var(--rz-guide-strong);stroke-width:var(--rz-pizza-guide-strong-stroke)}
.rz-zigzag-divider{fill:none;stroke:#fff;stroke-width:var(--rz-pizza-divider-stroke);stroke-linecap:round;stroke-linejoin:round}
.rz-pizza--triple{--rz-pizza-size:var(--rz-pizza-triple)}

/* 11, 17, 18 — hand, tap circle and press effect */
.rz-hand{
  position:absolute;z-index:90;width:var(--rz-hand-width);height:var(--rz-hand-height);
  pointer-events:none;transform-origin:var(--rz-hand-tip-x) var(--rz-hand-tip-y);
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.2));will-change:left,top,transform,opacity;
}
.rz-hand img{display:block;width:100%;height:100%;object-fit:contain}
.rz-hand.pressing{animation:rz-hand-press var(--rz-hand-press-duration) ease-in-out}
@keyframes rz-hand-press{0%,100%{transform:scale(1)}50%{transform:scale(var(--rz-hand-press-scale))}}
.rz-tap{
  position:absolute;z-index:89;width:var(--rz-tap-size);height:var(--rz-tap-size);
  pointer-events:none;transform:translate(-50%,-50%);
}
.rz-tap::before{
  content:"";position:absolute;left:50%;top:50%;width:var(--rz-tap-ring);height:var(--rz-tap-ring);
  border:var(--rz-tap-stroke) solid var(--rz-wrong);border-radius:50%;opacity:0;
  transform:translate(-50%,-50%) scale(.7);
}
.rz-tap.active::before{animation:rz-tap-ring var(--rz-tap-duration) ease-in-out both}
@keyframes rz-tap-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:.96;transform:translate(-50%,-50%) scale(1)}70%{opacity:.9;transform:translate(-50%,-50%) scale(1.05)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}

/* 12 — status marks */
.rz-status{
  --rz-status-size:var(--rz-status-control);--rz-status-font:var(--rz-status-control-font);
  display:flex;align-items:center;justify-content:center;width:var(--rz-status-size);height:var(--rz-status-size);
  border:2px solid currentColor;border-radius:50%;background:#fff;font-size:var(--rz-status-font);
  font-weight:900;line-height:1;
}
.rz-status.correct{color:var(--rz-correct)}
.rz-status.wrong{color:var(--rz-wrong)}
.rz-status--result{--rz-status-size:var(--rz-status-result);--rz-status-font:var(--rz-status-result-font);border-width:3px}
.rz-status--large{--rz-status-size:var(--rz-status-large);--rz-status-font:var(--rz-status-large-font)}

/* 13 — stacked fraction. The default shown here is the L9.52 interactive
   lower practice-row role for L9/L10/L12; named variants are not overwritten. */
.rz-fraction{
  --rz-frac-width:var(--rz-fraction-equation-width);--rz-frac-font:var(--rz-fraction-equation-font);
  --rz-frac-line:var(--rz-fraction-equation-line);--rz-frac-bar:var(--rz-fraction-equation-bar);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:var(--rz-frac-width);font-size:var(--rz-frac-font);
  font-weight:var(--rz-fraction-equation-weight);line-height:var(--rz-frac-line);color:var(--rz-ink);
}
.rz-fraction .bar{display:block;flex:0 0 var(--rz-fraction-equation-bar-height);width:var(--rz-frac-bar);height:var(--rz-fraction-equation-bar-height);margin:var(--rz-fraction-equation-bar-gap) 0;border-radius:99px;background:currentColor}
.rz-fraction--primary{
  --rz-frac-width:auto;--rz-frac-font:var(--rz-primary-fraction-digit-size);
  --rz-frac-bar:var(--rz-primary-fraction-bar-width);line-height:.88;min-width:var(--rz-primary-fraction-bar-width);
}
.rz-fraction--primary .bar{
  flex-basis:var(--rz-primary-fraction-bar-height);width:var(--rz-primary-fraction-bar-width);
  height:var(--rz-primary-fraction-bar-height);
  margin:var(--rz-primary-fraction-bar-before) 0 var(--rz-primary-fraction-bar-after);
}
.rz-fraction--target{--rz-frac-width:var(--rz-fraction-target-width);--rz-frac-font:var(--rz-fraction-target-font);--rz-frac-line:var(--rz-fraction-target-line);--rz-frac-bar:106px;font-weight:900}
.rz-fraction--choice{--rz-frac-width:var(--rz-fraction-choice-width);--rz-frac-font:var(--rz-fraction-choice-font);--rz-frac-line:36px;--rz-frac-bar:52px}

/* 14, 23, 31 — equals, plus and minus; only the interactive lower
   practice-row equation role in L9/L10/L12 follows L9.52. */
.rz-operator{position:relative;display:block;width:var(--rz-operator-equation);height:var(--rz-operator-equation);flex:0 0 auto;color:var(--rz-ink)}
.rz-operator--scene{width:var(--rz-operator-scene-width);height:var(--rz-operator-scene-height)}
.rz-operator--large{width:var(--rz-operator-large);height:var(--rz-operator-large)}
.rz-operator::before,.rz-operator::after{content:"";position:absolute;background:currentColor;border-radius:1px}
.rz-operator--equals{height:var(--rz-operator-equation-equals-height)}
.rz-operator--equals::before,.rz-operator--equals::after{left:50%;width:var(--rz-operator-equation-arm);height:var(--rz-operator-equation-equals-stroke);transform:translateX(-50%)}
.rz-operator--equals::before{top:var(--rz-operator-equation-equals-inset)}
.rz-operator--equals::after{bottom:var(--rz-operator-equation-equals-inset)}
.rz-operator--scene.rz-operator--equals{width:var(--rz-scene-relation-equals-width);height:var(--rz-scene-relation-equals-height)}
.rz-operator--scene.rz-operator--equals::before,
.rz-operator--scene.rz-operator--equals::after{
  width:var(--rz-scene-relation-equals-arm);height:var(--rz-scene-relation-equals-stroke);
}
.rz-operator--scene.rz-operator--equals::before{top:var(--rz-scene-relation-equals-inset)}
.rz-operator--scene.rz-operator--equals::after{bottom:var(--rz-scene-relation-equals-inset)}
.rz-operator--plus::before,.rz-operator--plus::after{left:50%;top:50%;transform:translate(-50%,-50%)}
.rz-operator--plus::before{width:var(--rz-operator-equation-arm);height:var(--rz-operator-equation-plus-stroke)}
.rz-operator--plus::after{width:var(--rz-operator-equation-plus-stroke);height:var(--rz-operator-equation-arm)}
.rz-operator--minus::before{left:50%;top:50%;width:var(--rz-operator-equation-arm);height:var(--rz-operator-equation-plus-stroke);transform:translate(-50%,-50%)}
.rz-operator--minus::after{display:none}

/* 15 — persistent Check state 1.8.2, exact author-approved L9.80 visual.
   Only the three visible states are shared; completion remains lesson-local. */
.rz-check{
  position:absolute;right:var(--rz-control-right);top:24px;z-index:81;display:flex;
  align-items:center;justify-content:center;width:var(--rz-check-width);height:var(--rz-check-height);
  padding:0;border:2px solid var(--rz-check-neutral);border-radius:var(--rz-check-radius);background:var(--rz-check-neutral);
  color:var(--rz-check-feedback-text);font-size:var(--rz-check-font-size);font-weight:400;line-height:var(--rz-check-line-height);cursor:pointer;
}
.rz-check.input-ready,.rz-check.inputReady{border:2px solid var(--rz-check-ready);background:var(--rz-check-ready);color:var(--rz-check-feedback-text);box-shadow:none}
.rz-check.correct{border:2px solid var(--rz-check-correct);background:var(--rz-check-correct-bg);color:var(--rz-check-feedback-text);outline:none;box-shadow:none;opacity:1}
.rz-check.wrong{border:2px solid var(--rz-check-wrong);background:var(--rz-check-wrong-bg);color:var(--rz-check-feedback-text);outline:none;box-shadow:none;opacity:1}
.rz-check .rz-status{
  position:absolute;left:auto;right:var(--rz-check-badge-right);top:var(--rz-check-badge-top);bottom:auto;
  display:none;width:var(--rz-check-badge-size);min-width:var(--rz-check-badge-size);max-width:var(--rz-check-badge-size);
  height:var(--rz-check-badge-size);min-height:var(--rz-check-badge-size);max-height:var(--rz-check-badge-size);
  box-sizing:border-box;border:var(--rz-check-badge-border) solid currentColor;border-radius:50%;background:#fff;
  font-size:var(--rz-check-badge-font);font-weight:var(--rz-check-badge-weight);line-height:1;pointer-events:none;
}
.rz-check.correct .rz-status{display:flex;color:var(--rz-check-correct);border-color:var(--rz-check-correct)}
.rz-check.wrong .rz-status{display:flex;color:var(--rz-check-wrong);border-color:var(--rz-check-wrong)}

/* Check feedback 1.6 — exact L13.17 whole-scene flash reference */
.rz-scene.rz-check-feedback-correct::before,
.rz-scene.rz-check-feedback-wrong::before{
  content:"";position:absolute;inset:0;z-index:0;box-sizing:border-box;
  pointer-events:none;opacity:0;animation:rz-check-feedback-flash var(--rz-check-flash-duration) linear both;
}
.rz-scene.rz-check-feedback-correct::before{background:var(--rz-check-flash-correct)}
.rz-scene.rz-check-feedback-wrong::before{background:var(--rz-check-flash-wrong)}
@keyframes rz-check-feedback-flash{0%,18%{opacity:1}100%{opacity:0}}

/* 16 — fraction on pizza (SVG text/line helpers) */
.rz-pizza-fraction text{fill:#fff;stroke:var(--rz-graphite);stroke-width:var(--rz-fraction-outline);paint-order:stroke fill;stroke-linejoin:round;font-family:var(--rz-font-family);font-size:var(--rz-fraction-on-pizza);font-weight:900;text-anchor:middle;dominant-baseline:middle}
.rz-pizza-fraction .outline{stroke:var(--rz-graphite);stroke-width:var(--rz-fraction-on-pizza-bar-outline);stroke-linecap:round}
.rz-pizza-fraction .core{stroke:#fff;stroke-width:var(--rz-fraction-on-pizza-bar-core);stroke-linecap:round}

/* 19, 21, 22 — generic drag affordance; task behavior is role-scoped. */
.rz-draggable{cursor:grab;touch-action:none}.rz-draggable:active{cursor:grabbing}
.rz-drag-ghost{position:fixed;z-index:9999;pointer-events:none;opacity:var(--rz-drag-opacity);filter:drop-shadow(var(--rz-drag-shadow));will-change:left,top,transform}
.rz-drop-target{position:relative;border:2px dashed var(--rz-guide-strong);border-radius:50%;transition:border-color var(--rz-motion-normal),box-shadow var(--rz-motion-normal)}
.rz-drop-target.ready{border-color:#111}.rz-drop-target.correct{border-color:var(--rz-correct);box-shadow:0 0 0 4px rgba(57,255,20,.24)}
.rz-pizza-transfer .rz-drag-ghost{
  opacity:var(--rz-pizza-transfer-ghost-opacity);
  filter:drop-shadow(var(--rz-pizza-transfer-ghost-shadow));
}

/* 20, 29 — single/triple pizza layouts */
.rz-layout-single{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:58px}
.rz-layout-triple{display:grid;grid-template-columns:var(--rz-pizza-triple) 44px var(--rz-pizza-triple) 44px var(--rz-pizza-triple);align-items:center;justify-items:center;column-gap:10px;width:max-content}

/* 24 — number transfer */
.rz-number-transfer{position:absolute;z-index:95;display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;color:#111;font-size:42px;font-weight:700;line-height:42px;pointer-events:none;filter:drop-shadow(0 3px 10px rgba(0,0,0,.18))}

/* 25–26 — interactive lower practice-row palette/slot, L9/L10/L12 only. */
.rz-number-palette{display:flex;align-items:center;justify-content:center;gap:var(--rz-number-palette-gap)}
.rz-number-tile,.rz-number-slot{
  display:flex;align-items:center;justify-content:center;width:var(--rz-number-control);height:var(--rz-number-control);
  padding:0;border:var(--rz-number-control-border) solid var(--rz-border);border-radius:var(--rz-number-control-radius);
  background:#fff;color:var(--rz-ink);font-size:var(--rz-number-control-font);font-weight:var(--rz-number-control-weight);line-height:1;box-shadow:none;
}
.rz-number-tile.selected,.rz-number-slot.selected{border:var(--rz-number-control-active-border) solid var(--rz-number-active);background:#fff}
.rz-number-slot.prompt{border:var(--rz-number-control-border) solid var(--rz-number-active);background:#fff}
.rz-number-slot.filled{border-color:transparent;background:transparent}
.rz-number-slot.filled.selected{border:var(--rz-number-control-active-border) solid var(--rz-number-active);background:#fff}
.rz-number-slot.drop-target{border:var(--rz-number-control-active-border) solid var(--rz-number-active);background:var(--rz-number-drop-background)}
.rz-number-slot.wrong{border:var(--rz-number-control-active-border) solid var(--rz-wrong);background:var(--rz-number-wrong-background);box-shadow:none}

/* 27 — standalone pizza count number */
.rz-pizza-count{fill:#fff;stroke:var(--rz-graphite);stroke-width:1.25;paint-order:stroke fill;stroke-linejoin:round;font-family:var(--rz-font-family);font-size:var(--rz-pizza-count-font);font-weight:900;text-anchor:middle;dominant-baseline:middle}

/* 28 — editable fraction input */
.rz-fraction-input{display:grid;grid-template-columns:52px;grid-template-rows:52px 4px 52px;align-items:center;justify-items:center;row-gap:5px}
.rz-fraction-input .bar{width:52px;height:4px;border-radius:99px;background:#111}

/* 30 — passive miniature of a control inside instruction text. */
.rz-mini-control{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:var(--rz-prompt-mini-size);height:var(--rz-prompt-mini-size);margin:0 var(--rz-prompt-mini-margin);
  box-sizing:border-box;border:var(--rz-prompt-mini-border) solid var(--rz-border);border-radius:var(--rz-prompt-mini-radius);
  background:#fff;color:#111;line-height:inherit;vertical-align:-.31em;white-space:nowrap;pointer-events:none;
}
.rz-mini-control--stroke::before,.rz-mini-control--plus::after{
  content:"";position:absolute;left:50%;top:50%;border-radius:999px;background:#111;transform:translate(-50%,-50%);
}
.rz-mini-control--stroke::before{width:var(--rz-prompt-mini-arm);height:var(--rz-prompt-mini-stroke)}
.rz-mini-control--plus::after{width:var(--rz-prompt-mini-stroke);height:var(--rz-prompt-mini-arm)}
.rz-mini-control--text{vertical-align:0}
.rz-mini-control__glyph{font-family:var(--rz-font-family);font-size:1em;font-weight:900;line-height:1;transform:translateY(var(--rz-prompt-mini-glyph-shift))}

/* 32 — fraction stepper */
.rz-stepper{position:relative;display:flex;align-items:center;justify-content:center;width:var(--rz-stepper-width);height:var(--rz-stepper-height);padding:0;border:1px solid var(--rz-border);border-radius:var(--rz-stepper-radius);background:#fff}
.rz-stepper .rz-operator{transform:scale(.65)}

/* 33 — fraction card */
.rz-fraction-card{display:grid;grid-template-columns:76px 1fr;align-items:center;justify-items:center;width:var(--rz-fraction-card-width);height:var(--rz-fraction-card-height);padding:8px;border:2px solid var(--rz-border);border-radius:var(--rz-fraction-card-radius);background:#fff}
.rz-fraction-card.selected{border-color:#111}.rz-fraction-card.correct{border-color:var(--rz-correct)}.rz-fraction-card.wrong{border-color:var(--rz-wrong)}

/* 35 — result badge */
.rz-result-badge{display:flex;align-items:center;justify-content:center;min-width:72px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.rz-result-badge .rz-fraction{--rz-frac-width:72px;--rz-frac-font:31px;--rz-frac-line:27px;--rz-frac-bar:46px;--rz-fraction-equation-bar-height:4px}

/* 36 — scissors */
.rz-scissors{display:block;width:var(--rz-scissors-width);height:var(--rz-scissors-height);object-fit:contain;filter:brightness(0) saturate(100%) invert(83%) sepia(97%) saturate(1815%) hue-rotate(52deg) brightness(107%) contrast(112%)}

/* 37 — expanded equation */
.rz-expanded-equation{display:flex;align-items:center;justify-content:center;gap:14px;min-height:118px}.rz-expanded-equation .rz-fraction{--rz-frac-font:40px;--rz-frac-line:40px;--rz-frac-bar:68px}.rz-expanded-equation .expanded{--rz-frac-width:118px;--rz-frac-bar:118px}

/* 38 — plate title */
.rz-plate-title{position:absolute;left:0;right:0;top:-30px;text-align:center;color:var(--rz-muted);font-size:var(--rz-plate-title-font);font-weight:400;line-height:var(--rz-plate-title-line);pointer-events:none}

/* 35 — white divider uses .rz-zigzag-divider from family 08. */

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rz-scene.rz-check-feedback-correct::before,
  .rz-scene.rz-check-feedback-wrong::before{animation:none!important;opacity:.72}
}