:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#191c2d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}.notsupported{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#191c2d;color:#fff;z-index:11111}.notsupported h1{margin:0}@supports not (selector(&)){body{overflow:hidden}.notsupported{display:flex}}.wrapper{display:flex;height:100dvh}@media (max-width: 1024px){.wrapper{flex-direction:column}}.logo{font-size:26px;margin:0 0 32px;display:flex;align-items:center;justify-content:center;line-height:1}.logo img{margin-right:10px}.logo span{translate:0 -2px}aside{display:flex;flex-direction:column;width:300px;flex-shrink:0;position:fixed;height:100dvh;top:0;background-color:#1e2134}@media (max-width: 1024px){aside{height:auto;width:100%;z-index:111}}aside .inner{display:flex;flex-direction:column;padding:20px;height:100dvh}@media (max-width: 1024px){aside .inner{height:auto}}main{width:100%;padding:20px 20px 20px 320px}@media (max-width: 1024px){main{padding-left:20px;padding-top:150px}}.btn,button{font-size:.875rem;font-family:inherit;font-weight:500;background-color:#2563eb;color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;transition:background-color cubic-bezier(.4,0,.2,1) .3s}.btn:hover,button:hover{background-color:#1e40af}.btn:disabled,button:disabled{opacity:.3;cursor:default}.btn.secondary,button.secondary{background-color:#424867}.btn.secondary:hover,button.secondary:hover{background-color:#303650}.btn.secondary:disabled,button.secondary:disabled{opacity:.3;background-color:#424867}.btn.danger,button.danger{background-color:#dc2626}.btn.danger:hover,button.danger:hover{background-color:#991b1b}.btn.danger:disabled,button.danger:disabled{opacity:.3;background-color:#dc2626}.btn.icon,button.icon{padding:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.btn.icon img,button.icon img{position:static;width:24px;height:24px}.btn.hide,button.hide{opacity:0!important}.burger{position:relative;display:inline-block;width:42px;padding:0 6px;margin-left:auto;line-height:30px;background:transparent;border:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:31;display:none;outline:none}.burger:focus{background:transparent}@media (max-width: 1024px){.burger{display:block}}.burger span{pointer-events:none;position:relative;display:inline-block;vertical-align:middle;width:100%;height:3px;font-size:0;color:transparent;background:#ffffffde;transition:background .4s .4s}.burger span:before,.burger span:after{content:"";position:absolute;left:0;width:100%;height:3px;background:#ffffffde;transform-origin:50% 50%;transition:top .4s .4s,transform .4s}.burger span:before{top:-10px}.burger span:after{top:10px}.burger.close span{transition:background .4s 0s;background:transparent}.burger.close span:before,.burger.close span:after{transition:top .4s,transform .4s .4s;top:0}.burger.close span:before{transform:rotate3d(0,0,1,45deg)}.burger.close span:after{transform:rotate3d(0,0,1,-45deg)}.buttons{display:flex;gap:10px;margin-top:auto}.settings{font-size:0;display:none}.randomize{width:100%}.icon{width:24px;height:24px}.games{display:flex;flex-direction:column;gap:16px}@media (max-width: 1024px){.games{display:none}}.games.open{display:flex;order:1;margin-top:20px}.games .title{font-size:1rem;margin:0;padding:1rem 0;border-bottom:1px solid rgba(229,231,235,.5)}.games label{display:flex;justify-content:space-between;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;transition:background .3s}.games label:has(input[type=checkbox]:checked){background:#252a41}.games label div{display:flex;align-items:center;gap:8px}.games label img{width:24px;height:24px;border-radius:2px}.games label input{cursor:pointer}.games .loading{position:relative}.games .loading:before{content:"loading...";display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.list{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:20px}.list .item{display:flex;flex-direction:column;width:308px;height:508px}@media (max-width: 1280px){.list .item{width:calc(33.333333333% - 14px);height:auto;aspect-ratio:9 / 14}}@media (max-width: 640px){.list .item{width:calc(50% - 10px);height:auto;aspect-ratio:9 / 14}}.list h4{margin-top:0;margin-bottom:10px;display:flex;align-items:center;gap:5px}.list h4 span{cursor:default;background-color:#303650;width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}@media (max-width: 1024px){.list h4 span{display:none}}.list .content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;border:4px solid #2C314D;border-radius:14px;overflow:clip}.list .content .btn,.list .content button{opacity:0;transition-property:background,opacity;transition-duration:.2s;position:relative;z-index:21}.list .content .btn:disabled,.list .content button:disabled{opacity:0}.list .content canvas{position:absolute;z-index:30;display:block}@media (max-width: 1024px){.list .content canvas{width:100%;height:100%;object-fit:cover}}.list .content h5{margin:0;padding:10px;position:absolute;bottom:0;z-index:20;background:#191c2db3;color:#ffffffe6;width:100%;text-align:center;text-transform:uppercase;font-size:26px}@media (max-width: 1024px){.list .content h5{font-size:16px}}.list .content .hidden{animation:1s leave}.list .content .completed{display:none}.list .content .image{position:absolute;width:101%;height:101%;object-fit:cover}.list .content .image[src=""]{opacity:0}.list .content .clear{position:absolute!important;top:10px;right:10px}.list .content .google{position:absolute;z-index:20;top:10px;left:10px}.list .content:hover button{opacity:1}.list .content:hover button:disabled{opacity:.3}.list .content:hover a{opacity:1;transition:opacity .3s}.list .content:hover a:disabled{opacity:.3}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes leave{0%{opacity:1}to{opacity:0}}