/* r924 wheel presentation. Reopen the first important layer to supersede old skins. */
@layer sukun-r920-contract {
#r920Practice #r924WheelFrame {
 position:relative!important;display:block!important;width:min(100%,370px)!important;max-width:100%!important;height:auto!important;aspect-ratio:1!important;margin:16px auto 10px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:50%!important;isolation:isolate!important;overflow:clip!important;
 --r924-minus-x:12%;--r924-minus-y:50%;--r924-plus-x:88%;--r924-plus-y:50%;--r924-stop-x:50%;--r924-stop-y:12%;--r924-play-x:50%;--r924-play-y:88%;
}
body.sukun-tefekkur-mode #r920Practice #r924WheelFrame{width:min(100%,350px)!important;margin:8px auto 10px!important}
#r920Practice #r924WheelFrame #r920Wheel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;pointer-events:none!important;z-index:1!important;mix-blend-mode:normal!important;filter:none!important;mask:none!important;-webkit-mask:none!important;animation:none!important;transform:none!important;opacity:1!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
#r920Practice #r924WheelFrame #r920Wheel[hidden]{display:none!important}
#r920Practice #r924WheelFrame[data-wheel-matte="1"] #r920Wheel{filter:url("#r921EsmaMatte")!important}
#r920Practice #r924WheelFrame #r920Counter,
body.sukun-tefekkur-mode #r920Practice #r924WheelFrame #r920Counter {
 position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;left:31%!important;top:31%!important;inset:auto!important;left:31%!important;top:31%!important;width:38%!important;height:38%!important;min-width:44px!important;min-height:44px!important;aspect-ratio:1!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;border-radius:50%!important;z-index:4!important;isolation:auto!important;transform:none!important;text-shadow:0 2px 4px #00131b!important;
}
#r920Practice #r924WheelFrame .r920CounterCore{position:static!important;inset:auto!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;background:transparent!important;box-shadow:none!important;border:0!important;text-shadow:0 2px 4px #00131b!important;pointer-events:none!important;color:var(--r920-ink)!important}
#r920Practice #r924WheelFrame #r920Count{font-size:clamp(34px,11vw,55px)!important;line-height:1!important}
#r920Practice #r924WheelFrame .r920CounterCore small{font-size:10px!important;letter-spacing:.13em!important}
#r920Practice #r924WheelFrame .r920Progress{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:2!important;opacity:.75!important;fill:none!important}
#r920Practice #r924WheelFrame[data-near="1"] .r920Arc{filter:drop-shadow(0 0 4px var(--r920-accent))!important}
#r920Practice #r924WheelFrame .r924Gem {
 position:absolute!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;min-height:44px!important;width:clamp(44px,16%,60px)!important;height:clamp(44px,16%,60px)!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff3d1!important;box-shadow:none!important;text-shadow:0 1px 3px #000,0 0 6px #061018!important;font:600 16px/1.2 system-ui,sans-serif!important;z-index:5!important;transform:translate(-50%,-50%)!important;overflow:visible!important;touch-action:manipulation!important;pointer-events:auto!important;backdrop-filter:none!important;
}
#r920Practice #r924WheelFrame #r920Minus{left:var(--r924-minus-x)!important;top:var(--r924-minus-y)!important}
#r920Practice #r924WheelFrame #r920Plus{left:var(--r924-plus-x)!important;top:var(--r924-plus-y)!important}
#r920Practice #r924WheelFrame #r920Stop{left:var(--r924-stop-x)!important;top:var(--r924-stop-y)!important}
#r920Practice #r924WheelFrame #r920Play{left:var(--r924-play-x)!important;top:var(--r924-play-y)!important}
/* Control paint stays within each gem; labels counter-rotate with the existing rotor. */
#r920Practice #r924WheelFrame .r927GemAction{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:var(--r928-label-width,24px)!important;height:var(--r928-label-height,24px)!important;max-width:none!important;line-height:1!important}
#r920Practice #r924WheelFrame .r927GemIcon{display:block!important;font:600 var(--r928-icon-size,16px)/1 system-ui,sans-serif!important;text-shadow:0 1px 3px #000,0 0 5px #000!important;pointer-events:none!important}
#r920Practice #r924WheelFrame .r927GemCaption{display:block!important;font:600 9px/12px system-ui,sans-serif!important;white-space:nowrap!important;letter-spacing:0!important;text-shadow:0 1px 3px #000,0 0 5px #000!important;pointer-events:none!important}
/* r928: the label rotates about exactly the same center as its stone.
   Global button skin min sizes, padding and pseudo layers must not resize it. */
#r920Practice #r924WheelFrame .r925GemLabel{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;box-sizing:border-box!important;min-width:0!important;min-height:0!important;width:var(--r928-label-width,24px)!important;height:var(--r928-label-height,24px)!important;padding:0!important;margin:0!important;transform-origin:50% 50%!important;line-height:1!important;font-size:var(--r928-text-size,14px)!important;letter-spacing:0!important;white-space:nowrap!important;text-align:center!important;clip-path:circle(calc(var(--r928-safe-diameter,30px) / 2) at 50% 50%)!important}
#r920Practice #r924WheelFrame .r924Gem[data-compact="1"] .r927GemCaption{display:none!important}
#r920Practice #r924WheelFrame .r924Gem[data-compact="1"] .r927GemAction{gap:0!important}
#r920Practice #r924WheelFrame[data-wheel-classic="1"] .r925GemLabel{border:1px solid #dec19488!important;border-radius:50%!important;background:#071c2be0!important;box-shadow:0 1px 4px #0008!important}
#r920Practice #r924WheelFrame .r924Gem:focus-visible{outline:2px solid #fff3d1!important;outline-offset:2px!important}
#r920Practice #r924WheelFrame::after{content:""!important;display:block!important;position:absolute!important;inset:21%!important;border-radius:50%!important;box-shadow:inset 0 0 15px #b39bd516,0 0 10px #d2b27b18!important;border:1px solid #dec19422!important;pointer-events:none!important;z-index:0!important}
#r920Practice[data-phase="PLAYING"] #r924WheelFrame::after{box-shadow:inset 0 0 22px #b39bd52e,0 0 13px #d2b27b26!important}
#r920Practice #r924WheelFrame .r924Gem:disabled{opacity:.52!important}
#r920Practice #r924WheelFrame .r924Gem:active:not(:disabled){background:transparent!important}
#r920Practice #r924WheelFrame .r924Gem:active:not(:disabled) .r925GemLabel{background:#08122255!important;border-radius:50%!important}
#r920Practice #r924WheelFrame::before{content:""!important;display:none!important;position:absolute!important;inset:13%!important;border-radius:50%!important;border:3px solid var(--r920-accent)!important;box-shadow:inset 0 0 20px #7bcdbc25,0 0 16px #7bcdbc25!important;pointer-events:none!important;z-index:0!important}
#r920Practice #r924WheelFrame:is([data-wheel-state="loading"],[data-wheel-state="error"])::before{display:block!important}
#r920Practice .r920Transport{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 14px!important}
#r920Practice #r924WheelOptions{min-width:0!important;max-width:100%!important;padding:0 12px 12px!important;margin:0!important}
#r920Practice #r924WheelOptions>label{display:block!important;padding:4px 0!important;margin:0!important;font:400 12px/1.5 system-ui!important;color:var(--r920-muted)!important}
#r920Practice #r924WheelStatus{font:400 12px/1.5 system-ui!important;color:var(--r920-muted)!important;overflow-wrap:anywhere!important;margin:6px 0!important}
#r920Practice #r924WheelRetry{min-height:44px!important;margin:4px 0!important;max-width:100%!important}
#r920Practice #r924WheelRetry[hidden]{display:none!important}
#r920Practice #r924WheelGalleryDetails{display:block!important;border:0!important;padding:0!important;margin:4px 0 0!important;background:transparent!important}
#r920Practice #r924WheelGalleryDetails>summary{display:flex!important;align-items:center!important;min-height:44px!important;padding:8px 0!important;font:500 12px/1.4 system-ui!important;color:#e6d5b1!important;cursor:pointer!important;list-style:revert!important;touch-action:manipulation!important}
#r920Practice #r924WheelGallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important}
#r920Practice #r924WheelGallery>button{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:110px!important;height:auto!important;padding:5px!important;margin:0!important;border:1px solid #b8ced02e!important;background:#081522bb!important;border-radius:12px!important;overflow:hidden!important;font:500 11px/1.4 system-ui!important;color:#cddbdc!important;text-align:center!important}
#r920Practice #r924WheelGallery>button[aria-pressed="true"]{border-color:var(--r920-accent)!important;background:var(--r920-selected)!important;color:#f8edcf!important}
#r920Practice #r924WheelGallery img{display:block!important;width:100%!important;max-width:120px!important;height:auto!important;aspect-ratio:1!important;object-fit:contain!important;pointer-events:none!important;filter:none!important;mix-blend-mode:normal!important;mask:none!important;-webkit-mask:none!important}
#r920Practice #r924WheelGallery img.r924MatteThumb{filter:url("#r921EsmaMatte")!important}
#r920Practice #r924WheelGallery span{display:block!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:350px){#r920Practice #r924WheelGallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}#r920Practice .r920Transport{gap:5px!important}#r920Practice .r920Stats{gap:14px!important}}
@media(prefers-reduced-motion:reduce){#r920Practice #r924WheelFrame *{animation:none!important;transition:none!important}}
}

@layer sukun-r920-contract {
/* r1029: clip the rotating plane, not the external neon or stationary counter.
   The fixed square preserves control centers and their >=44px targets. */
#r920Practice #r1029WheelClip{position:absolute!important;inset:0!important;z-index:3!important;overflow:hidden!important;overflow:clip!important;pointer-events:none!important;transform:none!important;animation:none!important}
#r920Practice #r925WheelRotor{position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;transform-origin:50% 50%!important;animation:r925WheelTurn 72s linear infinite!important;animation-play-state:paused!important}
#r920Practice .r925GemLabel{display:flex!important;pointer-events:none!important;transform-origin:50% 50%!important;animation:r925LabelTurn 72s linear infinite!important;animation-play-state:paused!important}
#r920Practice #r924WheelFrame[data-motion="running"] #r925WheelRotor,
#r920Practice #r924WheelFrame[data-motion="running"] .r925GemLabel{animation-play-state:running!important}
/* r1053: one small human-credit step, independent of automatic rotation.
   Art and stone targets stay registered; their labels remain upright. */
#r920Practice #r925WheelRotor{rotate:var(--r1053-manual-angle,0deg)!important;transition:rotate 180ms cubic-bezier(.2,.75,.25,1)!important}
#r920Practice .r925GemLabel{rotate:var(--r1053-manual-counter-angle,0deg)!important;transition:rotate 180ms cubic-bezier(.2,.75,.25,1)!important}
#r920Practice #r924WheelFrame[data-manual-motion="off"] :is(#r925WheelRotor,.r925GemLabel){transition:none!important}
#r925UpdatePanel{display:grid!important;gap:8px!important;width:100%!important;max-width:540px!important;margin:8px auto!important;padding:8px!important;box-sizing:border-box!important}
#r925ReleaseVersions{font:500 12px/1.5 system-ui!important;overflow-wrap:anywhere!important;color:#e3e5dc!important}
#r925UpdateStatus{font:400 13px/1.5 system-ui!important;margin:0!important;overflow-wrap:anywhere!important}
#r925UpdateStatus:empty{display:none!important}
#r925UpdateAction{display:block!important;min-height:44px!important;max-width:100%!important;border:1px solid #b5cbb970!important;border-radius:14px!important;background:#09222ce8!important;color:#f1e4c2!important;padding:10px 15px!important;font:500 14px/1.4 system-ui!important;pointer-events:auto!important;touch-action:manipulation!important}
@keyframes r925WheelTurn{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes r925LabelTurn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#r920Practice #r925WheelRotor,#r920Practice .r925GemLabel{animation:none!important;transition:none!important}}
}


/* r932: stationary, thumb-sized alternatives outside the moving artwork. */
@layer sukun-r920-contract {
#r920Practice #r932WheelControls{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:420px!important;min-width:0!important;margin:8px auto 12px!important;padding:0!important;box-sizing:border-box!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:6!important}
#r920Practice #r932WheelControls :is(.r932VisualShortcuts,.r932EasyTransport,.r932PickerRow){display:grid!important;gap:6px!important;min-width:0!important}
#r920Practice #r932WheelControls .r932VisualShortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:6px!important}
#r920Practice #r932WheelControls .r932EasyTransport{grid-template-columns:44px minmax(76px,1fr) 44px minmax(48px,.6fr)!important}
#r920Practice #r932WheelControls :is(button,select){position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:44px!important;height:auto!important;width:100%!important;margin:0!important;padding:7px 9px!important;box-sizing:border-box!important;border:1px solid #a894655c!important;border-radius:12px!important;background:linear-gradient(150deg,#102d36f0,#0d1728f0)!important;color:#f2e6ca!important;font:500 12px/1.4 system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:center!important;box-shadow:inset 0 1px 0 #e6d19412!important;text-shadow:none!important;transform:none!important;animation:none!important;overflow:hidden!important;touch-action:manipulation!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;white-space:normal!important}
#r920Practice #r932WheelControls button::before,#r920Practice #r932WheelControls button::after{content:none!important;display:none!important}
#r920Practice #r932WheelControls .r932VisualShortcuts button{flex-direction:column!important;gap:0!important;height:48px!important;padding:4px 9px!important}
#r920Practice #r932WheelControls .r932VisualShortcuts span{font-size:12px!important;line-height:18px!important;pointer-events:none!important}
#r920Practice #r932WheelControls .r932VisualShortcuts small{display:block!important;max-width:100%!important;font:400 10px/15px system-ui!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#bdcdc8!important;pointer-events:none!important}
#r920Practice #r932WheelControls #r932EasyPlay{background:linear-gradient(155deg,#285d55f0,#153933f5)!important;border-color:#b8ab6ca0!important;font-weight:650!important;white-space:nowrap!important}
#r920Practice #r932WheelControls #r932EasyStop{color:#dcc4d4!important}
#r920Practice #r932WheelControls #r932QuickPicker{margin:0 0 6px!important;padding:10px!important;border:1px solid #a894655c!important;border-radius:12px!important;background:#081b28f5!important;min-width:0!important}
#r920Practice #r932WheelControls #r932QuickPicker[hidden]{display:none!important}
#r920Practice #r932WheelControls #r932QuickLabel{display:block!important;font:500 12px/1.5 system-ui!important;color:#d8c795!important;margin:0 0 5px!important}
#r920Practice #r932WheelControls .r932PickerRow{grid-template-columns:minmax(0,1fr) 54px!important}
#r920Practice #r932WheelControls #r932QuickSelect{display:block!important;font-size:12px!important;text-align:start!important;appearance:auto!important;color-scheme:dark!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:7px!important;background:#10222e!important}
#r920Practice #r932WheelControls option,#r920Practice #r932WheelControls optgroup{background:#10222e!important;color:#f2e6ca!important}
#r920Practice #r932WheelControls :is(button,select):focus-visible{outline:2px solid #ffdea1!important;outline-offset:2px!important}
#r920Practice #r932WheelControls button[aria-expanded="true"]{border-color:#dbbe76!important;background:#173b3a!important}
#r920Practice #r932WheelControls button:disabled{opacity:.42!important;cursor:default!important}
#r920Practice #r932WheelControls button:active:not(:disabled){filter:brightness(1.2)!important}
body.sukun-tefekkur-mode #r920Practice #r932WheelControls{display:block!important;margin-bottom:12px!important}
}
/* r951: independent neon overlays, never recolor or filter the artwork. */
@layer sukun-r920-contract {
#r920Practice #r924WheelFrame{overflow:visible!important;--r951-power:.72;}
#r920Practice #r924WheelFrame[data-r950-light="soft"]{--r951-power:.25;}
#r920Practice #r924WheelFrame[data-r950-light="bright"]{--r951-power:.5;}
#r920Practice #r924WheelFrame .r950Nur,#r920Practice #r924WheelFrame .r950Nur *{pointer-events:none!important;user-select:none!important;box-sizing:border-box!important;}
#r920Practice #r924WheelFrame .r950Nur{position:absolute!important;inset:0!important;border:0!important;background:none!important;display:block!important;}
#r920Practice #r924WheelFrame .r950Halo{z-index:4!important;opacity:.7;}
#r920Practice #r924WheelFrame .r950Halo i{position:absolute!important;display:block!important;border-radius:50%!important;opacity:var(--r951-power)!important;}
#r920Practice #r924WheelFrame .r950Outer{inset:1%!important;border:2px solid rgba(var(--r950-b),.92)!important;box-shadow:0 0 7px rgba(var(--r950-b),1),0 0 19px rgba(var(--r950-a),.95),0 0 36px rgba(var(--r950-a),.65),inset 0 0 18px rgba(var(--r950-a),.75)!important;}
#r920Practice #r924WheelFrame .r950Inner{inset:25%!important;border:2px solid rgba(var(--r950-b),.9)!important;box-shadow:0 0 8px rgba(var(--r950-b),1),0 0 23px rgba(var(--r950-a),.85),inset 0 0 14px rgba(var(--r950-a),.65)!important;}
#r920Practice #r924WheelFrame .r951Aura{inset:-5%!important;background:radial-gradient(circle,transparent 55%,rgba(var(--r950-a),.22) 61%,rgba(var(--r950-b),.5) 64%,rgba(var(--r950-a),.2) 68%,transparent 72%)!important;}
#r920Practice #r924WheelFrame .r951Filaments{inset:8%!important;background:conic-gradient(from 12deg,transparent 0deg,rgba(var(--r950-a),.7) 35deg,rgba(var(--r950-b),1) 44deg,transparent 62deg,transparent 110deg,rgba(var(--r950-b),.95) 136deg,transparent 158deg,transparent 228deg,rgba(var(--r950-a),.9) 265deg,transparent 285deg)!important;mask:radial-gradient(circle,transparent 66%,#000 67%,#000 69%,transparent 70%)!important;-webkit-mask:radial-gradient(circle,transparent 66%,#000 67%,#000 69%,transparent 70%)!important;}
#r920Practice #r924WheelFrame .r950Gems{z-index:2!important;opacity:.65;mix-blend-mode:screen!important;}
#r920Practice #r924WheelFrame .r950Gems i{position:absolute!important;width:11%!important;height:11%!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;opacity:var(--r951-power)!important;background:radial-gradient(ellipse,#fff 0%,rgba(var(--r950-b),.95) 8%,rgba(var(--r950-a),.65) 25%,transparent 70%)!important;}
#r920Practice #r924WheelFrame .r950Gems i::after{content:none!important;display:none!important;}
#r920Practice #r924WheelFrame .r950Gems .r951MajorGem{width:19%!important;height:19%!important;}
#r920Practice #r924WheelFrame[data-r950-light="off"] .r950Nur,#r920Practice #r924WheelFrame:not([data-wheel-state="ready"]) .r950Nur{display:none!important;}
}

@layer sukun-r920-contract {
#r920Practice #r924WheelFrame{container-type:inline-size!important;}
#r920Practice #r924WheelFrame .r920CounterCore{translate:0 -10%!important;gap:3px!important;}
#r920Practice #r924WheelFrame #r920Count{font-size:clamp(28px,11cqw,48px)!important;}
html body #r920Practice #r924WheelFrame #r920Phase{position:absolute!important;display:block!important;left:29%!important;top:61%!important;width:42%!important;max-width:42%!important;min-height:0!important;margin:0!important;padding:0!important;z-index:5!important;background:none!important;border:0!important;box-shadow:none!important;font:600 clamp(9px,3cqw,12px)/1.25 system-ui,sans-serif!important;letter-spacing:0!important;text-align:center!important;color:#e9fff8!important;text-shadow:0 1px 4px #000,0 0 7px rgba(var(--r950-a),.8)!important;pointer-events:none!important;white-space:normal!important;overflow-wrap:normal!important;}
html body #r920Practice[data-phase="PAUSED"] #r924WheelFrame #r920Phase{color:#ffe3a5!important;}
#r920Practice #r924WheelFrame .r950Gems .r951MajorGem::after{content:none!important;}
}

@layer sukun-r920-contract {
#r920Practice #r924WheelFrame .r952Travel{z-index:3!important;opacity:.8;mix-blend-mode:screen!important;}
#r920Practice #r924WheelFrame[data-r952-motion="breath"] .r952Travel{display:none!important;}
#r920Practice #r924WheelFrame .r952Travel i{position:absolute!important;display:block!important;opacity:var(--r951-power)!important;}
#r920Practice #r924WheelFrame .r952Point{width:16%!important;height:16%!important;border-radius:50%!important;background:radial-gradient(circle,rgba(240,255,255,.95),rgba(var(--r950-b),.85) 10%,rgba(var(--r950-a),.45) 28%,transparent 70%)!important;}
#r920Practice #r924WheelFrame .r952PointA{left:42%!important;top:2%!important;}
#r920Practice #r924WheelFrame .r952PointB{left:7.4%!important;top:62%!important;}
#r920Practice #r924WheelFrame .r952PointC{left:76.6%!important;top:62%!important;}
#r920Practice #r924WheelFrame .r952Trail{inset:0!important;border-radius:50%!important;background:conic-gradient(from 0deg,rgba(var(--r950-b),.8),transparent 55deg,transparent 120deg,rgba(var(--r950-a),.75) 121deg,transparent 175deg,transparent 240deg,rgba(var(--r950-b),.8) 241deg,transparent 295deg)!important;mask:radial-gradient(circle,transparent 49%,#000 53%,#000 60%,transparent 65%)!important;-webkit-mask:radial-gradient(circle,transparent 49%,#000 53%,#000 60%,transparent 65%)!important;}
}

/* r959: narrow light blade inside the opening; palette follows the wheel. */
@layer sukun-r920-contract {
#r920Practice #r924WheelFrame .r920Progress{z-index:6!important;opacity:1!important;animation:none!important;transform:rotate(-90deg)!important;pointer-events:none!important}
#r920Practice #r924WheelFrame .r920Track{stroke:rgba(var(--r950-a,145,232,255),.09)!important;stroke-width:1!important}
#r920Practice #r924WheelFrame .r920Arc{stroke:rgb(var(--r950-a,145,232,255))!important;stroke-width:2.2!important;filter:drop-shadow(0 0 1.3px rgb(var(--r950-a,145,232,255))) drop-shadow(0 0 3px rgba(var(--r950-a,145,232,255),.6))!important;transition:stroke-dashoffset .22s linear!important}
#r920Practice #r924WheelFrame .r959LightCore{fill:none!important;stroke:rgb(var(--r950-b,220,250,255))!important;stroke-width:.8!important;stroke-linecap:round!important;stroke-dasharray:100!important;stroke-dashoffset:calc(100 - var(--r920-progress,0))!important;transition:stroke-dashoffset .22s linear!important;pointer-events:none!important}
#r920Practice #r924WheelFrame #r920Counter{z-index:7!important}
@media(prefers-reduced-motion:reduce){#r920Practice #r924WheelFrame .r920Arc,#r920Practice #r924WheelFrame .r959LightCore{transition:none!important}}
}

/* r964: material-matched leaf clasps, tangent to the ring; icons retain counter-rotation. */
@layer sukun-r920-contract {
#r920Practice #r924WheelFrame{container-type:inline-size!important}
#r920Practice #r924WheelFrame .r959WheelNav{position:absolute!important;top:22%!important;left:22%!important;transform:translate(-50%,-50%)!important;z-index:9!important;display:grid!important;place-items:center!important;width:24%!important;height:24%!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#fff5df!important;touch-action:manipulation!important;pointer-events:auto!important;animation:none!important;backdrop-filter:none!important;overflow:visible!important}
#r920Practice #r924WheelFrame #r959WheelNext{left:78%!important}
#r920Practice #r924WheelFrame .r959WheelNav::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;border:0!important;border-radius:0!important;background-image:var(--r964-navigation-art,url('../wheel-navigation-r964/gold.png?v=r964'))!important;background-size:contain!important;background-position:center!important;transform:rotate(-45deg)!important;background-repeat:no-repeat!important;box-shadow:none!important;filter:none!important;pointer-events:none!important}
#r920Practice #r924WheelFrame #r959WheelNext::before{transform:rotate(45deg)!important}
#r920Practice #r924WheelFrame .r959WheelNav::after{content:none!important}
#r920Practice #r924WheelFrame .r959WheelNav svg.r962NavGlyph{position:absolute!important;left:37%!important;top:37%!important;z-index:1!important;display:block!important;width:26%!important;height:26%!important;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 1px 2px #000)!important;transform-origin:center!important}
#r920Practice #r924WheelFrame .r959WheelNav:active:not(:disabled)::before{filter:brightness(1.15)!important}
#r920Practice #r924WheelFrame .r959WheelNav:focus-visible{outline:2px solid #fff5df!important;outline-offset:1px!important}
#r920Practice #r924WheelFrame .r959WheelNav:disabled{opacity:.4!important}
#r920Practice #r924WheelFrame[data-navigation="off"] .r959WheelNav,#r920Practice #r924WheelFrame .r959WheelNav[hidden]{display:none!important}
#r920Practice #r924WheelFrame .r920CounterCore{gap:3px!important}
#r920Practice #r924WheelFrame #r920Count{font-size:clamp(24px,14cqi,55px)!important;max-width:100%!important}
#r920Practice #r924WheelFrame #r920Phase{position:absolute!important;top:64%!important;left:27%!important;width:46%!important;text-align:center!important;z-index:7!important;pointer-events:none!important;font-size:clamp(9px,3.5cqi,12px)!important;line-height:1.25!important}
}
@layer sukun-r920-contract {
#r920Practice #r924WheelFrame .r959WheelNav svg.r962NavGlyph{border:0!important;background:transparent!important;clip-path:none!important;border-radius:0!important}
}

@layer sukun-r920-contract {
#r920Practice #r924WheelFrame[data-navigation-material="gold"]{--r964-navigation-art:url("../wheel-navigation-r964/gold.png?v=r964")}
#r920Practice #r924WheelFrame[data-navigation-material="copper"]{--r964-navigation-art:url("../wheel-navigation-r964/copper.png?v=r964")}
#r920Practice #r924WheelFrame[data-navigation-material="silver"]{--r964-navigation-art:url("../wheel-navigation-r964/silver.png?v=r964")}
#r920Practice #r924WheelFrame[data-navigation-material="dark"]{--r964-navigation-art:url("../wheel-navigation-r964/dark.png?v=r964")}
#r920Practice #r924WheelFrame[data-navigation-material="crystal"]{--r964-navigation-art:url("../wheel-navigation-r964/crystal.png?v=r964")}
}

/* r977: approved wheels carry native diagonal surfaces. No added plate artwork. */
@layer sukun-r920-contract {
#r920Practice #r924WheelFrame[data-navigation-native="1"] .r959WheelNav{width:14%!important;height:14%!important;min-width:44px!important;min-height:44px!important;color:var(--r977-control-ink)!important}
#r920Practice #r924WheelFrame[data-navigation-native="1"] #r959WheelPrevious{left:var(--r924-previous-x)!important;top:var(--r924-previous-y)!important}
#r920Practice #r924WheelFrame[data-navigation-native="1"] #r959WheelNext{left:var(--r924-next-x)!important;top:var(--r924-next-y)!important}
#r920Practice #r924WheelFrame[data-navigation-native="1"] .r959WheelNav::before{content:none!important;display:none!important;background:none!important}
#r920Practice #r924WheelFrame[data-navigation-native="1"] .r959WheelNav svg.r962NavGlyph{left:calc((100% - var(--r928-label-width,24px)) / 2)!important;top:calc((100% - var(--r928-label-height,24px)) / 2)!important;width:var(--r928-label-width,24px)!important;height:var(--r928-label-height,24px)!important;color:var(--r977-control-ink)!important;filter:var(--r977-nav-shadow)!important}
#r920Practice #r924WheelFrame[data-navigation-native="1"] :is(.r924Gem,.r925GemLabel,.r927GemIcon){color:var(--r977-control-ink)!important;text-shadow:var(--r977-control-shadow)!important}
#r920Practice #r924WheelFrame[data-navigation-native="1"] .r959WheelNav:active:not(:disabled) svg{opacity:.75!important}
}

/* r1057: centre fitting is shared by Esmâ, Berhetiyye and their journeys.
   The image remains untouched; only the stationary readouts fit its opening. */
@layer sukun-r920-contract {
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] #r920Counter{
 left:var(--r1057-center-inset)!important;top:var(--r1057-center-inset)!important;width:var(--r1057-center-size)!important;height:var(--r1057-center-size)!important;min-width:44px!important;min-height:44px!important;background:radial-gradient(circle,#071726a8,#07172660 68%,transparent 74%)!important;transform:none!important;animation:none!important;
}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] .r920CounterCore{translate:0 -10%!important;gap:2px!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] .r920CounterCore small{font-size:9px!important;letter-spacing:.08em!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] #r920Percent{font-size:10px!important;line-height:1.2!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] #r920Count{font-size:clamp(24px,11cqi,44px)!important;line-height:1!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] #r920Phase{left:var(--r1057-phase-left)!important;top:var(--r1057-phase-top)!important;width:var(--r1057-phase-width)!important;max-width:var(--r1057-phase-width)!important;min-height:0!important;font-size:clamp(9px,2.8cqi,11px)!important;line-height:1.2!important;transform:none!important;animation:none!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] .r950Inner{inset:var(--r1057-inner-inset)!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] .r925GemLabel{border:1px solid #e9dbb780!important;border-radius:50%!important;background:#061b2cdb!important;box-shadow:0 1px 5px #0009,inset 0 1px 2px #fff2!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"] .r962NavGlyph{background:transparent!important;border:0!important;box-shadow:none!important;}
/* Woven originals retain their small hole and their crystal faces. Compact
   state labels remain inside the opening, with full accessible descriptions. */
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"] .r920CounterCore{translate:0 -18%!important;gap:2px!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"] .r920CounterCore small{font-size:8px!important;letter-spacing:.04em!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"] #r920Percent{font-size:9px!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"] #r920Count{font-size:clamp(20px,9cqi,36px)!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"] #r920Phase{top:var(--r1057-phase-top)!important;left:var(--r1057-phase-left)!important;width:var(--r1057-phase-width)!important;max-width:var(--r1057-phase-width)!important;font-size:clamp(8px,2.7cqi,10px)!important;line-height:1.1!important;}
/* A long count must fit the transparent centre instead of painting over gems. */
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-count-digits="5"] #r920Count{font-size:clamp(20px,8cqi,32px)!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-count-digits="6"] #r920Count{font-size:clamp(17px,6.7cqi,28px)!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"]:is([data-count-digits="7"],[data-count-digits="8"],[data-count-digits="9"],[data-count-digits="10"]) #r920Count{font-size:clamp(13px,5cqi,20px)!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"][data-count-digits="5"] #r920Count{font-size:clamp(17px,6.8cqi,27px)!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"][data-count-digits="6"] #r920Count{font-size:clamp(15px,5.8cqi,23px)!important;}
html body #r920Practice #r924WheelFrame[data-r1057-wheel="1"][data-r1057-center="narrow"]:is([data-count-digits="7"],[data-count-digits="8"],[data-count-digits="9"],[data-count-digits="10"]) #r920Count{font-size:clamp(10px,4cqi,16px)!important;}
}