*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#12131a;color:#e8e8f0;min-height:100vh}
a{color:inherit;text-decoration:none}
header{background:#1c1e2a;border-bottom:3px solid #ffb703;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
header .logo{font-size:22px;font-weight:800;color:#ffb703;letter-spacing:.5px}
.wrap{max-width:1200px;margin:0 auto;padding:20px 16px}
h2{font-size:18px;margin:8px 0 14px;color:#ffb703}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.card{background:#1c1e2a;border-radius:10px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.tile{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.3)}
.card .name{padding:9px 10px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty{opacity:.6;padding:40px 0;text-align:center}

/* oyun sayfası */
.player{background:#000;border-radius:10px;overflow:hidden;margin-bottom:10px}
.player iframe{display:block;width:100%;height:75vh;border:0;background:#000}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:10px;flex-wrap:wrap}
.bar h1{font-size:22px}
.btn{background:#ffb703;color:#12131a;border:0;padding:9px 16px;border-radius:7px;font-weight:700;cursor:pointer;font-size:14px}
.btn.gray{background:#2c2f40;color:#e8e8f0}
.btn.red{background:#e63946;color:#fff}

/* panel */
.box{background:#1c1e2a;border-radius:10px;padding:18px;margin-bottom:20px}
input[type=text],input[type=password],input[type=file]{width:100%;padding:10px;border-radius:7px;border:1px solid #33364a;background:#12131a;color:#e8e8f0;margin:6px 0 12px;font-size:15px}
label{font-size:14px;opacity:.8}
.msg{padding:10px 14px;border-radius:7px;margin-bottom:16px;background:#2a9d8f}
.msg.err{background:#e63946}
table{width:100%;border-collapse:collapse}
td,th{padding:10px 8px;border-bottom:1px solid #2c2f40;text-align:left;font-size:14px}
td form{display:inline}
.login{max-width:340px;margin:80px auto}