:root{
  --bg:#050608;--bg2:#0b0f17;--panel:#111720;--panel2:#151b25;--soft:#1e2530;--text:#f5f7fb;--muted:#8b94a3;
  --brand:#ef1d3f;--brand2:#ff3535;--green:#25b432;--green2:#36d848;--gold:#ffc247;--blue:#7cc7ff;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--shadow:0 22px 70px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% -12%,#242a34 0,#0b0e13 35%,#030406 100%);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,rgba(239,29,63,.06),transparent 30%,rgba(37,180,50,.04) 70%,transparent),radial-gradient(circle at 15% 10%,rgba(255,255,255,.07),transparent 22%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}.container{width:min(1220px,96vw);margin:18px auto}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(10px,3vw,34px);background:rgba(5,6,8,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.25)}.brand{font-weight:1000;font-size:23px;display:flex;gap:10px;align-items:center;letter-spacing:-.5px}.brand img{width:42px;height:42px;border-radius:12px;box-shadow:0 0 30px rgba(239,29,63,.3)}.navlinks{display:flex;gap:6px;align-items:center}.navlinks a{color:#dfe6f2;padding:9px 10px;border-radius:12px;font-weight:700}.navlinks a:hover{background:rgba(255,255,255,.06);color:#fff}.hamb{display:none;background:#161b24;color:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px}.pill{background:linear-gradient(180deg,#1b2b47,#142137);border:1px solid #294260;color:#d9f8ff;border-radius:999px;padding:9px 14px;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.1)}.btn,button{background:linear-gradient(180deg,var(--green2),var(--green));border:0;color:white;padding:12px 16px;border-radius:12px;font-weight:900;cursor:pointer;box-shadow:0 15px 34px rgba(37,180,50,.22);transition:transform .16s ease,filter .16s ease,background .16s ease}.btn:hover,button:hover{transform:translateY(-1px);filter:saturate(1.15)}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.secondary,button.secondary,.secondary{background:linear-gradient(180deg,#2b313a,#171b22)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}.btn.danger,.danger{background:linear-gradient(180deg,#ff3857,#c70f2f)!important;box-shadow:0 15px 34px rgba(239,29,63,.24)!important}.btn.ghost,.ghost{background:rgba(255,255,255,.03)!important;border:1px solid var(--line2)!important;box-shadow:none!important}.btn.small,button.small{padding:8px 11px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(20,25,34,.96),rgba(12,15,20,.96));border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.hero{min-height:340px;border-radius:26px;padding:34px;background:url('../img/banner.svg') center/cover no-repeat,linear-gradient(135deg,#0e1118,#21070e);display:flex;align-items:center;overflow:hidden;position:relative;border:1px solid var(--line);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:auto -14% -35% auto;width:54%;height:80%;background:radial-gradient(circle,rgba(239,29,63,.35),transparent 65%);filter:blur(10px)}.hero h1{font-size:clamp(36px,7vw,76px);line-height:.92;margin:8px 0 14px;letter-spacing:-3px}.hero p{font-size:18px;color:#dbe2ee;max-width:650px}.badge{display:inline-flex;gap:7px;align-items:center;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid var(--line2);color:#ffe3a0;font-weight:900}.form{display:grid;gap:12px}.input,select,textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #2a3444;background:#0a0e15;color:#fff;outline:none;font-weight:700}.input:focus,select:focus,textarea:focus{border-color:#ff405d;box-shadow:0 0 0 3px rgba(239,29,63,.13)}.muted{color:var(--muted)}.alert{padding:13px 15px;border-radius:14px;margin-bottom:14px;border:1px solid var(--line);font-weight:700}.alert.ok{background:rgba(37,180,50,.12);color:#c6ffd0}.alert.err{background:rgba(239,29,63,.13);color:#ffd0d8}.alert.info{background:rgba(124,199,255,.12);color:#d5ecff}.table-wrap{overflow:auto;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#a8b1c1;background:rgba(255,255,255,.03)}.table tr:hover td{background:rgba(255,255,255,.02)}.status{padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;text-transform:uppercase}.status.pending{background:#3b2a07;color:#fde68a}.status.approved,.status.won,.status.active{background:#06351f;color:#86efac}.status.rejected,.status.lost,.status.blocked,.status.disabled{background:#3b0b0b;color:#fca5a5}.status.running{background:#102c53;color:#93c5fd}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#030507;border:1px solid var(--line);border-radius:14px;padding:16px;overflow:auto;color:#d7e9ff}.copybox{display:flex;gap:8px}.copybox input{flex:1}.footer{text-align:center;color:#657184;padding:26px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--gold));display:inline-grid;place-items:center;font-weight:900}.admin-sidebar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.admin-sidebar a{padding:10px 13px;border-radius:13px;background:#111720;border:1px solid var(--line);font-weight:800}.admin-sidebar a:hover{background:#1c2430}
/* game */
.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.game-main{min-width:0}.game-top-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0a0d12;border:1px solid var(--line);border-radius:18px;padding:10px 12px;margin-bottom:10px;box-shadow:0 10px 30px rgba(0,0,0,.28)}.round-history{display:flex;gap:7px;align-items:center;overflow:auto;white-space:nowrap;padding-bottom:2px}.round-chip{font-size:12px;font-weight:1000;border-radius:999px;padding:6px 10px;background:#161b22;color:#b7c1d0;border:1px solid var(--line)}.round-chip.hot{color:#ff6078;background:rgba(239,29,63,.11)}.round-chip.green{color:#54e863;background:rgba(37,180,50,.1)}.online-dot{display:inline-flex;align-items:center;gap:7px;color:#aab5c5;font-size:13px;font-weight:800}.online-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green2);box-shadow:0 0 15px var(--green2)}.aviator-stage{height:min(58vh,560px);min-height:420px;position:relative;overflow:hidden;border-radius:18px;background:url('../img/game-bg.svg') center/cover no-repeat,#07090d;border:1px solid var(--line);box-shadow:inset 0 0 80px rgba(0,0,0,.55),var(--shadow)}.aviator-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,255,255,.05) 97px 98px),repeating-linear-gradient(0deg,transparent 0 64px,rgba(255,255,255,.05) 65px 66px);opacity:.7}.aviator-stage:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(0deg,rgba(239,29,63,.16),transparent);border-top:1px solid rgba(239,29,63,.18)}.stage-stars{position:absolute;inset:0;pointer-events:none}.spark{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:.65;animation:star 2.7s linear infinite}.multiplier{position:absolute;inset:0;display:grid;place-items:center;z-index:4;font-size:clamp(76px,13vw,170px);font-weight:1000;letter-spacing:-7px;text-shadow:0 12px 70px rgba(255,255,255,.14),0 0 70px rgba(239,29,63,.25);transition:transform .12s ease,color .12s ease}.multiplier small{font-size:.18em;letter-spacing:0;display:block;color:#a9b5c5}.flight-line{position:absolute;left:44px;bottom:86px;width:0;height:5px;border-radius:99px;background:linear-gradient(90deg,rgba(239,29,63,.25),#ff1744,#ff6a00);box-shadow:0 0 20px rgba(239,29,63,.7);transform-origin:left center;z-index:3;transition:width .09s linear,transform .09s linear}.flight-line:after{content:"";position:absolute;right:-10px;top:-7px;width:18px;height:18px;border-radius:50%;background:#ff284c;box-shadow:0 0 34px #ff284c}.plane{position:absolute;left:26px;bottom:64px;width:118px;z-index:5;transition:transform .09s linear;filter:drop-shadow(0 24px 28px rgba(239,29,63,.42));will-change:transform}.crash-smoke{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0}.crash-smoke.show{opacity:1;animation:smoke .9s ease forwards}.crash-smoke:before,.crash-smoke:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,67,67,.7),rgba(255,121,0,.2) 40%,transparent 72%);filter:blur(3px)}.crash-smoke:before{width:220px;height:220px;left:48%;top:34%}.crash-smoke:after{width:300px;height:300px;left:40%;top:22%;animation:pulse .35s ease infinite alternate}.crashed{color:#ff3158;animation:shake .08s linear 10}.cashout{color:#48e65d}.runway{display:none}.bet-area{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.bet-panel{background:linear-gradient(180deg,#171c24,#0c0f14);border:1px solid var(--line);border-radius:18px;padding:11px;box-shadow:0 16px 45px rgba(0,0,0,.28)}.bet-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.bet-tab{padding:5px 16px;border-radius:99px;background:#232a35;color:#b5bfcd;font-size:12px;font-weight:1000}.bet-tab.active{background:#3a414d;color:#fff}.amount-row{display:grid;grid-template-columns:36px 1fr 36px;gap:7px;align-items:center;margin-bottom:9px}.amount-row button{height:38px;border-radius:999px;padding:0;background:#272f3a;box-shadow:none}.amount-row input{text-align:center;height:40px;border-radius:999px;background:#080b10;border:1px solid #313a47;font-size:17px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px}.quick-grid button{padding:7px 2px;border-radius:999px;background:#252c36;box-shadow:none;font-size:12px}.auto-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.auto-row label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8b94a3;font-weight:900}.auto-row input{height:38px;border-radius:10px;padding:8px}.play-button{width:100%;min-height:76px;border-radius:16px;font-size:20px;background:linear-gradient(180deg,#37e34d,#169d24);box-shadow:0 12px 35px rgba(37,180,50,.34);border:1px solid rgba(255,255,255,.18)}.play-button.cash{background:linear-gradient(180deg,#ffcf39,#ff8c00);box-shadow:0 12px 35px rgba(255,140,0,.28)}.play-button.stop{background:linear-gradient(180deg,#ff4f69,#d70e32);box-shadow:0 12px 35px rgba(239,29,63,.34)}.panel-status{min-height:20px;text-align:center;color:#9eabbc;font-size:12px;font-weight:800;margin-top:7px}.right-panel{display:grid;gap:10px}.info-card{background:#0b0e14;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.info-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:1000}.info-body{padding:12px 14px}.live-bets{max-height:326px;overflow:auto}.live-row{display:grid;grid-template-columns:1.15fr .75fr .65fr;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;font-size:13px}.live-row strong{color:#fff}.live-row .win{color:#59e66a;font-weight:1000}.live-row .lose{color:#ff637b;font-weight:1000}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{background:#121720;border:1px solid var(--line);border-radius:14px;padding:12px}.metric b{display:block;font-size:22px}.metric span{color:#8f9bab;font-size:12px;font-weight:800}.sound-toggle{width:100%;background:#161b24!important;border:1px solid var(--line2)!important;box-shadow:none!important}.notice-tape{margin-top:10px;font-size:12px;color:#8f9bab;text-align:center}.mobile-only{display:none}
@keyframes star{0%{transform:translateX(15vw);opacity:0}20%{opacity:.7}100%{transform:translateX(-85vw);opacity:0}}@keyframes pulse{to{transform:scale(1.06)}}@keyframes shake{50%{transform:translateX(4px)}}@keyframes smoke{0%{transform:scale(.6);opacity:0}30%{opacity:1}100%{transform:scale(1.35);opacity:0}}
@media(max-width:1020px){.game-shell{grid-template-columns:1fr}.right-panel{grid-template-columns:1fr 1fr}.aviator-stage{height:52vh}.navlinks{gap:2px}.navlinks a{padding:8px 7px;font-size:14px}}
@media(max-width:850px){.container{width:min(100vw - 18px,700px);margin:10px auto 16px}.topbar{padding:8px 10px}.navlinks{display:none;position:absolute;left:8px;right:8px;top:64px;background:#080a0f;padding:12px;border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav-open .navlinks{display:flex}.hamb{display:block}.grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:auto}.hero{min-height:280px;padding:24px}.hero h1{letter-spacing:-2px}.table{min-width:620px}.right-panel{grid-template-columns:1fr}.game-top-strip{border-radius:14px}.aviator-stage{min-height:330px;height:44vh;border-radius:16px}.multiplier{font-size:clamp(66px,22vw,118px);letter-spacing:-4px}.plane{width:86px;left:14px;bottom:54px}.flight-line{left:30px;bottom:72px}.bet-area{grid-template-columns:1fr;gap:8px}.play-button{min-height:68px}.mini-metrics{grid-template-columns:1fr 1fr}.desktop-only{display:none}.mobile-only{display:block}.copybox{flex-direction:column}}
@media(max-width:430px){.brand{font-size:18px}.brand img{width:36px;height:36px}.pill{padding:7px 10px}.aviator-stage{min-height:300px;height:42vh}.multiplier{font-size:68px}.quick-grid{grid-template-columns:repeat(4,1fr)}.auto-row{grid-template-columns:1fr}.card{padding:16px}.live-row{grid-template-columns:1fr .7fr .6fr}.footer{font-size:12px}}
