.solver-root{padding-bottom:90px;scroll-margin-top:12px}.solver-active .intro{padding:12px 0;margin-bottom:12px}.solver-active .intro h1{font-size:24px;margin:8px 0}.solver-active .intro .eyebrow,.solver-active .intro .version,.solver-active .intro p:not(.eyebrow){display:none}.solver-active .stages{margin-bottom:20px;padding-bottom:16px}.solver-active .orientation-intro{display:none}
.solver-root .canvas{min-height:0;padding:20px}.solver-root .canvas-caption{margin:14px 0 0}.solver-root .surface-head{padding:18px 24px}.solver-root .chip{background:#5b3bb0;color:white}.solver-root .solution .net{max-width:390px;padding:4px}.solver-root .pocket-solution .net{max-width:330px}.solver-root .pocket-move{min-height:0;padding:16px 24px 0}.solver-root .move-big{font-size:50px;margin:10px 0}.solver-root .surface{overflow:visible}
.solver-root .solver-dock{position:static;background:#fff;border:1px solid var(--line);padding:10px 14px;gap:10px;border-radius:12px;z-index:30}.solver-root .solver-dock.dock-visible{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));box-shadow:0 5px 25px #17203730;margin:0}.solver-dock .btn{min-height:46px}.final-check{padding:12px 24px;margin:0;background:#eef9f1;color:#195538;font-weight:600}.completion-actions{padding:15px 0}.support-actions,.share-options{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.share-options[hidden]{display:none}.support-actions .btn,.share-options .btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.sound-choice{display:block;margin-top:24px;font-size:14px}.sound-choice input{margin-right:8px}.experience-dialog{max-height:calc(100dvh - 32px);overflow:auto}.experience-dialog li{margin:12px 0;line-height:1.6}.experience-dialog .starting-orientation{margin:16px 0}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.confetti i{position:absolute;left:var(--x);top:0;width:8px;height:13px;animation:celebrate-fall 1.5s var(--delay) both ease-out}@keyframes celebrate-fall{from{transform:translateY(-25px) rotate(0);opacity:1}to{transform:translateY(480px) rotate(var(--spin));opacity:0}}
[data-theme=dark] .solver-root .solver-dock{background:#202635}[data-theme=dark] .final-check{background:#193b2a;color:#c4f1d3}[data-theme=dark] .solver-root .chip{background:#6848bd;color:#fff}
@media(max-width:800px){.solver-root .solver-dock.dock-visible{width:calc(100% - 24px);bottom:max(10px,env(safe-area-inset-bottom));padding:8px;gap:5px}.solver-dock .btn{font-size:13px;padding:9px;flex:1}.solver-root .canvas{padding:12px}.solver-root .solution .net{max-width:300px}.solver-root .surface-head{padding:14px}.solver-root .pocket-move{padding:12px 14px 0}.solver-root .pocket-move h2{font-size:24px;margin:6px 0}.final-check{font-size:13px;padding:10px 14px}.experience-dialog{padding:22px;max-width:calc(100% - 24px)}.experience-dialog .support-actions{flex-direction:column}.solver-active .intro h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){.confetti{display:none}}
.layer-choices,.improve-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.layer-choices .btn{display:flex;align-items:center;gap:8px}.solver-root .face-nav small{display:inline;font-size:11px}.solver-root .mobile-instruction{min-height:0}.solver-root .solver-dock .btn:focus-visible{outline:3px solid #322066;outline-offset:3px}[data-theme=dark] .solver-root .solver-dock .btn:focus-visible{outline-color:#fff}
.solver-root .solver-dock.dock-visible{bottom:max(var(--dock-lift,12px),env(safe-area-inset-bottom))}