:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.4;font-weight:400;color-scheme:light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#f6f8fc;color:#0c1222}#root{min-height:100%}a{color:inherit}button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root{--bg: #f6f8fc;--card: rgba(255, 255, 255, .9);--card2: rgba(255, 255, 255, .78);--text: #0c1222;--muted: #5b6b87;--border: rgba(10, 22, 40, .12);--accent: #2563eb;--good: #16a34a;--danger: #ef4444;--warn: #f59e0b;--yellow: #eab308;--shadow: 0 10px 26px rgba(16, 24, 40, .1)}.page{max-width:980px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.title{font-weight:850;letter-spacing:-.02em;font-size:22px;display:flex;align-items:baseline;gap:8px}.version{font-size:12px;font-weight:900;color:#2563ebe6;background:#2563eb1a;border:1px solid rgba(37,99,235,.18);padding:2px 8px;border-radius:999px}.subtitle{margin-top:4px;color:var(--muted);font-size:12px}.topRight{display:flex;gap:10px;align-items:stretch}.infoBox{background:linear-gradient(180deg,#2563eb1a,#2563eb08);border:1px solid rgba(37,99,235,.18);border-radius:16px;padding:6px 10px;box-shadow:0 8px 16px #2563eb14;min-width:96px;text-align:center;display:grid;align-content:center}.infoLabel{color:var(--muted);font-size:11px;font-weight:800;line-height:1.1}.infoValue{font-size:20px;font-weight:900;line-height:1.1}.clock.normal .infoValue{color:var(--text)}.clock.yellow{border-color:#eab30873;background:linear-gradient(180deg,#eab30824,#eab3080d)}.clock.yellow .infoValue{color:#92400e}.clock.red{border-color:#ef444466;background:linear-gradient(180deg,#ef44441f,#ef44440a)}.clock.red .infoValue{color:#b91c1c}.main{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:820px){.main{grid-template-columns:1fr}.topRight{gap:8px}.infoBox{min-width:90px}}.grid,.trays{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gridRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.gridRow:last-child{margin-bottom:0}.cell{height:60px;min-height:44px;border-radius:16px;border:1px solid var(--border);background:#ffffffeb;color:var(--text);font-size:22px;font-weight:900;cursor:pointer;display:grid;place-items:center;user-select:none;-webkit-user-select:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.cell.over{border-color:#2563eb99;box-shadow:0 0 0 4px #2563eb1a}.cell:active{transform:scale(.98)}.cell.op{background:#2563eb14;border-color:#2563eb38;color:#1e40af;font-size:26px}.cell.empty{background:#ffffffb3}.cell.given{box-shadow:inset 0 0 0 2px #22c55e38}.cell.static{border:2px solid rgba(37,99,235,.85);box-shadow:inset 0 0 0 2px #3b82f640}.cell:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.trayTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.trayTitle{font-weight:900;font-size:15px}.trayLayout{display:grid;grid-template-columns:3fr 1.2fr;gap:14px;align-items:stretch}.digitsBox{padding:10px;border:1px dashed rgba(10,22,40,.14);border-radius:16px;background:#ffffff8c}.hintBox{display:flex;flex-direction:column;gap:12px;align-items:stretch}.trayRow{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;border-top:1px dashed rgba(10,22,40,.14)}.trayRow:first-of-type{border-top:none;padding-top:6px}.trayRowLabel{color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}.trayDigits{display:flex;gap:8px;justify-content:center}.digitBtn{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:#fffffff5;color:var(--text);font-weight:900;font-size:16px;cursor:grab;user-select:none;-webkit-user-select:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.digitBtn.dragging{cursor:grabbing}.digitBtn:active{transform:scale(.98)}.digitBtn.active{border-color:#2563eb73;box-shadow:0 0 0 5px #2563eb1f}.digitBtn.disabled{opacity:.35;cursor:not-allowed}@keyframes shimmerPulse{0%{box-shadow:0 0 #2563eb99}70%{box-shadow:0 0 0 12px #2563eb00}to{box-shadow:0 0 #2563eb00}}.digitBtn.shimmer{animation:shimmerPulse 1.6s ease-in-out infinite;border-color:#2563ebb3}.controlStack{display:flex;flex-direction:column;gap:10px}.controlBtnLarge{border-radius:18px;border:1px solid rgba(37,99,235,.45);background:linear-gradient(180deg,#3b82f626,#3b82f605);color:#0f172a;font-weight:900;cursor:pointer;min-height:120px;display:grid;place-items:stretch;padding:0;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.controlBtnLarge.disabled{opacity:.35;cursor:not-allowed}.controlBtnLarge:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}.controlBtnInner{height:100%;width:100%;display:grid;grid-template-rows:auto auto auto;gap:6px;align-items:center;justify-items:center;padding:16px 12px}.controlIconWrap{display:grid;place-items:center}.controlBtnLabel{font-size:20px;letter-spacing:.02em}.controlBtnLarge.shuffle{border-color:#0ea5e98c;background:linear-gradient(180deg,#0ea5e92e,#0ea5e90a);color:#0c4a6e}.hintPenalty{width:100%;text-align:center;font-size:12px;font-weight:900;color:#0f766ee6}.hintMsg{font-size:12px;color:var(--muted);text-align:center}.status{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--card2);color:var(--muted)}.status.correct{border-color:#22c55e59;color:#15803d}.status.wrong{border-color:#ef444459;color:#b91c1c}.status.invalid{border-color:#f59e0b59;color:#b45309}.actions{margin-top:10px;display:flex;gap:10px}.btn{min-height:42px;border-radius:14px;border:1px solid var(--border);background:#fffffff2;color:var(--text);padding:10px 12px;cursor:pointer;font-weight:850}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active{transform:scale(.99)}.footer{margin-top:10px;color:var(--muted);font-size:11px}.victoryOverlay{position:fixed;inset:0;background:#0a0e19a6;display:grid;place-items:center;z-index:40;padding:20px}.victoryDialog{background:var(--card);border-radius:22px;padding:28px;border:1px solid rgba(37,99,235,.25);box-shadow:var(--shadow);text-align:center;min-width:280px}.victoryDialog p{font-size:26px;font-weight:800;margin:0 0 16px;color:#0c1222}.victoryActions{display:flex;justify-content:center}.btn.primary{background:linear-gradient(180deg,#2563ebf2,#1d4ed8e6);border-color:#2563ebe6;color:#fff}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.primary:active{transform:scale(.98)}.failureOverlay{position:fixed;inset:0;background:#0f172acc;display:grid;place-items:center;z-index:45;padding:24px}.failureDialog{background:linear-gradient(180deg,#b91c1cf2,#991b1bf2);border-radius:20px;border:2px solid rgba(248,113,113,.9);padding:36px 32px;box-shadow:0 20px 60px #0f172a99;text-align:center;min-width:280px}.failureDialog p{margin:0 0 18px;font-size:40px;font-weight:900;letter-spacing:.2em;color:#ffe4e6}.failureActions{display:flex;justify-content:center}.failureOverlay .btn{min-width:180px;background:#0f172abf;border-color:#f87171d9;color:#ffeff2}