/*
Theme Name: Spribe Aviator Predictor
Theme URI: https://aviatorpredicting.com/
Author: TACTIC SOFTEC
Description: Unofficial Aviator-style practice predictor. Access codes from Google Sheet. Not affiliated with Spribe.
Version: 2.5.9
Text Domain: aviator-predictor
*/
:root{
  --bg:#070b14;--panel:#0c1220;--text:#f4f7fb;--muted:#8b9bb0;
  --green:#00e65a;--green2:#12a84a;--red:#ff2d2d;--pink:#ff4b6b;
  --gold:#ffd54a;--line:#1c2a44;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;overflow-x:hidden}
body{font-family:Arial,Segoe UI,sans-serif;background:radial-gradient(circle at 50% 0,#142038 0%,#070b14 55%);color:var(--text);min-height:100dvh;min-width:980px;padding-bottom:env(safe-area-inset-bottom)}
.wrap{max-width:920px;width:100%;margin:0 auto;padding:12px 12px calc(16px + env(safe-area-inset-bottom))}
.brand{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.brand b{color:#fff;letter-spacing:.4px}
.brand span{color:var(--muted);font-size:.78rem}
.clock{color:var(--green);font-weight:800}
.board{background:#05070c;border:2px solid #223155;border-radius:14px;overflow:hidden;position:relative;min-height:300px}
.strip{display:flex;gap:6px;padding:6px 10px;overflow-x:auto;background:#080c14;min-height:34px}
.call{position:absolute;left:12px;bottom:10px;font-weight:900;font-size:.85rem;padding:4px 8px;border-radius:8px;z-index:3}
.call.hit{background:#0d3a1c;color:#7dffb0}
.call.miss{background:#3a1014;color:#ff8a96}
.chip.hit{background:#0d3a1c;color:#7dffb0}
.chip.miss{background:#3a1014;color:#ff8a96}
.legend{margin:0 0 8px;display:flex;gap:8px;flex-wrap:wrap}
tr.hit td{color:#7dffb0;background:rgba(13,58,28,.35)}
tr.miss td{color:#ff8a96;background:rgba(58,16,20,.35)}
.stat.good b{color:var(--green)}
.stat.bad b{color:#ff6b78}
.board-top{display:flex;justify-content:space-between;padding:8px 12px;font-size:.75rem;color:#9eb0c8;background:#0b1424}
.live-tag{color:var(--green);font-weight:900}
#flight{width:100%;height:260px;display:block;background:#0a1020}
.xnow{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:4.2rem;font-weight:900;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.45);pointer-events:none}
.fun{position:absolute;left:12px;top:40px;background:#ff2d2d;color:#fff;font-size:.68rem;font-weight:900;padding:3px 7px;border-radius:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.card{background:#10192b;border:1px solid #223155;border-radius:12px;padding:12px}
.card h2{margin:0 0 8px;font-size:.95rem}
.step{display:inline-block;background:var(--green);color:#04140a;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:900;margin-bottom:6px}
label{display:block;font-size:.78rem;color:var(--muted);font-weight:700}
input{width:100%;padding:11px;border-radius:8px;border:1px solid #2b3e63;background:#0b1424;color:#fff;margin:5px 0 8px;font-size:1.05rem}
.btn{width:100%;border:0;border-radius:10px;padding:12px;font-weight:900;cursor:pointer}
.btn-g{background:linear-gradient(#18e66a,#0fa84a);color:#04140a}
.btn-gold{background:linear-gradient(#ffd54a,#f5b400);color:#2a1c00}
.btn-ghost{background:#162238;color:#fff;border:1px solid #2b3e63}
.next-box{background:linear-gradient(#13281c,#0c1a14);border:2px solid var(--green);border-radius:12px;padding:14px;text-align:center}
.next-box .lbl{color:var(--green);font-size:.75rem;font-weight:900;letter-spacing:.08em}
.next-box .num{font-size:2.6rem;font-weight:900;margin:4px 0}
.next-box .band{color:#cfead8}
.err{color:#ff8a8a;min-height:1.1em;font-size:.85rem}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:#162238;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:800}
.chip.low{background:#12351f;color:#7dffb0}
.chip.high{background:#3a1320;color:#ff9aa8}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.stat{background:#0b1424;border-radius:8px;padding:8px;text-align:center}
.stat b{display:block;color:var(--green)}
.lock{max-width:460px;margin:6vh auto;background:#10192b;border:2px solid #223155;border-radius:16px;padding:22px}
.lock h1{margin:0 0 6px;font-size:1.5rem}
.lock-stage{position:relative;overflow:hidden;min-height:100vh;padding:18px 12px 28px;background:#070b14;isolation:isolate}
.rays{position:absolute;inset:-20% -10% auto;height:70%;background:repeating-conic-gradient(from 0deg at 50% 120%, rgba(255,255,255,.045) 0 6deg, transparent 6deg 12deg);animation:spin 28s linear infinite;pointer-events:none}
.curve{position:absolute;left:-10%;right:-10%;bottom:8%;height:220px;background:radial-gradient(ellipse at center, rgba(220,20,50,.35), transparent 70%);pointer-events:none}
.pills{position:relative;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 12px;z-index:2}
.pills span{background:#151b2b;color:#c9d4ea;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:800;animation:pop 2.8s ease-in-out infinite}
.pills span:nth-child(2){color:#7dffb0}
.pills span:nth-child(4){color:#ffb4c0}
.pills span:nth-child(odd){animation-delay:.4s}
.how{margin:14px 0;text-align:left}
.how h2{margin:0 0 10px;font-size:1.05rem;color:#ffd54a}
.shot{margin:0 0 12px;background:#0b1424;border:1px solid #223155;border-radius:12px;overflow:hidden}
.shot img{display:block;width:100%;height:auto;background:#05070c}
.shot div{padding:10px 12px}
.shot b{display:block;color:#fff;margin-bottom:4px}
.shot p{margin:0;color:#c9d4ea;font-size:.86rem;line-height:1.45}
.lock{position:relative;z-index:3;max-width:520px;margin:36px auto 0;background:rgba(16,25,43,.92);border:2px solid #223155;border-radius:16px;padding:8px 22px 22px}
.lock h1{margin:0 0 8px;font-size:1.7rem;color:#fff;text-shadow:0 0 18px rgba(255,45,60,.35);text-align:center}
.pitch{color:#c9d4ea;font-size:.92rem;line-height:1.45}
.brand-left{display:flex;align-items:center;gap:8px}
.brand-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#000}
.lock-plane{display:block;width:280px;max-width:88%;height:auto;object-fit:contain;margin:-8px auto 2px;border-radius:12px;animation:hover 2.4s ease-in-out infinite;background:transparent}
.fly-plane{position:absolute;width:190px;height:auto;object-fit:contain;top:12%;left:-200px;animation:fly 7.2s linear infinite;pointer-events:none;border-radius:12px;z-index:1;background:transparent;filter:drop-shadow(0 8px 16px rgba(255,40,50,.35))}
.pulse{animation:pulse 1.6s ease-in-out infinite}
@keyframes fly{0%{transform:translate(0,30px) rotate(-8deg)}50%{transform:translate(50vw,-18px) rotate(-14deg)}100%{transform:translate(112vw,-64px) rotate(-18deg)}}
@keyframes hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pop{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,230,90,.45)}70%{box-shadow:0 0 0 12px rgba(0,230,90,0)}}
.paybox{margin-top:16px;padding:16px;border:1px solid #f5b400;border-radius:12px;background:#2a2108}
.paybox h2{margin:0 0 10px;color:#ffd54a;font-size:1.05rem}
.paybox p,.paybox li{color:#f3e7b8;font-size:.88rem;line-height:1.45;margin:6px 0}
.paybox .steps{margin:8px 0 14px;padding-left:18px}
.paybox .btn{display:block;width:100%;margin:0 0 12px;padding:14px 12px;line-height:1.3;text-decoration:none;text-align:center;position:relative;z-index:5}
.pay-btn{background:linear-gradient(#ffd54a,#f5b400);color:#2a1c00 !important}
.mail-btn{background:linear-gradient(#18e66a,#0fa84a);color:#04140a !important}
.help{margin:10px 0 8px;font-weight:800}
.contacts{display:grid;grid-template-columns:1fr;gap:8px}
.contacts .btn{margin:0;color:#fff !important}
.about-page{padding-top:24px}
.about-page h1{text-align:center}
.how{margin:16px 0}
.shot{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:14px 0;background:#10192b;border:1px solid #223155;border-radius:12px;padding:12px}
.shot img{width:100%;border-radius:8px}
.shot p{color:#c9d4ea;font-size:.9rem}
.hidden{display:none}
table{width:100%;border-collapse:collapse;font-size:.78rem}
td,th{padding:6px;border-bottom:1px solid #223155;text-align:center}
@media(max-width:480px){
  .xnow{font-size:2.4rem}
}