:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101216;color:#f0f2f3}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:42px auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #353a40;padding-bottom:22px;margin-bottom:28px}.brand{color:#c78df5;font-size:13px;font-weight:750;letter-spacing:3px}h1{font-size:30px;margin:12px 0 8px}h2{font-size:20px}p,.hint{color:#a0a7ae;line-height:1.6}label{display:block;font-weight:600}input:not([type=checkbox]){display:block;width:100%;padding:13px;margin:9px 0 16px;background:#202429;color:#f0f2f3;border:1px solid #454c53;border-radius:7px;font:inherit}button{background:#252b32;border:1px solid #646b73;color:#f0f2f3;border-radius:7px;padding:12px 20px;font:inherit;cursor:pointer}button:hover{background:#343b43}button.primary{background:#75419c;border-color:#c78df5}button.primary:hover{background:#9455ba}button:focus-visible,input:focus-visible{outline:2px solid #c78df5;outline-offset:3px}.login{max-width:420px}.lookup{display:flex;align-items:center;gap:18px;margin-bottom:22px}.lookup label{flex:1}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.cosmetic{padding:15px;background:#1b1f24;border:1px solid #454c53;border-radius:10px;cursor:pointer}.cosmetic:has(input:checked){border-color:#c78df5;background:#30233e}.cosmetic img{display:block;width:100%;height:210px;object-fit:contain;margin-bottom:14px}.cosmetic span{display:flex;gap:8px;align-items:center}input[type=checkbox]{accent-color:#ae55ff;width:18px;height:18px}.error{padding:13px;border:1px solid #f0646c;color:#ffb0b5}.notice{padding:13px;border:1px solid #46d57d;color:#9fe6b9}section{margin-top:44px}.players a{display:flex;justify-content:space-between;gap:12px;padding:16px 8px;border-bottom:1px solid #353a40;text-decoration:none;color:#f0f2f3}.players span{color:#c78df5}code{word-break:break-all}@media(max-width:700px){.catalog{grid-template-columns:repeat(2,1fr)}.lookup{display:block}main{margin:8px auto;padding:18px}.players a{flex-direction:column}}

select{display:block;width:100%;padding:13px;margin:9px 0 16px;background:#202429;color:#f0f2f3;border:1px solid #454c53;border-radius:7px;font:inherit}li{margin:8px 0}