*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:#fd773995;color:#000}:root{--text-color: #000;--primary-color: #FAFAF9;--border-color: #121212;line-height:1.5;font-family:Inter,monospace}body{background-color:var(--primary-color)}body[theme=dark]{--text-color: #FAFAF9;--primary-color: #212121;--border-color: #000}.hide{opacity:0}header{width:100%;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}header .h1{margin-inline:6px;font-family:Inter,monospace;font-size:2.2ch;text-transform:uppercase;text-wrap:wrap;font-weight:700;color:var(--text-color)}header nav ul{list-style:none;display:flex;align-items:center;gap:2px}.main{width:auto;padding:0 0 2rem;display:grid;place-items:center}.main__header{min-width:340px;max-width:500px;margin:1.6rem 0 1rem;padding:0 1.8rem;display:flex;justify-content:center;align-items:center}.icon-packs{min-width:300px;max-width:500px;padding:0 10px;display:flex;justify-content:left;align-items:center;flex-wrap:wrap;list-style:none}.icon-pack{min-width:6.6rem;max-width:10rem;margin:6px;height:2.2rem;display:flex;align-items:center;background:#FAFAF9;border-radius:.25rem;border:solid .14rem var(--border-color);box-shadow:.15rem .15rem var(--border-color);cursor:default;-webkit-user-select:none;user-select:none}.icon-pack__img{width:2rem;height:100%;border-right:solid .14rem var(--border-color);background-image:url(https://assets-global.website-files.com/63a9fb94e473f36dbe99c1b1/64a2fa3a301a6b9c317c705f_t0Fli6xpRum7TSXQDFB3.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.icon-pack__name{padding-inline:6px;font-size:1.1ch;font-weight:500;color:#212121}.footer-with-icon-packs{margin:2rem 0 0;padding:0 1rem;display:flex;align-items:start}.footer-with-icon-packs__footer-title{color:var(--text-color);padding-block-start:9px}.board{width:auto;max-width:500px;padding:0 4px 0 2px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.card{max-width:9rem;min-width:4.6rem;min-height:5rem;max-height:10rem;margin:.2rem;padding:0;display:grid;place-items:center;background:#FCFBFC;border-radius:.25rem;border:solid .125rem var(--border-color);box-shadow:.15rem .15rem var(--border-color);transition:transform 50ms,box-shadow 50ms}.card--pleyer-one-color{background-color:#fd77397e}.card--pleyer-two-color{background-color:#033ead7e}.card--selected{border:solid .125rem #21212185;box-shadow:.25rem .25rem #21212185}.card--selected .card__img-container{opacity:0}@media screen and (min-width: 1000px){.card--no-selected:hover{background-color:#21212185}}.card__img-container{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:1}.card__img-container img{object-fit:contain;width:100%;height:100%}.card--no-selected .card__img-container{opacity:0}.user-won-sing{position:fixed;width:100%;height:100%;top:0;left:0;display:grid;place-items:center}.user-won-sing--show{opacity:1;visibility:visible}.user-won-sing--hide{visibility:hidden;opacity:0}.user-won-sing--red .user-won-sing__container{background-color:#fd77397e}.user-won-sing--blue .user-won-sing__container{background-color:#033ead7e}.user-won-sing__container{min-width:260px;max-width:400px;margin:0 10px;padding-block:10px;font-size:3ch;font-weight:700;text-align:center;color:var(--border-color);border:solid .125rem var(--border-color);background-color:#fafaf9}.btn{width:2.2rem;height:2.2rem;display:grid;place-items:center;background:white;border-radius:.25rem;border:solid .125rem var(--border-color);box-shadow:.25rem .25rem var(--border-color);transition:transform 50ms,box-shadow 50ms}.btn--small{width:2rem;height:2rem;box-shadow:.125rem .125rem var(--border-color)}.btn:active{transform:translate(.125rem,.125rem);box-shadow:.125rem .125rem var(--border-color)}footer{width:100%;padding:6px;display:flex;justify-content:center}.icon{background-size:contain;background-position:center;background-repeat:no-repeat}.icon--user{background-image:url(/assets/user-1a0da6f5.svg)}.icon--users{background-image:url(/assets/users-7b27446b.svg)}.icon--reset{background-image:url(/assets/reset-977ebd6b.svg)}.icon--moon{background-image:url(/assets/moon-c47d7627.svg)}.icon--sun{background-image:url(/assets/sun-21f56e7e.svg)}main{position:fixed;z-index:-1;top:0;left:0;width:50vw;font-size:1.8ch;color:var(--text-color)}main img{display:block;width:100%;height:auto;object-fit:contain}main .main-link{display:block;margin-block:14px;font-size:2.4ch}