File size: 7,328 Bytes
00577d2
1
2
.row.svelte-2ngxdh{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:.5rem;display:flex;width:100%;touch-action:manipulation}button.svelte-2ngxdh{margin:0;margin-right:.25rem;display:flex;min-height:58px;flex:1 1 0%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center;border-radius:.125rem;border-width:0px;--tw-bg-opacity:1;background-color:rgb(211 214 218 / var(--tw-bg-opacity));padding:0;font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;--tw-text-opacity:1;color:rgb(26 26 27 / var(--tw-text-opacity));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button.svelte-2ngxdh:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}button.big.svelte-2ngxdh{flex:1.5}button.svelte-2ngxdh:last-of-type{margin:0}.spacer.svelte-2ngxdh{flex:.5}.message.svelte-oufr2e{z-index:20;margin-left:auto;margin-right:auto;max-width:32rem;border-radius:.375rem;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity:.8;padding:2.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal.svelte-oufr2e{position:fixed;top:0px;left:0px;z-index:10;min-height:100vh;width:100vw;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity:.8;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transform:translateZ(1000px);transform-style:preserve-3d}button.svelte-oufr2e{margin-top:.25rem;margin-bottom:.25rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));padding:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button.svelte-oufr2e:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.message.svelte-1sv0qpd{position:absolute;left:50%;top:50%;z-index:20;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.125rem;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity:.8;padding:1.25rem;text-align:center;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.board.svelte-1y5wh9j.svelte-1y5wh9j{position:relative;margin-left:auto;margin-right:auto;display:grid;gap:.25rem;--height:min(200px, calc(var(--vh, 100vh) - 350px));height:var(--height);width:min(90vw,calc(var(--height) / 7 * var(--cols)))}.row.svelte-1y5wh9j.svelte-1y5wh9j{position:relative;display:grid;gap:.25rem;grid-template-columns:repeat(var(--cols),1fr)}.tile.svelte-1y5wh9j.svelte-1y5wh9j{position:relative;z-index:0;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));text-align:center;font-size:1rem;line-height:1.5rem;font-weight:700;text-transform:uppercase;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));vertical-align:middle}.tile.svelte-1y5wh9j .filled.svelte-1y5wh9j{-webkit-animation:svelte-1y5wh9j-zoom .2s;animation:svelte-1y5wh9j-zoom .2s}.tile.svelte-1y5wh9j .front.svelte-1y5wh9j,.tile.svelte-1y5wh9j .back.svelte-1y5wh9j{position:absolute;top:0px;left:0px;z-index:10;box-sizing:border-box;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tile.svelte-1y5wh9j .letter.svelte-1y5wh9j{z-index:10;display:flex;height:100%;place-items:center;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.tile.svelte-1y5wh9j .space.svelte-1y5wh9j:before{position:absolute;z-index:0;display:flex;place-items:center;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:.5;content:"\2022"}.tile.svelte-1y5wh9j .front.svelte-1y5wh9j{border-width:1.5px;border-style:solid;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.tile.filled.svelte-1y5wh9j .front.svelte-1y5wh9j{border-width:1.5px;border-style:solid;--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.tile.svelte-1y5wh9j .back.svelte-1y5wh9j{transform:scaleX(0)}.tile.revealed.svelte-1y5wh9j .front.svelte-1y5wh9j{transform:scaleX(-1)}.tile.revealed.svelte-1y5wh9j .back.svelte-1y5wh9j{transform:scale(1)}@-webkit-keyframes svelte-1y5wh9j-zoom{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes svelte-1y5wh9j-zoom{0%{transform:scale(1.1)}to{transform:scale(1)}}.shake.svelte-1y5wh9j.svelte-1y5wh9j{-webkit-animation:svelte-1y5wh9j-shake .5s;animation:svelte-1y5wh9j-shake .5s}@-webkit-keyframes svelte-1y5wh9j-shake{0%{transform:translate3d(1px,-1px,0)}10%{transform:translate3d(-2px,2px,0)}20%{transform:translate3d(2px,-2px,0)}30%{transform:translate3d(-2px,2px,0)}40%{transform:translate3d(2px,-2px,0)}50%{transform:translate3d(-2px,2px,0)}60%{transform:translate3d(2px,2px,0)}70%{transform:translate3d(-2px,-2px,0)}80%{transform:translate3d(2px,2px,0)}90%{transform:translate3d(-2px,-2px,0)}to{transform:translate3d(1px,1px,0)}}@keyframes svelte-1y5wh9j-shake{0%{transform:translate3d(1px,-1px,0)}10%{transform:translate3d(-2px,2px,0)}20%{transform:translate3d(2px,-2px,0)}30%{transform:translate3d(-2px,2px,0)}40%{transform:translate3d(2px,-2px,0)}50%{transform:translate3d(-2px,2px,0)}60%{transform:translate3d(2px,2px,0)}70%{transform:translate3d(-2px,-2px,0)}80%{transform:translate3d(2px,2px,0)}90%{transform:translate3d(-2px,-2px,0)}to{transform:translate3d(1px,1px,0)}}.jump.svelte-1y5wh9j .tile .back.svelte-1y5wh9j{-webkit-animation:svelte-1y5wh9j-jump .5s;animation:svelte-1y5wh9j-jump .5s}@-webkit-keyframes svelte-1y5wh9j-jump{0%{transform:translateZ(0)}20%{transform:translate3d(0,5px,0)}60%{transform:translate3d(0,-25px,0)}90%{transform:translate3d(0,3px,0)}to{transform:translateZ(0)}}@keyframes svelte-1y5wh9j-jump{0%{transform:translateZ(0)}20%{transform:translate3d(0,5px,0)}60%{transform:translate3d(0,-25px,0)}90%{transform:translate3d(0,3px,0)}to{transform:translateZ(0)}}@media (max-height: 680px){.tile.svelte-1y5wh9j.svelte-1y5wh9j{font-size:1.5vh}}