*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1b2030,#0c0e16 70%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e8ecf4;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}canvas{display:block;touch-action:none}#hud{position:fixed;top:0;left:0;right:0;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:12px}#title{font-weight:700;font-size:15px;letter-spacing:.3px;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.5)}#title small{display:block;font-weight:400;font-size:11px;opacity:.6;margin-top:2px;max-width:60vw}#stats{text-align:right;font-size:12px;opacity:.7}#stats b{font-size:18px}#banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#10b981f2;color:#04130d;padding:14px 26px;border-radius:14px;font-weight:800;font-size:20px;opacity:0;pointer-events:none;transition:.35s;box-shadow:0 12px 40px #10b98166}#banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#status{position:fixed;bottom:78px;left:50%;transform:translate(-50%);background:#10b98129;border:1px solid rgba(16,185,129,.45);color:#7ef0c3;padding:7px 16px;border-radius:20px;font-size:12.5px;font-weight:600;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}#controls{position:fixed;bottom:0;left:0;right:0;padding:14px 12px calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:center}.row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}button{pointer-events:auto;cursor:pointer;border:none;border-radius:11px;font-weight:600;color:#e8ecf4;background:#ffffff14;backdrop-filter:blur(8px);transition:.12s}button:hover:not(:disabled){background:#ffffff29;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.96)}button:disabled{opacity:.4;cursor:default}.main-btn{padding:12px 22px;font-size:14px}#scramble{background:#6366f1d9}#scramble:hover:not(:disabled){background:#6366f1}#solve{background:#10b981d9}#solve:hover:not(:disabled){background:#10b981}#reset{background:#f43f5eb3}#reset:hover:not(:disabled){background:#f43f5e}