:root{color-scheme:dark;--bg:#0d0c0a;--panel:#15130f;--tile:#1d1a15;--tile-hover:#252118;--ink:#f3eedf;--muted:#a9a091;--line:#393326;--cream:#d6c28c;--cream-2:#efe3bd;--bad:#b97063;--good:#a7b276;--shadow:rgba(0,0,0,.34)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit}.shell{width:min(460px,100%);min-height:100dvh;margin:0 auto;padding:18px 14px 24px;flex-direction:column;gap:14px}.shell,.top{display:flex}.top{align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px}h1{margin:0;max-width:285px;font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:.96;letter-spacing:0;font-weight:700}.date{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.mark{border:1px solid var(--line);padding:8px 9px;color:var(--cream-2);font-family:Georgia,Times New Roman,serif;white-space:nowrap}.mark,.status{font-size:13px}.status{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;min-height:42px;border-bottom:1px solid var(--line);padding-bottom:12px;color:#ded6c3;line-height:1.35}.mistakes,.status{align-items:center}.mistakes{display:inline-flex;gap:6px}.dot{width:8px;height:8px;border-radius:999px;background:var(--cream-2)}.dot.used{opacity:.22}.solvedList{display:grid;grid-gap:8px;gap:8px}.solved{min-height:72px;padding:11px 12px;border:1px solid #c6b57d;background:var(--cream);color:#15120c;display:grid;align-content:center;box-shadow:0 5px 14px var(--shadow)}.solved strong{display:block;margin-bottom:5px;text-transform:uppercase;font-size:12px;letter-spacing:0}.solved span{display:block;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700;line-height:1.2}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.tile{min-height:68px;border:1px solid var(--line);background:var(--tile);display:grid;place-items:center;text-align:center;padding:6px;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:13px;line-height:1;letter-spacing:0;cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease,border-color .15s ease}.tile:active{transform:translateY(1px)}.tile:hover{background:var(--tile-hover)}.tile.selected{background:var(--cream);color:#15120c;border-color:var(--cream)}.tile.shake{animation:shake .24s ease-in-out;border-color:var(--bad)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.controls{display:grid;grid-template-columns:1fr 1fr 1.2fr;grid-gap:8px;gap:8px;margin-top:auto}.control{min-height:44px;border:1px solid var(--line);background:transparent;font-size:13px;font-weight:750;cursor:pointer}.control:disabled{opacity:.35;cursor:not-allowed}.primary{border-color:var(--cream-2);background:var(--cream-2);color:#15120c}.message{min-height:24px;color:var(--muted);font-size:13px;text-align:center;line-height:1.4}.message.good{color:var(--good)}.message.bad{color:var(--bad)}.footer{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px;line-height:1.4;text-align:center}@media (min-width:820px){body{background:linear-gradient(#15130f 1px,transparent 1px),linear-gradient(90deg,#15130f 1px,transparent 1px),var(--bg);background-size:28px 28px}.shell{min-height:calc(100dvh - 56px);margin-top:28px;margin-bottom:28px;border:1px solid var(--line);background:var(--bg);box-shadow:0 18px 50px rgba(0,0,0,.28)}}@media (max-width:380px){.shell{padding-left:10px;padding-right:10px}h1{font-size:30px}.tile{min-height:60px;font-size:11px}.control{font-size:12px}}