.notation-demo_demo__1MuLX{min-width:0;padding:18px;border:1px solid hsl(var(--border));border-radius:20px;background:hsl(var(--card))}.notation-demo_selectors__wIEdR{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:18px}.notation-demo_selectors__wIEdR fieldset{min-width:0}.notation-demo_selectors__wIEdR legend{margin-bottom:8px;font-size:13px;font-weight:750}.notation-demo_faces__TsHUQ{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.notation-demo_faces__TsHUQ button,.notation-demo_turns__AjMqr button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:7px;border:1px solid hsl(var(--border));border-radius:11px;background:hsl(var(--background))}.notation-demo_faces__TsHUQ button{flex-wrap:wrap}.notation-demo_faces__TsHUQ i{width:10px;height:10px;border:1px solid rgb(0 0 0/.15);border-radius:3px}.notation-demo_faces__TsHUQ span{width:100%;text-align:center;font-size:10px}.notation-demo_turns__AjMqr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.notation-demo_turns__AjMqr button{flex-direction:column}.notation-demo_turns__AjMqr span{font-size:10px}.notation-demo_selectors__wIEdR button[aria-pressed=true]{color:#4338ca;border-color:#a5b4fc;background:#eef2ff;box-shadow:inset 0 0 0 1px #a5b4fc}.notation-demo_movement__TTkAb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.notation-demo_visual__nBljH{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:14px;border-radius:16px;background:hsl(var(--muted)/.5)}.notation-demo_view__uxrMi{font-size:12px;color:hsl(var(--muted-foreground));text-align:center}.notation-demo_cube__sRqaD{width:100%;height:clamp(260px,36dvh,390px)}.notation-demo_key__5OPjj{font-size:12px;text-align:center;line-height:1.5;color:hsl(var(--muted-foreground))}.notation-demo_explanation__rUpw_{align-self:center;min-width:0}.notation-demo_reminder__1zwOB{margin-block:14px;font-size:14px;line-height:1.6}.notation-demo_transport__MDc3o{display:flex;gap:8px}.notation-demo_play__GtASi,.notation-demo_reset__qHV_1{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:11px;font-weight:700;font-size:14px}.notation-demo_play__GtASi{flex:1;padding:8px 16px;color:white;background:#4f46e5}.notation-demo_reset__qHV_1{min-width:44px;border:1px solid hsl(var(--border))}.notation-demo_status__LZ_VV{min-height:36px;margin-top:8px;font-size:12px;line-height:1.5;color:hsl(var(--muted-foreground))}.notation-demo_demo__1MuLX button:focus-visible{outline:3px solid #818cf8;outline-offset:2px}.notation-demo_demo__1MuLX button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:899px){.notation-demo_selectors__wIEdR{grid-template-columns:1fr;gap:14px}.notation-demo_movement__TTkAb{grid-template-columns:1fr;gap:16px}.notation-demo_cube__sRqaD{height:260px}}@media (max-width:479px){.notation-demo_demo__1MuLX{padding:12px}.notation-demo_faces__TsHUQ{grid-template-columns:repeat(3,minmax(0,1fr))}.notation-demo_faces__TsHUQ button{flex-wrap:nowrap}.notation-demo_faces__TsHUQ span{width:auto}.notation-demo_turns__AjMqr span{font-size:9px}.notation-demo_visual__nBljH{padding:10px}}.notation-demo_stationarySticker__xxDVR{filter:saturate(.35) brightness(.82)}.notation-demo_instruction___fpDw{display:flex;align-items:center;gap:16px}.notation-demo_moveToken__jPsKx{display:grid;place-items:center;flex-shrink:0;min-width:76px;min-height:80px;padding:8px;border-radius:19px;background:#4f46e5;color:white;font-size:36px;font-weight:800;letter-spacing:-.04em}.notation-demo_instructionEyebrow__2vijI{margin:0 0 5px;font-size:11px;font-weight:700;color:hsl(var(--muted-foreground))}.notation-demo_instruction___fpDw h3{margin:0;font-size:clamp(21px,2.3vw,29px);line-height:1.25;font-weight:750;letter-spacing:-.025em}.notation-demo_meaning__H4taJ{margin:18px 0 0;font-size:15px;color:hsl(var(--muted-foreground))}.notation-demo_meaning__H4taJ b{color:hsl(var(--foreground))}.notation-demo_faceLetter__uW57_{font-size:22px;font-weight:850;fill:white;stroke:#172033;stroke-width:2.8px;paint-order:stroke fill}@media(max-width:899px){.notation-demo_instruction___fpDw{gap:12px}.notation-demo_moveToken__jPsKx{min-width:62px;min-height:66px;font-size:30px}.notation-demo_meaning__H4taJ{margin-top:12px}.notation-demo_reminder__1zwOB{margin-block:10px;font-size:13px}}