html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--ink:#17182b;--muted:#6d6e88;--bg:#f3f4f9;--surface:#fff;--border:#e2e3ef;--accent:#5b5bf0;--accent-press:#3f3fd1;--accent-soft:#edeeff;--amber:#ffb020;--danger:#e0483c;--danger-soft:#fdeceb;--valid:#38de38;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.game{box-sizing:border-box;background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;gap:1.75rem;padding:2rem 1.25rem 3rem;display:flex}.game *,.game :before,.game :after{box-sizing:border-box}.game--message{justify-content:center}.game__message{max-width:22rem;color:var(--muted);text-align:center;font-size:.95rem;line-height:1.45}.game__message--error{background:var(--danger-soft);color:var(--danger);border-radius:.8rem;padding:.8rem 1rem;font-weight:600}.game__head{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.game__badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;font-weight:700}.game__title{letter-spacing:-.03em;font-size:clamp(1.9rem,8vw,2.6rem);font-weight:800;line-height:1.05}.game__subtitle{max-width:22rem;color:var(--muted);font-size:.95rem;line-height:1.45}.game__pair{flex-direction:column;gap:.9rem;width:100%;max-width:22rem;display:flex}.game__card{border:1px solid var(--border);background:var(--surface);box-shadow:0 2px 0 var(--border);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.85rem;padding:1.1rem;display:flex}.game__card-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:700}.game__img{aspect-ratio:1;object-fit:cover;background:var(--bg);border-radius:.9rem;width:100%;max-width:14rem;display:block}.game__name{letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere;font-size:1.25rem;font-weight:800;line-height:1.15}.game__file{display:none}.game__button{border:none;border-bottom:4px solid var(--accent-press);background:var(--accent);color:#fff;width:100%;font:inherit;cursor:pointer;border-radius:.8rem;padding:.9rem 1.2rem;font-size:1.05rem;font-weight:700;transition:transform 80ms,border-bottom-width 80ms,background .12s}.game__button:hover{background:#6a6af3}.game__button:active{border-bottom-width:2px;transform:translateY(2px)}.game__button:focus-visible{outline:2px solid var(--accent-press);outline-offset:2px}.game__button--ghost{border:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.95rem}.game__button--ghost:hover{background:var(--bg)}.game__button--ghost:active{border-bottom-width:1px;transform:none}.game__button--valid{background:var(--valid);border-bottom:1px solid var(--border)}.game__button--valid:hover{background:var(--bg);color:var(--valid)}.game__button:disabled{color:#fff;cursor:not-allowed;background:#c9cad9;border-bottom-color:#d5d6e4}.game__done{background:var(--accent-soft);color:var(--accent);text-align:center;border-radius:.7rem;padding:.65rem .8rem;font-size:.9rem;font-weight:700}.game__error{background:var(--danger-soft);color:var(--danger);text-align:center;border-radius:.7rem;padding:.65rem .8rem;font-size:.88rem;font-weight:600}.game__shot{border:1px solid var(--border);background:var(--surface);box-shadow:0 2px 0 var(--border);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.85rem;padding:1.1rem;display:flex}.game__hint{max-width:22rem;color:var(--muted);text-align:center;border:1px dashed #d7d8e6;border-radius:1rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.game__button{transition:none}.game__button:active{border-bottom-width:4px;transform:none}}.container{flex-direction:column;display:flex}.home{box-sizing:border-box;background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;gap:1.75rem;padding:2.5rem 1.25rem 4rem;display:flex}.home *,.home :before,.home :after{box-sizing:border-box}.home--loading{color:var(--muted);justify-content:center;font-size:.95rem}.home__head{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.home__badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;font-weight:700}.home__title{letter-spacing:-.03em;font-size:clamp(1.9rem,8vw,2.6rem);font-weight:800;line-height:1.05}.home__subtitle{max-width:22rem;color:var(--muted);font-size:.95rem;line-height:1.45}.home__card{border:1px solid var(--border);background:var(--surface);width:100%;max-width:24rem;box-shadow:0 2px 0 var(--border);border-radius:1.1rem;flex-direction:column;gap:.7rem;padding:1.4rem;display:flex}.home__label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:700}.home__row{flex-direction:column;gap:.6rem;display:flex}.home__input{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:.8rem;padding:.85rem .95rem;font-size:1.05rem;font-weight:600;transition:border-color .12s}.home__input::placeholder{color:#b4b5c9;font-weight:500}.home__input:focus-visible{border-color:var(--accent);outline:none}.home__input:disabled{background:var(--bg);color:var(--muted)}.home__button{border:none;border-bottom:4px solid var(--accent-press);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border-radius:.8rem;padding:.8rem 1.2rem;font-size:1rem;font-weight:700;transition:transform 80ms,border-bottom-width 80ms,background .12s}.home__button:hover:not(:disabled){background:#6a6af3}.home__button:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.home__button:focus-visible{outline:2px solid var(--accent-press);outline-offset:2px}.home__button:disabled{cursor:not-allowed;background:#c9cad9;border-bottom-color:#d5d6e4}.home__error{background:var(--danger-soft);color:var(--danger);border-radius:.7rem;padding:.65rem .8rem;font-size:.88rem;font-weight:600}@media (width>=30rem){.home__row{flex-direction:row;align-items:stretch}.home__button{flex:none;min-width:6.5rem}}@media (prefers-reduced-motion:reduce){.home__input,.home__button{transition:none}.home__button:active:not(:disabled){border-bottom-width:4px;transform:none}}.user-list{flex-direction:column;gap:.55rem;width:100%;max-width:24rem;font-family:inherit;display:flex}.user-list__head{align-items:center;gap:.5rem;padding:0 .25rem;display:flex}.user-list__heading{letter-spacing:.05em;text-transform:uppercase;color:#6d6e88;font-size:.78rem;font-weight:700}.user-list__count{color:#17182b;text-align:center;background:#ffb020;border-radius:999px;min-width:1.4rem;padding:.1rem .45rem;font-size:.75rem;font-weight:800}.user-list__empty{color:#6d6e88;text-align:center;border:1px dashed #d7d8e6;border-radius:1rem;padding:1.1rem;font-size:.9rem}.user-list__items{flex-direction:column;gap:.5rem;display:flex}.user-list__item{background:#fff;border:1px solid #e2e3ef;border-radius:.9rem;align-items:center;gap:.7rem;padding:.55rem .6rem .55rem .55rem;display:flex;box-shadow:0 1px #e2e3ef}.user-list__avatar{background:hsl(var(--avatar-hue,240) 80% 93%);width:2.1rem;height:2.1rem;color:hsl(var(--avatar-hue,240) 45% 38%);text-transform:uppercase;border-radius:.7rem;flex:none;place-items:center;font-size:.9rem;font-weight:800;display:grid}.user-list__name{color:#17182b;overflow-wrap:anywhere;flex:1;font-size:.98rem;font-weight:600}.user-list__remove{color:#a3a4bb;width:1.8rem;height:1.8rem;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.6rem;flex:none;place-items:center;font-size:1.1rem;line-height:1;transition:background .12s,color .12s;display:grid}.user-list__remove:hover{color:#e0483c;background:#fdeceb}.user-list__remove:focus-visible{outline-offset:1px;outline:2px solid #e0483c}@media (prefers-reduced-motion:reduce){.user-list__remove{transition:none}}