:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#eef1ff;background:radial-gradient(1100px 620px at 50% -12%,#1c2249,#0000 60%),#0f1226;margin:0}:root{--bg-2:#1a1f3c;--panel:#ffffff0f;--panel-border:#ffffff1f;--text:#eef1ff;--muted:#aab2d5;--accent:#6c7bff;--accent-2:#00d4b4;--gap:6px;--radius:14px}.app{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100svh;padding:clamp(16px,4vw,32px);display:flex}.topbar{flex-direction:column;align-items:center;gap:12px;display:flex}.title{letter-spacing:-.5px;text-align:center;margin:0;font-size:clamp(20px,5vw,30px)}.thumb-wrap{border:1px solid var(--panel-border);border-radius:12px;width:96px;height:96px;overflow:hidden}.thumb{object-fit:cover;filter:blur(4px);width:100%;height:100%;transform:scale(1.12)}.board-wrap{width:min(92vw,460px);position:relative}.board{gap:var(--gap);aspect-ratio:1;width:100%;padding:var(--gap);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);transition:gap .25s,box-shadow .25s;display:grid}.board--solved{box-shadow:0 0 0 3px var(--accent-2);gap:0}.tile{aspect-ratio:1;cursor:pointer;background-color:#222;background-repeat:no-repeat;border:2px solid #0000;border-radius:8px;outline:none;width:100%;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s,border-radius .25s}.tile:hover{transform:translateY(-2px)}.tile:focus-visible{border-color:var(--accent-2);box-shadow:0 0 0 3px #00d4b466}.tile--selected{border-color:var(--accent);transform:scale(.95);box-shadow:0 0 0 3px #6c7bff73}.board--solved .tile{cursor:default;border-color:#0000;border-radius:0;transform:none}.btn{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:14px;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.restart{padding:11px 28px;font-size:15px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius);background:#080a18c7;place-items:center;animation:.25s fade;display:grid;position:absolute;inset:0}.overlay__card{text-align:center;background:var(--bg-2);border:1px solid var(--panel-border);border-radius:16px;padding:28px 32px}.overlay__card h2{letter-spacing:-.5px;margin:0 0 6px;font-size:clamp(28px,7vw,42px)}.overlay__date{color:var(--text);margin:0 0 4px;font-size:clamp(16px,4vw,20px)}.overlay__place{color:var(--muted);margin:0 0 20px;font-size:clamp(14px,3.6vw,17px)}@keyframes fade{0%{opacity:0}to{opacity:1}}