:root{--bg-color: #242424;--bg-hover: rgba(255, 255, 255, .2);--text-color: rgba(255, 255, 255, .87);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}html{font-size:14px;min-width:320px}body{position:relative}h1,h2{font-weight:700;-webkit-user-select:none;user-select:none;cursor:default}.btn{display:block;padding:10px 15px;border-radius:8px;border:1px solid #fff;background:#fff0;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:inherit;transition:background-color .2s;position:relative}.btn:hover,.btn:active{background:var(--bg-hover)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;color:var(--text-color)}input[type=range]::-webkit-slider-runnable-track{background:var(--bg-hover);height:8px;border-radius:4px}input[type=range]::-moz-range-track{background:var(--bg-hover);height:8px;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;background-color:var(--bg-color);height:20px;width:20px;border:1px solid currentColor;border-radius:50%;transition:background-color .2s}input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;background-color:var(--bg-color);height:1.2rem;width:1.2rem;border:1px solid currentColor;border-radius:50%;transition:background-color .2s}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{background-color:#505050}input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{background-color:#505050}input[type=radio]{-webkit-appearance:none;appearance:none;background:var(--bg-color);margin:0;cursor:pointer;font:inherit;color:currentColor;width:1.2rem;height:1.2rem;border:1px solid currentColor;border-radius:50%;transition:background-color .2s;display:flex;justify-content:center;align-items:center}input[type=radio]:hover,input[type=radio]:active{background:var(--bg-hover)}input[type=radio]:before{content:"";display:block;width:.725rem;height:.725rem;background:currentColor;border-radius:50%;transition:transform .12s ease-in-out;transform:scale(0);box-shadow:inset 1em 1em currentColor}input[type=radio]:checked:before{transform:scale(1)}@media (min-width: 576px){html{font-size:16px}}#root{max-width:840px;width:100%;margin:0 auto;padding:20px}.actions{display:flex;align-items:center;flex-wrap:wrap}.actions .btn{margin-right:15px;margin-top:15px}@media (min-width: 576px){#root{padding:30px}}@media (min-width: 768px){#root{width:80%;padding:30px 15px}}@media (min-width: 1366px){#root{width:60%;padding:50px 15px}}.cards-list{list-style:none;margin:15px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media (min-width: 375px){.cards-list{gap:20px}}@media (min-width: 425px){.cards-list{grid-template-columns:repeat(4,1fr);gap:15px}}@media (min-width: 768px){.cards-list{grid-template-columns:repeat(5,1fr);gap:20px;margin:20px 0}}@media (min-width: 1024px){.cards-list{grid-template-columns:repeat(6,1fr)}}.card{font-family:"Noto Color Emoji","Segoe UI Emoji",sans-serif;font-weight:400;font-style:normal;font-size:2rem;display:block;width:100%;aspect-ratio:1 / 1;min-width:70px;min-height:70px;line-height:1;text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #fff;border-radius:8px;background-color:transparent;cursor:pointer;transition:background-color .3s;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;transform:rotateY(0)}.card-front{background:#fff0}.card-back{transform:rotateY(180deg);background:#fff3}.moves-count{padding-right:15px;-webkit-user-select:none;user-select:none;cursor:default;width:100%}.settings-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ReactModal__Body--open{overflow:hidden}.settings-modal{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;max-width:640px;min-height:45vh;background-color:var(--bg-color);box-shadow:5px 5px 10px #000000b3;padding:20px 20px 30px}.settings-modal-header{display:flex;justify-content:space-between;margin-bottom:20px}.settings-modal-header .heading{font-size:1.5rem}.settings-modal-header .close{border-radius:50%;line-height:1;font-size:20px;cursor:pointer;-webkit-user-select:none;user-select:none;width:36px;height:36px;padding:0;display:flex;justify-content:center;align-items:center}.settings-modal-header .close .icon{width:75%;height:75%}.set-cards-range{margin:10px 0 15px}.set-cards-range .range-wrap{display:flex;align-items:center;padding:8px 0 5px}.set-cards-range .range-value{margin-left:10px;line-height:1}.set-cards-range input{width:210px}.set-cards-timeout .timeout-radio-group{display:flex;align-items:center;padding:8px 0}.set-cards-timeout .timeout-option-label{padding-left:6px;-webkit-user-select:none;user-select:none}.set-cards-timeout .timeout-option{margin-right:20px;cursor:pointer;display:flex;align-items:center}@media (min-width: 576px){.settings-modal{left:50%;transform:translate(-50%,-50%);width:80vw}}@media (min-width: 768px){.settings-modal{left:50%;transform:translate(-50%,-50%);width:65vw;padding:30px 30px 40px}}@media (min-width: 1024px){.settings-modal{width:60vw;min-height:40vh}}