:root{--bg:#120e09;--panel:#1e1811;--panel2:#282016;--line:#443625;--text:#f4e8d8;--muted:#bbaa94;--gold:#ffc46b;--gold2:#d88c20;--green:#5ce5aa;--blue:#8fd8ff;--serif:"Playfair Display",serif;--sans:"DM Sans",sans-serif}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#2c1c08 0,transparent 32%),var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5}button,input,select{font:inherit}.topbar{height:72px;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:34px;padding:0 max(22px,calc((100% - 1180px)/2));background:#120e09db;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:21px;color:var(--text);text-decoration:none;margin-right:auto}.brand>span:last-child span{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:700 12px var(--sans)}nav{display:flex;gap:25px}nav a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover{color:var(--gold)}main{max-width:1180px;margin:auto;padding:0 22px}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}h1,h2{font-family:var(--serif);margin:0}h1{font-size:clamp(54px,7vw,84px);line-height:1.02;letter-spacing:-.04em}h1 em{color:var(--gold);font-style:normal}h2{font-size:clamp(36px,5vw,54px);line-height:1.05}.hero-text{max-width:590px;color:var(--muted);font-size:18px}.hero-actions,.data-actions{display:flex;gap:12px;flex-wrap:wrap}.button,.primary,.ghost{border:1px solid transparent;border-radius:12px;padding:13px 18px;text-decoration:none;cursor:pointer;font-weight:700;transition:.2s}.primary{color:#261400;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 10px 30px #d88c2033}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.ghost{color:var(--text);background:#ffffff08;border-color:#ffffff1d}.ghost:hover{border-color:var(--gold);color:var(--gold)}.small{padding:9px 13px;font-size:12px}.microcopy,.form-note{color:#877967;font-size:12px}.hero-orbit{height:430px;position:relative;background:radial-gradient(circle,#ffc46b16,transparent 60%)}.orbit{position:absolute;inset:12%;border:1px solid #ffc46b25;border-radius:50%;transform:rotate(-18deg)}.orbit-b{inset:25% 2%;transform:rotate(35deg)}.hero-ball,.ball{display:inline-grid;place-items:center;border-radius:50%;font-weight:700}.hero-ball{position:absolute;width:72px;height:72px;background:radial-gradient(circle at 35% 25%,#fff6d4,var(--gold2) 65%,#68400b);color:#241403;box-shadow:0 12px 35px #0008, inset 0 2px 2px #fff8}.b1{left:12%;top:15%}.b2{right:20%;top:6%}.b3{left:38%;top:39%}.b4{right:4%;top:45%}.b5{left:7%;bottom:13%}.b6{right:28%;bottom:4%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-bottom:100px}.metrics article{padding:30px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.metrics article:last-child{border:0}.metrics strong{font:700 32px var(--serif);color:var(--gold)}.metrics span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.section{padding:40px 0 90px;scroll-margin-top:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading>p{color:var(--muted);max-width:460px}.generator-grid,.stats-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.panel{background:linear-gradient(145deg,#251d14d9,#19130ddd);border:1px solid #ffffff12;border-radius:20px;padding:22px;box-shadow:0 22px 70px #0003}.controls{display:grid;gap:18px}.controls label{display:grid;gap:7px;color:var(--muted);font-size:13px}.controls .primary{margin-top:5px}select,input{width:100%;background:#100c08;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}select:focus,input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc46b13}.panel-title{display:flex;justify-content:space-between;color:var(--gold);font-weight:700;margin-bottom:18px}.text-button{border:0;background:none;color:var(--muted);cursor:pointer}.generated-results{display:grid;gap:10px}.generated-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff0c}.generated-row .verified{margin-left:auto;color:var(--green);font-size:11px}.ball{width:38px;height:38px;background:radial-gradient(circle at 35% 25%,#fff7df,var(--gold2));color:#251400;box-shadow:0 4px 12px #0005}.empty{min-height:230px;display:grid;place-items:center;text-align:center;color:#827461}.filters{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;margin-bottom:18px}.data-status{font-size:11px;color:var(--green);white-space:nowrap}.file-button input{display:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid #ffffff0d}th{color:#8f806c;text-transform:uppercase;letter-spacing:.08em;font-size:11px}td{color:var(--muted);font-size:13px}.game-tag{color:var(--gold);font-weight:700}.table-balls{display:flex;gap:5px}.table-balls .ball{width:29px;height:29px;font-size:11px}.load-more{display:block;margin:20px auto 0}.rank-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:38px 1fr 50px;gap:10px;align-items:center}.rank-row .bar{height:6px;border-radius:6px;background:#ffffff0a;overflow:hidden}.rank-row i{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:6px}.rank-row small{color:var(--muted);text-align:right}footer{max-width:1180px;margin:auto;padding:30px 22px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#827461;font-size:12px}.toast{position:fixed;right:22px;bottom:22px;padding:12px 16px;background:var(--text);color:#211509;border-radius:10px;font-weight:700;transform:translateY(100px);opacity:0;transition:.25s;z-index:10}.toast.show{transform:none;opacity:1}
@media(max-width:850px){nav{display:none}.topbar{padding:0 16px}.hero{grid-template-columns:1fr;padding:70px 0}.hero-orbit{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.generator-grid,.stats-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.filters{grid-template-columns:1fr}.data-status{white-space:normal}footer{flex-direction:column;gap:8px}}@media(max-width:520px){h1{font-size:48px}.hero-actions>*{width:100%;text-align:center}.metrics strong{font-size:25px}.metrics span{text-align:center}.generated-row{flex-wrap:wrap}.generated-row .verified{width:100%;margin:4px 0 0}.ball{width:35px;height:35px}.topbar .small{display:none}}
.admin-badge{display:inline-flex;align-items:center;color:var(--green);border:1px solid #5ce5aa55;background:#5ce5aa12;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.admin-dialog{width:min(440px,calc(100% - 32px));padding:0;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 100px #000b}.admin-dialog::backdrop{background:#080604d9;backdrop-filter:blur(6px)}.admin-form{position:relative;display:grid;gap:16px;padding:30px}.admin-form h2{font-size:34px}.admin-form>p{margin:0;color:var(--muted)}.admin-form label{display:grid;gap:7px;color:var(--muted);font-size:13px}.dialog-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:var(--text);cursor:pointer}.admin-error{min-height:18px;color:#ff9a90!important;font-size:12px}.admin-form .primary{width:100%}
.latest-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.latest-card{position:relative;overflow:hidden;min-height:245px}.latest-card::after{content:"";position:absolute;width:130px;height:130px;right:-45px;top:-50px;border-radius:50%;background:var(--card-accent,var(--gold));filter:blur(60px);opacity:.18;pointer-events:none}.latest-card[data-game="retro"]{--card-accent:var(--blue)}.latest-card[data-game="melate"]{--card-accent:var(--green)}.latest-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px}.latest-game{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.latest-source{color:#817563;font-size:10px;text-decoration:none}.latest-source:hover{color:var(--gold)}.latest-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:15px 0}.latest-numbers{display:flex;gap:7px;flex-wrap:wrap}.latest-numbers .ball{width:42px;height:42px}.latest-extra{background:radial-gradient(circle at 35% 25%,#eaf8ff,#419bc9);color:#061720}.latest-card footer{margin-top:18px;padding:12px 0 0;border-top:1px solid #ffffff0d;color:#817563}.latest-note{margin-top:14px}@media(max-width:900px){.latest-grid{grid-template-columns:1fr}.latest-card{min-height:auto}}
