:root{--bg:#091111;--surface:#121b1c;--raised:#1c2828;--ink:#eef3f2;--muted:#9ba8a6;--line:#2f3a3b;--primary:#67dcc0;--on-primary:#021b15;--soft:#15342d;--error:#ffa094;--z-header:10;--z-tools:20;--z-correction:30;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--bg:lab(4.5182% -2.47277 -1.12408);--surface:lab(9.0781% -4.41644 -1.83606);--raised:lab(14.898% -5.04899 -2.10059);--ink:lab(95.4302% -2.0093 -.336707);--muted:lab(67.6954% -5.03129 -.839293);--line:lab(23.5886% -4.73851 -1.97672);--primary:lab(80.6082% -40.0268 3.48593);--on-primary:lab(7.65766% -10.5559 1.00702);--soft:lab(19.3177% -13.8988 1.21171);--error:lab(75.7029% 36.6435 23.1033)}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .16s,color .16s,transform .16s}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}:where(button,a,input,select,summary,dialog):focus-visible{outline:2px solid var(--primary);outline-offset:4px}a{color:var(--primary);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h2{font-size:1rem;font-weight:600}p{text-wrap:pretty}.small{color:var(--muted);font-size:.8rem}.error{color:var(--error)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arena{isolation:isolate;flex-direction:column;max-width:1280px;min-height:100svh;margin:auto;padding:0 40px;display:flex}.arena-atmosphere{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .7s;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 12%,#000 30% 78%,#0000);mask-image:linear-gradient(#0000 12%,#000 30% 78%,#0000)}.arena-atmosphere:after{content:"";background:radial-gradient(ellipse at 50% 47%, var(--bg) 22%, #091111e0 40%, transparent 72%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.arena-atmosphere:after{background:radial-gradient(ellipse at 50% 47%, var(--bg) 22%, lab(4.5182% -2.47277 -1.12408/.88) 40%, transparent 72%)}}.arena-foil{opacity:.42;background-image:url(/arena-foil-violet.webp);background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.arena-foil-left{clip-path:inset(0 50% 0 0);background-position:0}.arena-foil-right{clip-path:inset(0 0 0 50%);opacity:.36;background-position:100%}.arena[data-focused=true] .arena-atmosphere{opacity:.32}.app-header{min-height:82px;z-index:var(--z-header);background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.035em;align-items:center;gap:10px;width:fit-content;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand svg{fill:none;width:26px;height:26px;stroke:var(--primary);stroke-width:1.6px}.brand-dot{color:var(--primary)}.mode-tabs,.practice-tabs{gap:4px;display:flex}.mode-tabs{background:var(--surface);border-radius:24px;padding:4px}.mode-tabs button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:20px;padding:9px 28px;font-weight:600}.mode-tabs button[aria-pressed=true]{color:var(--ink);background:var(--raised)}.mode-tabs button:hover{color:var(--ink)}.device-area{justify-content:flex-end;align-items:center;gap:16px;display:flex}.battery{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:.75rem;display:flex}.battery svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:23px;height:14px}.connection-button{white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:8px 10px;font-size:.8rem;display:flex}.connection-button:hover{background:var(--surface)}.status-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.is-connected .status-dot{background:var(--primary)}.playfield{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding-top:20px;display:flex}.timer-block{text-align:center}.phase-label{color:var(--muted);font-size:.85rem;display:block}.timer{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:5px 0 8px;font-size:5.5rem;font-weight:450;line-height:1.12}.round-caption{min-height:22px;color:var(--muted);font-size:.8rem}.phase-inspection .timer,.phase-complete .timer{color:var(--primary)}.phase-complete .timer{animation:.26s ease-out solve-finish}.phase-interrupted .phase-label{color:var(--error)}@keyframes solve-finish{0%{transform:scale(.94)}to{transform:scale(1)}}.cube-stage{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.solve-result{-webkit-backdrop-filter:blur(16px);background:#1a1a21ad;background:lab(9.38804% 1.49283 -5.01503/.68);border:1px solid #afb0bc29;border:1px solid lab(72.0025% 1.74537 -6.53752/.16);border-radius:20px;width:236px;padding:24px;animation:.22s ease-out result-appear;position:absolute;top:50%;left:calc(50% + 190px);transform:translateY(-50%);box-shadow:0 12px 40px #0002}.solve-result dl,.solve-result dd{margin:0}.solve-result dt{color:var(--muted);font-size:.85rem}.solve-result dd{font-variant-numeric:tabular-nums}.solve-result-total{border-bottom:1px solid #afb0bc29;border-bottom:1px solid lab(72.0025% 1.74537 -6.53752/.16);margin-bottom:16px;padding-bottom:18px}.solve-result-total dd{letter-spacing:-.025em;color:var(--primary);margin-top:4px;font-size:2.25rem;line-height:1.2}.solve-result-split{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.solve-result-split+.solve-result-split{margin-top:12px}@keyframes result-appear{0%{opacity:0}to{opacity:1}}.cube-viewport,.cube-loading{width:100%;min-width:0;max-width:780px;height:clamp(240px,46svh,490px);position:relative}.cube-viewport{background:radial-gradient(#1625236b,#0000 65%);background:radial-gradient(lab(13.2335% -6.75518 -1.10609/.42),#0000 65%)}.cube-loading{color:var(--muted);place-items:center;display:grid}.canvas-host{position:absolute;inset:0}.canvas-host canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.canvas-host canvas:active{cursor:grabbing}.view-reset{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:.75rem;position:absolute;bottom:6px;right:18px}.view-reset:hover{background:var(--surface);color:var(--ink)}.gyro-calibration{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;width:min(310px,100% - 36px);padding:18px;position:absolute;bottom:52px;right:18px;box-shadow:0 10px 30px #0005}.gyro-calibration h3{margin:0 0 8px;font-size:.95rem}.gyro-calibration p{color:var(--muted);font-size:.8rem;line-height:1.5}.align-actions{align-items:center;gap:16px;margin-top:14px;display:flex}.align-cube>p{margin-bottom:14px}.align-cube:not(.align-compact){text-align:center}.align-cube:not(.align-compact) .align-actions{flex-direction:column}.align-actions .secondary{min-height:36px;padding:7px 12px}.play-dock{width:100%;max-width:760px;margin:0 auto;padding:4px 0 24px}.round-controls{text-align:center}.round-actions{justify-content:center;align-items:center;gap:24px;min-height:54px;display:flex}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:32px;min-height:48px;padding:12px 24px;font-size:.9rem;font-weight:650;display:inline-flex}.primary{background:var(--primary);color:var(--on-primary);border:1px solid var(--primary)}.primary:hover:not(:disabled){background:#81efd3;background:lab(87.5039% -38.1449 3.32962)}.secondary{background:var(--surface);border:1px solid var(--line)}.secondary:hover:not(:disabled){background:var(--raised)}.start-button{min-width:200px}.text-button{color:var(--primary);background:0 0;border:0;min-height:40px;padding:10px 0;font-size:.8rem}.text-button:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.cancel-round{color:var(--muted)}.scramble-sequence{text-align:left;margin:0 auto 20px}.scramble-heading{color:var(--muted);justify-content:space-between;gap:20px;margin-bottom:10px;font-size:.75rem;display:flex}.scramble-moves{flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;font:500 1rem/1.8 ui-monospace,SFMono-Regular,monospace;list-style:none;display:flex}.scramble-moves>li{border-radius:4px;padding:1px 5px}.scramble-moves .move-done{color:var(--muted);opacity:.65;text-decoration:line-through;text-decoration-thickness:1px}.scramble-hint{text-align:center;color:var(--muted);margin-top:10px;font-size:.8rem}.scramble-correction{width:min(536px,100% - 24px);max-height:calc(100svh - 24px);color:var(--ink);text-align:center;background:0 0;border:0;margin:auto;padding:8px;position:fixed;inset:0;overflow:auto}.scramble-correction:focus-visible{outline:none}.scramble-correction::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010404d1;background:lab(.930924% -.833213 -.400049/.82);animation:.18s ease-out correction-fade}.correction-orb{aspect-ratio:1;background:radial-gradient(circle closest-side, var(--surface) 60%, color-mix(in srgb, var(--surface) 75%, transparent) 78%, color-mix(in srgb, var(--surface) 25%, transparent) 92%, transparent 100%);border-radius:50%;flex-direction:column;align-items:center;width:100%;padding:7% 9% 9%;animation:.22s cubic-bezier(.16,1,.3,1) correction-enter;display:flex}.correction-orb h2{flex:none;max-width:85%;font-size:clamp(.875rem,3vw,1rem)}.correction-cube{width:100%;min-height:0;color:var(--primary);flex:1;display:block}.correction-cube .cube-viewport,.correction-cube .cube-loading{background:0 0;height:100%;min-height:0}.correction-cube .view-reset{font-size:.75rem;bottom:0;right:0}.correction-instruction{text-align:left;flex:none;justify-content:center;align-items:center;gap:16px;line-height:1.4;display:flex}.correction-instruction strong{color:var(--primary);font:500 clamp(2rem,7vw,2.75rem)/1 ui-monospace,SFMono-Regular,monospace}.correction-instruction span{font-size:clamp(.8rem,2.7vw,.95rem)}.correction-perspective{color:var(--muted);flex:none;margin-top:6px;font-size:.75rem}.correction-moves{flex:none;max-width:85%;max-height:64px;margin-top:12px;font-size:1rem;overflow:auto}.correction-resume{margin-top:16px}.correction-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}@keyframes correction-fade{0%{opacity:0}to{opacity:1}}@keyframes correction-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.scramble-correction::backdrop,.correction-orb{animation:none}}.next-move,.algorithm-next{background:var(--soft);color:var(--primary)}progress{background:var(--surface);width:100%;height:3px;accent-color:var(--primary);border:0;border-radius:4px;margin-top:14px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface)}progress::-webkit-progress-value{background:var(--primary)}progress::-moz-progress-bar{background:var(--primary)}.arena-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:62px;font-size:.75rem;display:flex}.device-caption{color:var(--muted)}.device-caption>span{margin-left:5px}.arena-footer nav{gap:20px;display:flex}.arena-footer button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:6px 0;font-size:.8rem}.arena-footer button[aria-expanded=true],.arena-footer button:hover{color:var(--primary)}.utility-panel{z-index:var(--z-tools);overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:360px;max-height:min(460px,60svh);padding:20px;position:fixed;bottom:74px;right:max(24px,50vw - 600px);overflow:auto;box-shadow:0 16px 48px #0000004d;box-shadow:0 16px 48px lab(0% 0 0/.3)}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.close-panel{width:36px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-size:1.3rem}.close-panel:hover{background:var(--raised);color:var(--ink)}.utility-panel p{max-width:65ch}.utility-panel>p+p{margin-top:12px}.session-summary{color:var(--muted);justify-content:space-between;margin-bottom:16px;display:flex}.tracking-recorder{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:20px}.tracking-recorder h3{margin:0 0 10px;font-size:.9rem}.tracking-recorder p{color:var(--muted);margin:10px 0;font-size:.85rem}.tracking-recorder strong{color:var(--ink);font-weight:500}.tracking-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.tracking-actions .secondary{padding:10px 14px;font-size:.8rem}.tracking-result{margin:16px 0;font-size:.85rem}.tracking-result div{justify-content:space-between;gap:12px;margin:8px 0;display:flex}.tracking-result dt{color:var(--muted)}.tracking-result dd{font-variant-numeric:tabular-nums;margin:0}.tracking-indicator{color:var(--primary)}.utility-panel:has(.tracking-study){width:min(410px,100vw - 36px);max-height:min(650px,75svh)}.tracking-study h3{margin:0 0 8px;font-size:1rem}.tracking-study p{color:var(--muted);margin:10px 0;font-size:.85rem}.study-plan{margin:16px 0;padding:4px 0;list-style:none}.study-plan li{gap:14px;padding:7px 0;font-size:.85rem;display:flex}.study-plan span{width:34px;color:var(--muted);font-variant-numeric:tabular-nums}.study-progress{color:var(--muted);justify-content:space-between;gap:12px;margin-top:16px;font-size:.8rem;display:flex}.tracking-study progress{width:100%;height:4px;accent-color:var(--primary);margin:10px 0 16px}.study-instruction h4{margin:0 0 12px;font-size:1.1rem;font-weight:600}.study-instruction .study-hold{color:var(--primary);font-weight:500}.tracking-study .study-countdown{color:var(--ink);font-variant-numeric:tabular-nums;margin:20px 0}.study-countdown strong{margin-right:5px;font-size:1.4rem}.study-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:20px;display:flex}.tracking-study .primary,.tracking-study .secondary{padding:10px 14px;font-size:.85rem}.tracking-study>.primary{margin-top:12px}.tracking-study .study-note{margin:20px 0 0;font-size:.75rem}.tracking-study .notice{color:var(--muted)}.tracking-study .error{color:var(--error)}.utility-panel:has(.rotation-study){width:min(460px,100vw - 36px);max-height:min(820px,100svh - 100px)}.orientation-correction{border-bottom:1px solid var(--line);margin:0 0 18px;padding-bottom:16px}.orientation-correction summary{cursor:pointer;font-size:.9rem}.orientation-correction summary span{float:right;color:var(--primary)}.correction-toggle{align-items:center;gap:10px;min-height:30px;margin:18px 0 10px;font-size:.9rem;display:flex}.correction-toggle input{accent-color:var(--primary);width:16px;height:16px}.rotation-setup{color:var(--muted);padding-left:20px;font-size:.85rem;line-height:1.6}.rotation-setup li+li{margin-top:10px}.rotation-plan{color:var(--muted);margin:18px 0;font-size:.85rem}.rotation-plan summary{cursor:pointer;color:var(--ink)}.rotation-speed{color:var(--muted);margin-left:12px;font-size:.8rem;font-weight:400}.rotation-study .rotation-captured{color:var(--primary)}.rotation-cue strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.15rem;display:block}.rotation-cue{min-height:112px}.rotation-study progress{margin-bottom:10px}.rotation-cues{color:var(--muted);justify-content:center;gap:6px;margin:0 0 16px;padding:0;font-size:.8rem;list-style:none;display:flex}.rotation-cues li{border-radius:6px;padding:4px 9px}.rotation-cues [aria-current=step]{color:var(--primary);background:var(--soft)}.rotation-study .rotation-finish-label{text-align:center;margin:0 0 6px;font-size:.75rem}.rotation-target{margin:20px 0 0}.rotation-target figcaption{color:var(--muted);justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.rotation-target .cube-viewport{width:100%;height:210px;min-height:0;margin:0}.rotation-cube-loading{height:210px;color:var(--muted);place-items:center;font-size:.8rem;display:grid}.rotation-colours{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:.95rem;display:flex}.rotation-colours span{align-items:center;gap:8px;display:inline-flex}.rotation-colours span:first-letter{text-transform:uppercase}.rotation-colours i{border:1px solid #ffffff38;border-radius:3px;width:12px;height:12px}.rotation-target .cube-fallback{padding:8px}.session-summary strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:6px}.results{max-height:220px;margin:0 0 16px;padding:0;list-style:none;overflow:auto}.results li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;align-items:center;gap:22px;padding:10px 0;display:flex}.results li span{color:var(--muted);font-size:.75rem}.results li span:last-child{margin-left:auto}.simulator-controls p{color:var(--muted);font-size:.8rem}.simulator-controls>div{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.simulator-controls button{background:var(--raised);border:1px solid var(--line);border-radius:7px;width:40px;min-height:44px;font-weight:600}.simulator-controls button:hover:not(:disabled){background:var(--soft);border-color:var(--primary)}.face-key{color:var(--muted);flex-wrap:wrap;gap:14px;margin:22px 0 12px;font-size:.75rem;display:flex}.face-key>span{align-items:center;gap:5px;display:flex}.face-key i{border-radius:2px;width:7px;height:7px}.colour-U{background:#fafaf7}.colour-R{background:#df241d}.colour-F{background:#00a64a}.colour-D{background:#ffe22d}.colour-L{background:#ff7900}.colour-B{background:#163bdf}.move-log{color:var(--muted);margin-top:20px;font-size:.8rem}.move-log summary{cursor:pointer;padding:10px 0}.move-log-body{flex-wrap:wrap;gap:8px;max-height:130px;margin-top:8px;display:flex;overflow:auto}.move-log-body>span{background:var(--raised);border-radius:4px;padding:2px 7px;font-family:ui-monospace,monospace}.help-steps{color:var(--muted);padding-left:20px}.help-steps li{margin-bottom:14px;padding-left:4px}.help-steps strong{color:var(--ink);font-weight:600}.utility-panel>a{margin-top:18px;font-size:.8rem;display:inline-block}.practice-options{flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.practice-tabs{gap:20px}.practice-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 2px;font-size:.85rem}.practice-tabs button[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.practice-tabs button:hover{color:var(--ink)}.case-picker{flex-wrap:wrap;gap:8px;width:min(880px,100%);display:flex}.case-picker label{min-width:0}.case-picker label:nth-child(2){flex:1}.visual-case-picker{flex-basis:100%;min-width:0}.case-browser-toggle{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:44px;padding:10px 14px;font-size:.8rem;display:flex}.case-browser-toggle>span:last-child{color:var(--muted);white-space:nowrap}.case-gallery{margin-top:16px}.case-gallery-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 2px 12px;display:flex}.case-gallery-heading h2{font-size:.9rem;font-weight:500}.case-gallery-heading>span{color:var(--muted);white-space:nowrap;font-size:.75rem}.case-gallery-grid{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;max-height:min(480px,60svh);padding:3px;display:grid;overflow-y:auto}.case-choice{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;flex-direction:column;min-width:0;padding:0 0 12px;display:flex}.case-choice:hover{background:var(--raised)}.case-choice:focus-visible{outline-offset:-3px}.case-choice[aria-pressed=true]{border-color:var(--primary);background:#12231f;background:lab(12.1637% -8.62689 .75528)}.case-image{aspect-ratio:22/19;place-items:center;width:100%;display:grid}.case-image img,.case-face-net{width:100%;height:auto;display:block}.case-face-net{width:85%}.case-image-loading{color:var(--muted);font-size:.7rem}.case-choice-label{justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:0 12px;font-size:.8rem;line-height:1.4;display:flex}.case-choice-label>span{color:var(--primary)}.case-snapshot{pointer-events:none;width:220px;height:190px;position:fixed;top:0;left:-1000px}.case-snapshot .cube-viewport{background:0 0;height:100%;min-height:0}.case-source{margin-top:8px}select,input{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 12px}select{width:100%;min-height:42px;font-size:.8rem}input::placeholder{color:var(--muted)}.stage-track{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:24px;margin:0 0 22px;font-size:.8rem;display:flex}.stage-track>span{align-items:center;gap:7px;display:flex}.stage-track i{border:1px solid var(--line);text-align:center;border-radius:50%;width:20px;height:20px;font-size:.7rem;font-style:normal;line-height:18px}.stage-track .stage-current{color:var(--primary)}.stage-current i{border-color:var(--primary);background:var(--soft)}.stage-done i{color:var(--primary)}.coach{text-align:center;max-width:620px;margin:auto;padding-bottom:18px}.coach-description{color:var(--muted);font-size:.85rem;line-height:1.6}.guided-next{text-align:center;width:100%;max-width:620px;margin-top:22px}.guided-goal{color:var(--primary);margin-bottom:8px;font-size:.8rem}.guided-next h2{margin-bottom:8px}.guided-case-heading{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.guided-case-copy{text-align:left;min-width:0}.guided-case-copy h2{text-wrap:balance;font-size:1.15rem;line-height:1.4}.cfop-reference{text-align:center;flex:0 0 150px;margin:0}.cfop-reference .cube-viewport{background:0 0;height:150px;min-height:0}.cfop-reference figcaption{color:var(--muted);margin-top:4px;font-size:.7rem}.cfop-reference .face-net{gap:4px;font-size:.65rem}.cfop-reference .face-grid{grid-template-columns:repeat(3,10px);gap:1px}.cfop-reference .face-grid>span{height:10px;font-size:0}.reference-rotate{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:4px 8px;font-size:.7rem;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.reference-rotate:hover{color:var(--ink)}.guided-next .scramble-moves{margin-top:16px}.guided-next .small{margin-top:8px}.view-guide{background:var(--soft);min-height:36px;color:var(--primary);border:0;border-radius:8px;padding:6px 10px;font-size:.8rem;position:absolute;bottom:6px;left:18px}.coach-actions{justify-content:center;align-items:center;gap:24px;margin-top:6px;display:flex}.focus-toggle{color:var(--muted);align-items:center;gap:7px;min-height:40px;font-size:.75rem;display:flex}.focus-toggle input{accent-color:var(--primary);width:15px;height:15px;margin:0}.algorithm{text-align:left;background:var(--surface);border-radius:8px;margin-top:10px;padding:16px 20px}.algorithm p{margin:10px 0;font:1rem/1.9 ui-monospace,SFMono-Regular,monospace}.algorithm-next{border-radius:3px;padding:2px 4px}.algorithm small{color:var(--muted);font-size:.75rem;display:block}.hint-summary{color:var(--muted);justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.connection-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:24px;margin:8px 0 16px;padding:24px;display:grid}.connection-panel p{color:var(--muted);margin-top:8px;font-size:.8rem}.connection-panel label{margin-bottom:8px;font-size:.8rem;display:block}.connection-panel label span{color:var(--muted)}.connection-panel input{width:100%;max-width:340px}.connection-advanced{grid-column:1/-1;font-size:.8rem}.connection-advanced summary{cursor:pointer;color:var(--muted)}.connection-advanced[open] summary{margin-bottom:16px}.connection-help{max-width:70ch;color:var(--muted);margin-bottom:20px;line-height:1.6}.connection-help ol{margin:12px 0;padding-left:20px}.connection-help li+li{margin-top:8px}.connection-help code{overflow-wrap:anywhere}.connection-help a{text-decoration:underline}.connection-actions{flex-direction:column;gap:8px;display:flex}.connection-actions .primary,.connection-actions .secondary{padding:10px 18px;font-size:.8rem}.notice{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;padding:14px 18px;font-size:.8rem}.connection-panel .notice{grid-column:1/-1;margin:0}.connection-panel .error{color:var(--error)}.cube-fallback{flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:.8rem;display:flex;position:absolute;inset:0}.face-net{flex-wrap:wrap;justify-content:center;gap:10px;max-width:320px;display:flex}.face-grid{grid-template-columns:repeat(3,18px);gap:2px;display:grid}.face-grid>span{text-align:center;color:#0b0b0b;color:lab(3.04863% 0 0);height:18px;font-size:9px}@media (max-width:960px){.solve-result{width:min(100%,320px);margin:12px 0 24px;position:static;transform:none}}@media (max-width:800px){.arena{padding:0 24px}.app-header{gap:16px}.mode-tabs button{padding:8px 20px}.device-area{gap:8px}}@media (max-width:560px){.arena-foil{opacity:.22}.arena-atmosphere:after{background:radial-gradient(ellipse at 50% 47%, var(--bg) 26%, #091111e6 48%, transparent 90%)}@supports (color:lab(0% 0 0)){.arena-atmosphere:after{background:radial-gradient(ellipse at 50% 47%, var(--bg) 26%, lab(4.5182% -2.47277 -1.12408/.9) 48%, transparent 90%)}}.arena{padding:0 18px}.app-header{grid-template-columns:1fr 1fr;gap:6px;min-height:110px;padding:12px 0}.brand{font-size:1.1rem}.brand svg{width:23px}.device-area{grid-area:1/2}.mode-tabs{grid-area:2/1/auto/-1;justify-self:center}.mode-tabs button{min-height:36px;padding:6px 28px}.connection-button{padding:6px;font-size:.75rem}.battery{gap:3px;font-size:.7rem}.battery svg{width:19px}.playfield{padding-top:18px}.timer{font-size:4.5rem}.cube-viewport,.cube-loading{height:36svh;min-height:230px}.guided-case-heading{gap:12px}.cfop-reference{flex-basis:120px}.cfop-reference .cube-viewport{height:130px;min-height:0}.guided-case-copy h2{font-size:1rem}.view-reset{bottom:0;right:0}.round-caption{font-size:.75rem}.play-dock{padding-bottom:18px}.round-actions{gap:16px}.primary,.secondary{gap:20px;padding:12px 18px;font-size:.85rem}.arena-footer{flex-direction:column-reverse;justify-content:center;gap:0;padding:4px 0 14px}.arena-footer nav{flex-wrap:wrap;justify-content:center;gap:22px}.device-caption{font-size:.7rem}.utility-panel{width:calc(100% - 36px);max-height:40svh;padding:14px 16px;bottom:88px;right:18px}.utility-panel:has(.tracking-recorder){max-height:65svh}.simulator-controls>div{gap:6px}.simulator-controls button{width:36px}.stage-track{gap:16px;margin-bottom:16px;font-size:.75rem}.stage-track>span{gap:5px}.stage-track i{width:18px;height:18px;line-height:16px}.coach-actions{gap:20px}.coach-description{font-size:.8rem}.connection-panel{grid-template-columns:1fr;gap:20px;padding:18px}.connection-actions{flex-flow:wrap;grid-column:1}.case-picker{width:100%}.case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scramble-moves{gap:2px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){button{transition:none}.phase-complete .timer,.solve-result{animation:none}.arena-atmosphere{transition:none}}