.solver-root{padding-bottom:0;scroll-margin-top:12px}.solver-root+.support-content{margin-top:28px}.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:155px;padding:16px 24px 0}.solver-root .move-big{font-size:50px;margin:10px 0}.solver-root .surface{overflow:visible}
.control-slot{background:#fff;min-height:84px}.solver-root .solver-dock{position:static;display:flex;background:#fff;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 24px;gap:12px;border-radius:0;margin:0;width:100%;box-shadow:none;transform:none}.solver-dock .btn{min-height:52px}.solver-dock .primary{min-width:190px}.solver-dock #undo,.solver-dock [data-action=undo]{display:inline-flex;align-items:center;justify-content:center;gap:8px}.undo-icon{width:21px;height:21px;flex-shrink:0}.solver-root .turn-check{padding:12px 24px;margin:0;background:#f6f4fc;color:#514477;min-height:66px;display:flex;align-items:center;font-size:14px}.solver-root .final-check{background:#eef9f1;color:#195538;font-weight:600}
.layer-choices,.improve-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.layer-choices .btn{display:flex;align-items:center;gap:8px}#improve{color:#5633a7;border:2px solid #6944bf;background:#faf8ff;font-weight:600}#improve:hover{background:#f0e9ff}.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}.solver-root .end-actions .mismatch-link{margin-right:auto}.solver-root .end-actions{column-gap:16px;row-gap:10px}
.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}.support-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.support-cards .btn{flex-direction:column;gap:12px;min-height:124px;padding:14px 10px;text-align:center;line-height:1.4}.support-cards svg{width:32px;height:32px}.sound-choice{display:block;margin-top:22px;font-size:14px}.sound-choice input{margin-right:8px;min-width:18px;min-height:18px;vertical-align:middle}.experience-dialog{max-height:calc(100dvh - 32px);overflow:auto}.celebration-dialog{max-width:610px}.experience-dialog p{line-height:1.6}.experience-dialog li{margin:12px 0;line-height:1.6}.experience-dialog .starting-orientation{margin:16px 0}
.search-cube{display:grid;place-items:center;height:112px;perspective:240px}.cube-spinner{width:62px;height:62px;padding:5px;border:3px solid #293144;background:#293144;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px;animation:cube-think 2.4s steps(12,end) infinite;box-shadow:5px 6px 0 #141c2c}.cube-spinner span{border-radius:2px;background:#ed6365}.cube-spinner span:nth-child(2){background:#39b78a}.cube-spinner span:nth-child(3){background:#5c99ec}.cube-spinner span:nth-child(4){background:#f6f6f2}@keyframes cube-think{0%{transform:rotateX(-16deg) rotateY(-22deg) rotateZ(0)}50%{transform:rotateX(16deg) rotateY(22deg) rotateZ(180deg)}100%{transform:rotateX(-16deg) rotateY(-22deg) rotateZ(360deg)}}
.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] .control-slot,[data-theme=dark] .solver-root .solver-dock{background:#202635}[data-theme=dark] .solver-root .turn-check{background:#302943;color:#ded3f5}[data-theme=dark] .solver-root .final-check{background:#193b2a;color:#c4f1d3}[data-theme=dark] .solver-root .chip{background:#6848bd;color:#fff}[data-theme=dark] #improve{background:#29233b;color:#e0d3ff;border-color:#b99bf5}[data-theme=dark] #improve:hover{background:#352b4d}[data-theme=dark] .solver-root .solver-dock .btn:focus-visible{outline-color:#fff}
@media(min-width:801px) and (max-height:800px){.control-slot{position:sticky;bottom:12px;z-index:20}.solver-root .solver-dock{box-shadow:0 3px 14px #17203715}}
@media(max-width:800px){.control-slot{min-height:84px}.solver-root .solver-dock{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.65fr);padding:10px;gap:8px;z-index:30}.solver-root[data-stage="0"] .solver-dock{grid-template-columns:62px 48px minmax(0,1fr)}.solver-root .solver-dock.dock-visible{position:fixed;bottom:max(var(--dock-lift,8px),env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 16px);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 25px #17203730}.solver-root .solver-dock .btn{font-size:14px;line-height:1.3;padding:10px 8px;min-height:56px;min-width:0}.solver-dock .undo-label{display:none}.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;min-height:145px}.solver-root .pocket-move h2{font-size:24px;margin:6px 0}.solver-root .turn-check{font-size:13px;padding:10px 14px;min-height:76px}.experience-dialog{padding:22px;max-width:calc(100% - 24px)}.support-cards{grid-template-columns:1fr}.support-cards .btn{flex-direction:row;justify-content:flex-start;text-align:left;min-height:60px;padding:12px 16px;gap:16px}.support-cards svg{width:26px;height:26px;flex-shrink:0}.solver-root .end-actions .mismatch-link{flex-basis:100%;text-align:left}.solver-root .end-actions{align-items:flex-start}.solver-root .end-actions .btn{font-size:13px}.solver-root .end-actions #return,.solver-root .end-actions [data-action=edit]{text-align:left;flex:1}.experience-dialog .dialog-actions{flex-wrap:wrap}.experience-dialog .dialog-actions .btn{min-height:48px}}
@media(prefers-reduced-motion:reduce){.confetti{display:none}.cube-spinner{animation:none}}
@media(max-width:800px){.solver-root .workspace,.solver-root .solution{grid-template-columns:minmax(0,1fr)}.solver-root .panel,.solver-root .surface{min-width:0}.solver-root .palette{flex-wrap:wrap;gap:10px}.solver-root .canvas-caption{max-width:100%}}@media(max-width:600px){.solver-root .orientation-grid{grid-template-columns:28px minmax(0,216px) 28px;column-gap:8px}.solver-root .orientation-grid .cube-wrap{min-width:0}}