div.card.svelte-lv9s7p{cursor:pointer;width:100%;height:100%;position:relative;border-radius:7%;transform-style:preserve-3d;transition:transform var(--flipDuration) ease-in-out}div.card.open.svelte-lv9s7p{transform:rotateY(180deg)}div.card.svelte-lv9s7p>div.face:where(.svelte-lv9s7p),div.card.svelte-lv9s7p>div.back:where(.svelte-lv9s7p){border-radius:7%;position:absolute;width:100%;height:100%;display:grid;place-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat;text-shadow:2px 2px 5px black}div.card.svelte-lv9s7p>div.back:where(.svelte-lv9s7p){color:#aaa}div.card.svelte-lv9s7p>div.face:where(.svelte-lv9s7p){background:linear-gradient(150deg,white -100%,var(--card-color),black 230%);transform:rotateY(180deg)}div.card.solved.svelte-lv9s7p>div.face:where(.svelte-lv9s7p){border:calc(2vmin / var(--columns)) solid wheat;transition:transform var(--flipDuration) ease-in-out,border-color var(--flipDuration) 0s}div.svelte-13a2bj9{position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:#0000004d}section.svelte-13a2bj9{position:absolute;top:0;left:0;width:100vw;background-color:#333;padding:2vmin;box-shadow:0 5px 5vmin #000}header.svelte-13a2bj9{display:flex;align-items:center;justify-content:space-between;width:100%}h1.svelte-13a2bj9{font-size:2em;margin:0}div.svelte-13a2bj9{margin-bottom:1em}button.svelte-13a2bj9{border:none;background-color:#444;border-radius:.2rem;font-size:1.2rem;padding:.4rem 1rem;color:#aaa;text-align:center}h1.svelte-1n46o8q{margin:0}main.svelte-1n46o8q{position:relative;height:100vh;display:flex;justify-content:space-between;align-items:center;overflow:hidden}header.svelte-1n46o8q{padding:2vmin;align-self:flex-start}div.svelte-1n46o8q{position:relative;width:100%;height:100%;display:grid;padding:2vmin;gap:2vmin;-webkit-user-select:none;user-select:none}button.svelte-1n46o8q{border:none;background-color:#444;border-radius:.2rem;font-size:1.2rem;padding:.4rem 1rem;color:#aaa;text-align:center}button.finish-overlay.svelte-1n46o8q{border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(rgba(0,0,0,.6),transparent 80%)}button.finish-overlay.svelte-1n46o8q>div:where(.svelte-1n46o8q){position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}button.finish-overlay.svelte-1n46o8q>div:where(.svelte-1n46o8q)>span.finish:where(.svelte-1n46o8q){font-size:35vmin;text-shadow:2vmin 2vmin 3vmin black}button.finish-overlay.svelte-1n46o8q>div:where(.svelte-1n46o8q)>span.stars:where(.svelte-1n46o8q){font-size:16vmin}button.finish-overlay.svelte-1n46o8q>div:where(.svelte-1n46o8q)>p:where(.svelte-1n46o8q){margin:0;padding:1vmin;font-size:15vmin;text-shadow:1vmin 1vmin 2vmin black;text-align:center}@media(orientation:portrait){header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;width:100%}main.svelte-1n46o8q{flex-direction:column}div.svelte-1n46o8q{max-height:calc(100vw * 1.2 / var(--columns) * var(--rows));max-width:calc(100vh * var(--columns) / var(--rows));grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);font-size:calc(100vmin / var(--columns) * .65)}}@media(orientation:landscape){header.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:10vh}div.svelte-1n46o8q{grid-auto-flow:column;max-height:calc(100vw * var(--columns) / var(--rows));max-width:calc(100vh / var(--columns) * var(--rows));grid-template-columns:repeat(var(--rows),1fr);grid-template-rows:repeat(var(--columns),1fr);font-size:calc(100vmin / var(--rows) * .65)}}