:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101319;color:#edf0f4}*{box-sizing:border-box}body{margin:0}main{max-width:1360px;margin:auto;padding:40px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303640;padding-bottom:25px}.brand{font-weight:800;font-size:22px}.brand span{color:#fa9278}a{color:inherit}.badge,.eyebrow{font-size:12px;letter-spacing:1.7px;color:#abb3c0}.badge{border:1px solid #414952;border-radius:30px;padding:8px 14px}h1{font-size:clamp(32px,5vw,58px);letter-spacing:-2px;margin:32px 0 12px}p{color:#aeb7c5;line-height:1.6}.intro{max-width:700px}section.controls{background:#1a1f28;border:1px solid #343b47;border-radius:16px;padding:22px;margin:28px 0}.row{display:flex;gap:14px;align-items:end;flex-wrap:wrap}label{display:grid;gap:8px;font-size:12px;color:#b5bdc9}input,select,button{font:inherit;border:1px solid #454e5e;border-radius:8px;background:#11161e;color:#f1f3f7;padding:11px 13px}input[type=number]{width:105px}#tag{width:280px}button{cursor:pointer;font-weight:650}button:hover{border-color:#ff947c}button.primary{background:#fa9278;color:#171819;border:0}button:disabled{opacity:.5;cursor:wait}.check{display:flex;align-items:center;padding-bottom:10px}.quick{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.quick button{font-size:12px;padding:6px 10px;background:transparent}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.modes button{text-align:left;padding:17px}.modes small{display:block;color:#a3adbc;font-weight:400;margin-top:7px}.modes .active{background:#30302d;border-color:#fa9278;color:#ffc3b2}.info{background:#191f28;border-left:3px solid #fa9278;padding:12px 16px;color:#bdc7d4;font-size:13px;line-height:1.6;margin-bottom:20px}#status{font-size:13px;color:#b2becc;min-height:24px}progress{width:100%;height:5px;accent-color:#fa9278;margin:12px 0 23px}.results-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0}h2{margin:0;font-size:24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#1a202a;border:1px solid #303947;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .15s}.card:hover{transform:translateY(-4px);border-color:#fa9278}.cover{height:145px;background:#262d3b;position:relative}.cover img{width:100%;height:100%;object-fit:cover}.rank{position:absolute;top:10px;left:10px;background:#101319ed;padding:6px 9px;border-radius:6px;font-size:12px}.details{padding:15px}.title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author{color:#a4aebb;font-size:12px;margin:6px 0 17px}.stats{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:#ccd2dc}.score{color:#ffb69e}.empty{padding:65px 20px;text-align:center;border:1px dashed #414b5a;border-radius:14px;color:#aeb8c6;grid-column:1/-1}#more{display:block;margin:25px auto}footer{margin:35px 0;color:#929dad;font-size:12px;line-height:1.8}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){main{padding:22px 16px}.grid,.modes{grid-template-columns:repeat(2,1fr)}.badge{display:none}#tag{width:100%}}@media(max-width:420px){.grid{grid-template-columns:1fr}}
[hidden]{display:none!important}
.header-links,.community-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.header-links a{text-decoration:none;font-size:13px}.coffee{background:#ffdd00;color:#151515;padding:10px 14px;border-radius:8px;font-weight:750}.community-nav{margin:0 0 22px}.community-nav span{color:#b9c4d3;font-size:13px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 15px;align-items:center}.card-actions button{font-size:12px;padding:7px 9px}.card-actions a{font-size:12px;color:#ffb69e}.card>a{display:block}dialog{background:#191f28;color:#edf0f4;border:1px solid #4d5b70;border-radius:16px;width:min(680px,94vw);max-height:90vh;padding:24px}dialog::backdrop{background:#060910c9}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-body{display:grid;gap:16px;padding-top:20px}.dialog-body form{display:grid;gap:14px}.dialog-body textarea{font:inherit;background:#10161f;color:#edf0f4;border:1px solid #526075;border-radius:8px;padding:12px;width:100%;min-height:100px;resize:vertical}.dialog-body p{white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.dialog-status{color:#ffb69e;overflow-wrap:anywhere}.community-item{border-top:1px solid #404b5c;padding:16px 0;display:flex;flex-wrap:wrap;gap:12px}.community-item p{width:100%}.list-game{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-body button{justify-self:start}@media(max-width:700px){header{gap:16px;align-items:start;flex-direction:column}.header-links{gap:14px}.modes{grid-template-columns:1fr}.community-nav button{font-size:12px}}
.header-links{justify-content:flex-end}.brand{white-space:nowrap}.community-nav{padding:18px 0;border-bottom:1px solid #303640;gap:26px}.community-nav a{text-decoration:none;color:#c4cdda;font-weight:650;font-size:14px}.community-nav a:hover{color:#ffb69e}#accountName{font-size:12px;color:#aeb7c5}#account,#signout{font-size:12px}.card>a{text-decoration:none}.game-detail{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:30px;align-items:start;margin:12px 0 24px}.game-detail>img{width:100%;border-radius:12px}.game-detail .quick a{font-size:12px;padding:6px 10px;border:1px solid #454e5e;border-radius:6px;text-decoration:none}.library-row{display:grid;grid-template-columns:1fr 230px;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid #303640}.library-row a{display:flex;align-items:center;gap:18px;font-size:19px;font-weight:700;text-decoration:none}.library-row img{width:110px;height:72px;object-fit:cover;border-radius:8px}.library-row p{font-size:12px;margin-top:12px;max-width:700px}.row-scores{display:grid;gap:10px;font-size:14px}.row-scores strong{color:#ffb69e}#pageView{min-height:60vh}#pageView>.dialog-body>label{max-width:760px}#pageView .community-item>a{font-size:22px;font-weight:700}#pageView .dialog-body>p{max-width:800px}@media(max-width:700px){.header-links{width:100%}.community-nav{gap:16px}.game-detail{grid-template-columns:1fr}.game-detail>img{max-width:480px}.library-row{grid-template-columns:1fr;gap:12px}.row-scores{grid-template-columns:1fr 1fr;font-size:12px}}