body{margin:0;padding:0;font-family:sans-serif}html{text-align:center;background-color:#7fffd4}.App-header{background-color:#222;color:#fff;padding:18px 0}.App-title{font-size:1.5em;letter-spacing:.35em;margin:0;text-indent:.35em}.App-intro{font-size:large;max-width:min(90vw,440px);margin-left:auto;margin-right:auto}.tile-container{box-shadow:0 3px 6px #999,0 3px 6px #999;margin:0 auto;width:min(90vw,400px);aspect-ratio:1;display:grid;grid-template-columns:repeat(5,1fr);background-color:#89dbd5;transition:box-shadow .5s ease-in-out}.tile-container.solved{box-shadow:0 3px 14px #0b6e64,0 3px 14px #0b6e64}.App-status{display:flex;justify-content:center;align-items:center;gap:16px}.move-counter{font-size:.9em;color:#1a5c55}.new-game{font:inherit;font-size:.9em;padding:6px 14px;border:0;border-radius:4px;background-color:#222;color:#fff;cursor:pointer}.new-game:hover{background-color:#444}.tile{padding:0;border:0;background:none;cursor:pointer;display:block;width:100%;height:100%;overflow:hidden}.tile>img{display:block;width:100%;height:100%;transition:transform .3s ease-in-out;user-select:none;-webkit-user-select:none}.solved .tile{cursor:default}