:root{--desk:#e3e6e9;--desk-deep:#cdd2d7;--paper:#f6f7f8;--ink:#15181b;--ink-soft:#566069;--plastic:#0e0f11;--c-white:#f4f5f0;--c-yellow:#ffd500;--c-red:#c41e3a;--c-orange:#ff7a1a;--c-blue:#0051ba;--c-green:#009e60;--ok:#0b6b43;--warn:#9a1b30;--r-piece:14px;--font:"Rubik", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--desk);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-size:16px;line-height:1.45}#root{min-height:100%}h1,h2,p,ol{margin:0;padding:0}ol{list-style:none}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--c-blue);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:480px;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 16px);flex-direction:column;gap:14px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:1.05rem;font-weight:800;display:flex}.brand-mark{background:var(--plastic);border-radius:7px;grid-template-columns:1fr 1fr;gap:2px;width:26px;height:26px;padding:3px;display:grid}.brand-mark i{border-radius:2.5px}.phases{color:var(--ink-soft);gap:4px;font-size:.8rem;font-weight:500;display:flex}.phases li{border-radius:999px;padding:4px 10px}.phases .is-done{color:var(--ink)}.phases .is-current{background:var(--plastic);color:var(--paper)}.stage{flex-direction:column;flex:1;display:flex}.scan,.check,.solve{flex-direction:column;flex:1;gap:12px;display:flex}.guide h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.15}.guide p{color:var(--ink-soft);max-width:46ch;margin-top:4px;font-size:.95rem}.count{color:var(--ink-soft);letter-spacing:0;font-size:.85rem;font-weight:500}.guide .count{margin-left:6px}.actions{gap:8px;margin-top:auto;padding-top:4px;display:grid}.actions-solve{grid-template-columns:1fr 1fr}.actions-solve .btn-primary{order:-1;grid-column:1/-1}.btn{-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:var(--r-piece);touch-action:manipulation;border:0;min-height:54px;padding:0 18px;font-size:1.02rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--plastic);color:var(--paper);box-shadow:0 4px #000,0 6px 14px #0e0f1140}.btn-primary:active:not(:disabled){box-shadow:0 1px #000}.btn-go{background:var(--c-green);color:#fff;box-shadow:0 4px #00663e,0 6px 14px #00663e4d}.btn-go:active:not(:disabled){box-shadow:0 1px #00663e}.btn-quiet{color:var(--ink);box-shadow:inset 0 0 0 2px var(--desk-deep);background:0 0;min-height:48px;font-weight:500}.viewfinder{aspect-ratio:1;background:var(--plastic);border-radius:22px;width:100%;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;display:block}.viewfinder.is-flash:after{content:"";opacity:.7;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.viewfinder-msg{text-align:center;color:#c9ced3;place-items:center;padding:28px;font-size:.95rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.viewfinder-msg.is-error{color:#fff}.grid{pointer-events:none;border:3px solid #fff;border-radius:12px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;top:16%;bottom:16%;left:16%;right:16%;box-shadow:0 0 0 100vmax #0e0f1161}.cell{border:1px solid #ffffffbf;position:relative}.cell b{border:2px solid #fff;border-radius:5px;width:16px;height:16px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 1px #00000080}.hint{border:2px solid #fff;border-radius:6px;position:absolute;box-shadow:0 0 0 1px #00000080}.hint-top,.hint-bottom{height:14px;left:38%;right:38%}.hint-left,.hint-right{width:14px;top:38%;bottom:38%}.hint-top{top:calc(16% - 24px)}.hint-bottom{bottom:calc(16% - 24px)}.hint-left{left:calc(16% - 24px)}.hint-right{right:calc(16% - 24px)}.hint-note{color:var(--ink-soft);font-size:.82rem}.flip{cursor:pointer;color:#fff;background:#0e0f11b3;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.strip{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:5px 2px 4px;display:flex}.thumb.is-active{background:var(--paper);box-shadow:0 0 0 2px var(--plastic)}.mini{aspect-ratio:1;background:var(--plastic);border-radius:7px;grid-template-columns:repeat(3,1fr);gap:1.5px;width:100%;max-width:46px;padding:2.5px;display:grid}.mini i{background:#2b2f34;border-radius:2px}.thumb-name{color:var(--ink-soft);font-size:.72rem;font-weight:500}.thumb.is-got .thumb-name,.thumb.is-active .thumb-name{color:var(--ink)}.net{background:var(--paper);border-radius:18px;grid-template-rows:repeat(9,auto);grid-template-columns:repeat(12,1fr);gap:2px;padding:10px;display:grid;position:relative}.sticker{-webkit-appearance:none;appearance:none;border:2px solid var(--plastic);cursor:pointer;aspect-ratio:1;touch-action:manipulation;border-radius:5px;width:100%;padding:0}.sticker.is-center{cursor:default;opacity:1;border-radius:50%}.sticker.is-empty{background:var(--desk-deep);border-style:dashed;border-color:var(--ink-soft)}.sticker.is-flagged{outline:3px solid var(--warn);outline-offset:1px;z-index:1}.net-label{color:var(--ink-soft);align-self:end;padding-bottom:2px;font-size:.72rem;font-weight:500}.brushes{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.brush{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;display:flex}.brush i{border:3px solid var(--plastic);border-radius:10px;width:38px;height:38px}.brush.is-on{background:var(--paper);box-shadow:0 0 0 2px var(--plastic)}.tally{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:500}.tally.is-off{color:var(--warn);font-weight:700}.verdict{color:var(--warn);font-size:.92rem;font-weight:500}.verdict.is-ok{color:var(--ok)}.hold{color:var(--ink-soft);font-size:.95rem}.chip{color:var(--ink);white-space:nowrap;align-items:center;gap:5px;font-weight:700;display:inline-flex}.chip i{border:2px solid var(--plastic);border-radius:4px;width:14px;height:14px}.cube-wrap{position:relative}.cube-scene{--s:clamp(46px, 15vw, 64px);height:calc(var(--s) * 5.4);perspective:900px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.cube-scene:active{cursor:grabbing}.cube{width:0;height:0;transform-style:preserve-3d;position:relative}.cubie{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0}.cubie-face{left:calc(var(--s) / -2 - .5px);top:calc(var(--s) / -2 - .5px);width:calc(var(--s) + 1px);height:calc(var(--s) + 1px);background:var(--plastic);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.cubie-face i{border-radius:16%;position:absolute;top:7%;bottom:7%;left:7%;right:7%;box-shadow:inset 0 0 0 1px #0000002e}.view-reset{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--paper);border:0;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:500;position:absolute;bottom:0;right:0}.card{background:var(--paper);border-radius:18px;padding:16px}.card h2{letter-spacing:-.015em;font-size:1.25rem;font-weight:800;line-height:1.2}.card p{color:var(--ink-soft);margin-top:2px;font-size:.95rem}.card .count{margin:0 0 2px}.card-move{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.notation{background:var(--plastic);color:#fff;border-radius:var(--r-piece);letter-spacing:-.03em;min-width:84px;height:84px;box-shadow:inset 0 -7px 0 var(--face);place-items:center;padding:0 10px;font-size:2.6rem;font-weight:800;line-height:1;display:grid}.moves{flex-wrap:wrap;gap:4px;display:flex}.moves button{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--desk-deep);min-width:36px;height:32px;color:var(--ink);border:0;border-radius:8px;padding:0 6px;font-size:.85rem;font-weight:700}.moves .is-done{color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px var(--desk-deep);background:0 0}.moves .is-current{background:var(--plastic);color:#fff}@media (prefers-reduced-motion:reduce){.btn{transition:none}}