:root{--bk:#0a0a0a;--gold:#d4af37;--gold2:#f5d77a;--red:#e63946;}
body{background:var(--bk);color:#fff;font-family:'Barlow Condensed',sans-serif;min-height:100vh;overflow-x:hidden}
.pitch{position:fixed;inset:0;z-index:-1;pointer-events:none;
background:
radial-gradient(circle at 50% 0%,rgba(212,175,55,.18),transparent 55%),
radial-gradient(circle at 50% 50%,transparent 119px,rgba(212,175,55,.07) 120px,rgba(212,175,55,.07) 122px,transparent 123px),
linear-gradient(90deg,transparent calc(50% - 1px),rgba(212,175,55,.07) 50%,transparent calc(50% + 1px)),
repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 60px,transparent 60px 120px);}
.bebas{font-family:'Bebas Neue',sans-serif;letter-spacing:.02em}
.mono{font-family:'JetBrains Mono',monospace}
.logo{font-family:'Bebas Neue';background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#8a6d1a);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(212,175,55,.45));line-height:.85}
.glass{background:rgba(10,10,10,.6);border:1px solid rgba(212,175,55,.2);backdrop-filter:blur(12px);border-radius:1rem;transition:.3s}
.glass:hover{border-color:rgba(212,175,55,.6);transform:translateY(-2px)}
.inp{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.25);border-radius:.75rem;padding:.9rem 1rem .9rem 2.6rem;width:100%;font-size:1.3rem;color:#fff;outline:none;font-weight:700;text-transform:uppercase}
.inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.btn{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold));color:#000;font-family:'Bebas Neue';font-size:1.6rem;letter-spacing:.08em;border-radius:.75rem;padding:.8rem;width:100%;transition:.2s}
.btn:hover{transform:scale(1.01);box-shadow:0 0 30px rgba(212,175,55,.4)}
.btn::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:shine 3s infinite}
@keyframes shine{0%{left:-60%}40%,100%{left:130%}}
.shake{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.ball{width:90px;height:90px;border-radius:50%;border:3px solid var(--gold);border-top-color:var(--red);animation:spin 1s linear infinite;display:flex;align-items:center;justify-content:center;font-size:2.5rem}
@keyframes spin{to{transform:rotate(360deg)}}
.pulse{animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.4}}
.fadeup{opacity:0;animation:fadeup .6s forwards}
@keyframes fadeup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;display:flex}
select{background:#111;border:1px solid rgba(212,175,55,.25);border-radius:.75rem;padding:.6rem;color:#fff;font-size:1.1rem}
a{color:var(--gold)}