.rh-root{--rh-token-min:clamp(3.9rem, 15.5vw, 5.75rem);--rh-duration:17s;--rh-radius:clamp(6.5rem, 29vw, 9.5rem);--rh-reach:calc(var(--rh-radius) + var(--rh-token-min) / 2 + .5rem);isolation:isolate;position:relative;overflow-x:clip}.rh-backdrop{z-index:-1;background:radial-gradient(ellipse at 50% 18%, color-mix(in oklch, var(--color-primary) 10%, transparent), transparent 62%), radial-gradient(ellipse at 50% 100%, color-mix(in oklch, var(--color-gold) 6%, transparent), transparent 55%);border-radius:1.75rem;position:absolute;inset:0;overflow:hidden}.rh-stage{flex-direction:column;align-items:center;gap:clamp(.85rem,3vw,1.25rem);width:100%;display:flex;position:relative}.rh-orbit-field{width:min(100%, calc(2 * var(--rh-reach)));height:calc(2 * var(--rh-reach));position:relative}.rh-orbit-field:before{content:"";width:calc(2 * var(--rh-radius));height:calc(2 * var(--rh-radius));border:1px dashed color-mix(in oklch, var(--color-primary) 16%, transparent);border-radius:999px;position:absolute;top:50%;left:50%;translate:-50% -50%}.rh-orbit{width:0;height:0;position:absolute;top:50%;left:50%}@media (min-width:40rem){.rh-root{--rh-radius:clamp(12rem, 34vw, 15rem)}.rh-stage{width:min(100%, calc(2 * var(--rh-reach)));height:calc(2 * var(--rh-reach));place-items:center;margin-inline:auto;display:grid}.rh-orbit-field{width:auto;height:auto;position:absolute;inset:0}.rh-orbit-field:before{content:none}}.rh-orbit-item{width:0;height:0;animation:rh-spin var(--rh-duration) linear infinite;animation-delay:var(--rh-delay,0s);will-change:transform;position:absolute;top:0;left:0}.rh-orbit-arm{width:0;height:0;transform:translateX(var(--rh-radius));position:absolute;top:0;left:0}.rh-upright{width:0;height:0;animation:rh-spin-back var(--rh-duration) linear infinite;animation-delay:var(--rh-delay,0s);will-change:transform;position:absolute;top:0;left:0}@keyframes rh-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rh-spin-back{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.rh-token{min-width:var(--rh-token-min);border:1px solid color-mix(in oklch, var(--color-primary) 38%, transparent);background:color-mix(in oklch, var(--color-card) 88%, transparent);min-height:2.75rem;color:var(--color-foreground);white-space:nowrap;cursor:pointer;border-radius:.9rem;place-items:center;padding:.5rem .85rem;font-size:clamp(.82rem,3.1vw,.95rem);font-weight:700;line-height:1.35;transition:border-color .18s,background-color .18s,box-shadow .18s,scale .18s;display:grid;position:absolute;top:0;left:0;translate:-50% -50%}.rh-token:before{content:"";inset-inline-start:.4rem;opacity:.5;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:.7rem;height:.7rem;color:var(--color-primary);background:currentColor;transition:opacity .18s;position:absolute;top:50%;translate:0 -50%}.rh-token:hover,.rh-token:focus-visible{border-color:color-mix(in oklch, var(--color-primary) 78%, transparent);background:color-mix(in oklch, var(--color-primary) 12%, var(--color-card));box-shadow:0 0 0 1px color-mix(in oklch, var(--color-primary) 30%, transparent);scale:1.05}.rh-token:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.rh-token:hover:before,.rh-token:focus-visible:before{opacity:1}.rh-token[data-state=correct]{border-color:var(--color-primary);background:color-mix(in oklch, var(--color-primary) 22%, var(--color-card));animation:.42s ease-out rh-pulse}.rh-token[data-state=wrong]{border-color:var(--color-destructive);background:color-mix(in oklch, var(--color-destructive) 16%, var(--color-card));animation:.32s ease-in-out rh-shake}.rh-token[data-state=reveal]{border-color:var(--color-primary);border-style:dashed}.rh-token[disabled]{cursor:default}.rh-token-mark{top:-.45rem;width:1.25rem;height:1.25rem;color:var(--color-background);border-radius:999px;place-items:center;font-size:.7rem;font-weight:800;display:grid;position:absolute;inset-inline-end:-.45rem}.rh-token[data-state=correct] .rh-token-mark,.rh-token[data-state=reveal] .rh-token-mark{background:var(--color-primary)}.rh-token[data-state=wrong] .rh-token-mark{background:var(--color-destructive)}@keyframes rh-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--color-primary) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes rh-shake{0%,to{translate:-50% -50%}25%{translate:calc(-50% - 5px) -50%}75%{translate:calc(5px - 50%) -50%}}.rh-panel{z-index:1;border:1px solid color-mix(in oklch, var(--color-border) 90%, transparent);background:color-mix(in oklch, var(--color-card) 92%, transparent);text-align:center;border-radius:1.25rem;max-width:min(100%,30rem);padding:clamp(.85rem,3.5vw,1.5rem) clamp(1rem,4vw,1.75rem);position:relative}.rh-verse-line{font-size:clamp(1.05rem,4.4vw,1.5rem);font-weight:500}.rh-verse-lines{flex-direction:column;align-items:center;gap:.25rem;display:flex}@media (min-width:40rem){.rh-panel{max-width:min(30rem, var(--rh-radius))}}@media (min-width:60rem){.rh-verse-lines[data-lines="2"]{flex-direction:row;gap:1.5rem}.rh-verse-lines[data-lines="2"] .rh-verse-line+.rh-verse-line{position:relative}.rh-verse-lines[data-lines="2"] .rh-verse-line+.rh-verse-line:before{content:"";inset-inline-start:-.75rem;background:color-mix(in oklch, var(--color-border) 100%, transparent);width:1px;height:70%;position:absolute;top:15%}}.rh-word{border-radius:.35rem;padding-inline:.1rem;transition:background-color .16s,color .16s}.rh-word[data-active=true]{background:color-mix(in oklch, var(--color-primary) 22%, transparent);color:var(--color-foreground)}.rh-word[data-answer=correct]{background:color-mix(in oklch, var(--color-primary) 30%, transparent);text-underline-offset:.35rem;text-decoration:underline}.rh-decoder{border:1px solid color-mix(in oklch, var(--color-primary) 32%, transparent);background:color-mix(in oklch, var(--color-primary) 8%, var(--color-card));border-radius:999px;align-items:center;gap:.6rem;min-height:3.1rem;padding:.4rem 1.15rem;display:inline-flex}.rh-decoder-label{letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.7rem}.rh-decoder-value{color:var(--color-primary);font-size:clamp(1.2rem,5vw,1.6rem);font-weight:700;display:inline-flex}.rh-glyph{min-width:.55ch;display:inline-block}.rh-glyph[data-scrambled=true]{animation:.18s steps(2,end) infinite rh-jitter;animation-delay:calc(var(--rh-glyph-index,0) * -37ms);opacity:.85;filter:blur(.35px)}@keyframes rh-jitter{0%{transform:translateY(-1px)}50%{transform:translateY(1.5px)}to{transform:translateY(-1px)}}.rh-hud{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem;display:flex}.rh-hud-chip{border:1px solid color-mix(in oklch, var(--color-border) 90%, transparent);background:color-mix(in oklch, var(--color-card) 70%, transparent);color:var(--color-muted-foreground);border-radius:999px;align-items:baseline;gap:.35rem;padding:.25rem .75rem;font-size:.78rem;display:inline-flex}.rh-hud-chip b{color:var(--color-foreground);font-size:.95rem}@media (prefers-reduced-motion:reduce){.rh-orbit-item{transform:rotate(var(--rh-angle,0turn));animation:none}.rh-upright{transform:rotate(calc(var(--rh-angle,0turn) * -1));animation:none}.rh-token{transition:none}.rh-token[data-state=correct],.rh-token[data-state=wrong]{animation:none}.rh-glyph[data-scrambled=true]{filter:none;animation:none}}