:root{--primary:#6ee7ff;--accent:#ffcf5c;--bg:#0d1321;--panel:#151d2e;--panel-2:#1c2638;--fg:#f4f7fb;--muted:#9aa7bd;--border:#ffffff1a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--primary)}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}header.site{border-bottom:1px solid var(--border);background:#0003}header.site .wrap{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}header.site .brand{color:var(--fg);letter-spacing:.01em;font-size:20px;font-weight:800;text-decoration:none}header.site nav{align-items:center;gap:14px;font-size:15px;display:flex}header.site nav a{color:var(--fg);opacity:.85;text-decoration:none}header.site nav a:hover{opacity:1}main{padding:28px 0 48px}h1{margin:0 0 8px;font-size:clamp(26px,5vw,38px)}.lead{color:var(--muted);margin:0 0 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.card:hover{border-color:var(--primary);transform:translateY(-2px)}.card .thumb{aspect-ratio:16/9;color:#ffffff40;background:linear-gradient(135deg,#22314d,#0f1626);justify-content:center;align-items:center;font-size:42px;font-weight:800;display:flex}.card .thumb img{object-fit:cover;width:100%;height:100%}.card .body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.card h2{margin:0;font-size:18px}.card p{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.4}.card .actions{gap:8px;margin-top:8px;display:flex}.btn{background:var(--primary);color:#061018;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font:600 15px/1 inherit;text-decoration:none;display:inline-block}.btn.secondary{color:var(--fg);border:1px solid var(--border);background:0 0}.btn:disabled{opacity:.6;cursor:default}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.form{flex-direction:column;gap:10px;max-width:380px;display:flex}.form input{border:1px solid var(--border);background:var(--panel-2);color:var(--fg);border-radius:8px;padding:11px 12px;font-size:16px}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.error{color:#ff8a8a;min-height:18px;font-size:14px}.ok{color:#8affc1;font-size:14px}table.lb{border-collapse:collapse;width:100%;font-size:15px}table.lb th,table.lb td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}table.lb th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}table.lb td.num,table.lb th.num{text-align:right;font-variant-numeric:tabular-nums}table.lb tr.me td{background:#6ee7ff14}.ad-slot{min-height:0;margin:28px 0}.ad-placeholder{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:8px;padding:22px;font-size:12px}footer.site{border-top:1px solid var(--border);color:var(--muted);font-size:14px}footer.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;padding-bottom:18px;display:flex}.donate{color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:8px 14px;text-decoration:none}@media (max-width:520px){header.site nav{gap:10px;font-size:14px}}.tabs{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.tab{border:1px solid var(--border);color:var(--fg);border-radius:999px;padding:7px 14px;font-size:14px;text-decoration:none}.tab.on{background:var(--primary);color:#061018;border-color:var(--primary)}.prose{max-width:720px;line-height:1.6}.prose h2{margin:28px 0 8px;font-size:20px}.prose p{color:var(--fg);opacity:.9}footer.site a,.muted{color:var(--muted)}.small{font-size:14px}.btn.small{padding:7px 12px;font-size:14px}button.link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}header.site .brand img{vertical-align:middle;margin-right:8px}header.site nav form{display:inline}.panel.flush{padding:0;overflow-x:auto}.panel .empty{margin:0;padding:20px}h2{margin:28px 0 12px;font-size:22px}.game-frame{border:1px solid var(--border);background:#000;border-radius:14px;width:100%;height:min(100vh - 140px,min(1080px,100vw)/1.77778 - 18px);min-height:360px;position:relative;overflow:hidden}.game-frame iframe{border:0;width:100%;height:100%;display:block}.game-frame .fullscreen{opacity:.6;background:#00000080;position:absolute;bottom:10px;right:10px}.game-frame .fullscreen:hover{opacity:1}@media (max-width:700px){.game-frame{border:0;border-radius:0;width:calc(100% + 32px);height:calc(100svh - 76px);margin:-28px -16px 0}}.game-info{margin-top:20px}.game-info h1{font-size:28px}.grid.small{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.grid.small .card{color:var(--fg);text-decoration:none}.grid.small .card .body{padding:10px 12px}.dialog-backdrop{z-index:5;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dialog{flex-direction:column;gap:10px;width:min(420px,100%);display:flex}.dialog h2{margin:0}.dialog .form{max-width:none}
