*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Noto Sans KR",sans-serif;background:#10131a;color:#e7eaf0}
a{color:#8ab4ff;text-decoration:none}.sr{position:absolute;left:-9999px}
.top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#181d28;border-bottom:1px solid #263044;flex-wrap:wrap;gap:8px}
.brand{font-weight:700;font-size:18px;color:#fff}.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bal b{color:#ffd166}
.inline{display:inline;margin:0}.link{background:none;border:0;color:#8ab4ff;cursor:pointer;font:inherit;padding:0}
select,input[type=text],input[type=password],input[type=search]{background:#0d1017;color:#e7eaf0;border:1px solid #2c3850;border-radius:6px;padding:8px 10px;font:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:16px}.card{background:#181d28;border:1px solid #263044;border-radius:10px;padding:20px}
.narrow{max-width:380px;margin:40px auto}.card label{display:block;margin:12px 0}.card input{width:100%;margin-top:4px}
.btn{display:inline-block;background:#3b82f6;color:#fff;border:0;border-radius:6px;padding:9px 16px;cursor:pointer;font:inherit}.btn.small{padding:5px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:wait}
.error{color:#ff7b7b}.notice{color:#ffd166}.empty{color:#8b95a8;padding:30px 0;text-align:center}
.tabs,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tabs a,.chips a{padding:6px 12px;border-radius:999px;background:#1d2433;color:#cdd5e3;font-size:14px}
.tabs a.on,.chips a.on{background:#3b82f6;color:#fff}.search{display:flex;gap:8px;margin:10px 0}.search input{flex:1;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}
.game{background:#181d28;border:1px solid #263044;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}
.thumb{position:relative;aspect-ratio:1;background:#0d1017;border-radius:8px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:6px;left:6px;background:#ef4444;color:#fff;font-size:11px;padding:1px 6px;border-radius:4px}
.fav{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.5);color:#8b95a8;border:0;border-radius:50%;width:28px;height:28px;cursor:pointer}.fav.on{color:#ffd166}
.meta{display:flex;flex-direction:column;min-height:2.6em}.gname{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta small{color:#8b95a8}
.pager{display:flex;gap:12px;justify-content:center;align-items:center;margin:16px 0}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#232b3d;border:1px solid #3a4763;padding:10px 16px;border-radius:8px;z-index:10;max-width:90vw}
.stats{display:flex;gap:24px;flex-wrap:wrap;margin:12px 0}.stats div{display:flex;flex-direction:column}.stats small{color:#8b95a8}.stats b{font-size:20px;color:#ffd166}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:12px 0}.card{margin:12px 0}.cols .card{margin:0}
.muted{color:#8b95a8}h2{font-size:16px;margin:0 0 8px}progress{width:220px;max-width:70%;height:12px;vertical-align:middle}
.pay{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0}.pay dt{color:#8b95a8}.pay dd{margin:0;font-weight:600}
table.list{width:100%;border-collapse:collapse;font-size:14px}table.list th,table.list td{padding:6px 8px;border-bottom:1px solid #263044;text-align:left}table.list .num{text-align:right}

