:root{--bg0: #060a17;--bg1: #0a1430;--glass: rgba(255, 255, 255, .05);--glass-strong: rgba(255, 255, 255, .08);--border: rgba(130, 170, 255, .18);--border-soft: rgba(255, 255, 255, .08);--text: #e9eefc;--muted: #93a4c8;--blue: #3b82f6;--cyan: #22d3ee;--danger: #f4607a;--ok: #34d399;--radius: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(34,211,238,.14),transparent 60%),radial-gradient(1000px 600px at 0% 10%,rgba(59,130,246,.16),transparent 55%),linear-gradient(160deg,var(--bg0),var(--bg1) 60%,#060a17);background-attachment:fixed;min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.topbanner{position:relative;width:100%;line-height:0}.topbanner img{width:100%;display:block;max-height:230px;object-fit:cover;object-position:center}.topbanner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 -40px 60px -20px var(--bg0);border-bottom:1px solid var(--border)}.wrap{max-width:1120px;margin:0 auto;padding:26px 20px 60px}.subbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 22px}.subbar h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,#cfe1ff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.subbar .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--cyan);border:1px solid var(--border);padding:4px 10px;border-radius:999px;background:var(--glass)}.tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:var(--glass);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab{padding:7px 16px;border:none;border-radius:9px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--muted);background:transparent;transition:background .15s,color .15s}.tab:hover{color:var(--text)}.tab.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 4px 14px #22d3ee4d}select.input{cursor:pointer}select.input option{background:var(--bg1);color:var(--text)}.grid{display:flex;gap:20px;align-items:flex-start}.col-left{flex:1;min-width:0}.col-right{flex:1.5;min-width:0}@media (max-width: 860px){.grid{flex-direction:column}}.card{background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px;margin-bottom:20px;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f}.card h2{margin:0 0 16px;font-size:1.15rem;font-weight:700}.card h3{margin:0 0 10px;font-size:.98rem;color:#cdd9f5}.card h4{margin:18px 0 8px;font-size:.82rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.input,textarea.input{width:100%;padding:10px 12px;margin:5px 0;background:#ffffff0a;border:1px solid var(--border-soft);border-radius:10px;color:var(--text);font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:#67769b}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee2e;background:#ffffff0f}textarea.input{resize:vertical;min-height:64px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;margin:4px 6px 4px 0;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text);background:var(--glass-strong);border:1px solid var(--border-soft);transition:transform .08s,box-shadow .15s,background .15s,border-color .15s}.btn:hover{background:#ffffff1f;border-color:var(--border)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#2563eb);border-color:transparent;color:#fff;box-shadow:0 6px 18px #3b82f659}.btn-primary:hover{box-shadow:0 8px 24px #3b82f680}.btn-accent{background:linear-gradient(135deg,var(--cyan),#0ea5b7);border-color:transparent;color:#042027;box-shadow:0 6px 18px #22d3ee4d}.btn-accent:hover{box-shadow:0 8px 24px #22d3ee73}.btn-ghost{background:transparent}.btn-danger{color:#ffd7df;border-color:#f4607a66}.btn-danger:hover{background:#f4607a26}.btn-sm{padding:5px 10px;font-size:.78rem}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:default}.gamerow{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:8px;border:1px solid transparent;border-radius:12px;background:#ffffff08;cursor:pointer;transition:background .15s,border-color .15s,transform .08s}.gamerow:hover{background:#ffffff12}.gamerow.active{border-color:var(--cyan);background:linear-gradient(90deg,#22d3ee24,#3b82f614);box-shadow:0 0 0 1px #22d3ee40,0 8px 24px #22d3ee1f}.gamerow .gname{font-weight:600;flex:1}.gamerow .gcount{font-size:.75rem;color:var(--muted)}.tbl{width:100%;border-collapse:collapse;margin-top:4px}.tbl th{text-align:left;padding:8px 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border-bottom:1px solid var(--border)}.tbl td{padding:9px 10px;border-bottom:1px solid var(--border-soft);font-size:.88rem}.tbl tr:last-child td{border-bottom:none}.tbl tr.active td{background:#22d3ee14}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.5px;background:#34d39929;color:var(--ok);border:1px solid rgba(52,211,153,.35)}.banner-preview{width:100%;max-width:460px;aspect-ratio:800/300;object-fit:cover;display:block;border-radius:12px;margin-bottom:10px;border:1px solid var(--border-soft)}.dropzone{border:2px dashed var(--border);border-radius:14px;padding:26px;text-align:center;cursor:pointer;margin:6px 0 10px;color:var(--muted);background:#ffffff05;transition:background .15s,border-color .15s,color .15s}.dropzone:hover{border-color:var(--cyan)}.dropzone.over{border-color:var(--cyan);background:#22d3ee1a;color:var(--text)}.dropzone.has-file{color:var(--ok);border-color:#34d39980}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.small{font-size:.72rem}.err{background:#f4607a1f;border:1px solid rgba(244,96,122,.4);color:#ffd0da;padding:10px 14px;border-radius:12px;margin-bottom:16px}progress{width:100%;height:10px;margin-top:8px;border:none;border-radius:999px;overflow:hidden;background:#ffffff14}progress::-webkit-progress-bar{background:#ffffff14}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--blue),var(--cyan))}.login-wrap{max-width:420px;margin:12vh auto 0;padding:0 20px}.share-line{font-size:.76rem;margin-top:8px}.exe-line{font-size:.76rem;color:var(--muted);margin-top:8px}