:root{--bg:#090b16;--panel:#11162a;--panel2:#171d35;--text:#f7f8ff;--muted:#8f98b8;--brand:#7c5cff;--brand2:#00e5ff;--green:#21d07a;--red:#ff4d6d;--violet:#b35cff;--gold:#ffd45b;--line:rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% -10%,#202a55 0,#0b0e1b 35%,#060811 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}.app-shell{width:min(100%,1180px);min-height:100vh;margin:auto;background:rgba(7,9,19,.72);position:relative;padding-bottom:78px}.topbar{height:64px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(9,11,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:19px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 28px #7055ff66}.top-actions{display:flex;gap:8px;align-items:center}.balance,.mini-btn,.icon-btn{padding:8px 11px;border-radius:12px;background:var(--panel2);font-size:13px;border:1px solid var(--line)}.ticker{overflow:hidden;background:linear-gradient(90deg,#6e49ff,#8c51ff,#087b94);height:30px;display:flex;align-items:center;font-size:12px;font-weight:700}.ticker div{white-space:nowrap;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.content{padding:14px}.hero{overflow:hidden;border-radius:22px;position:relative;height:210px;border:1px solid var(--line);background:linear-gradient(135deg,#3f2fb4,#0d809a)}.hero-slide{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:scale(1.03);transition:.65s}.hero-slide.active{opacity:1;transform:scale(1)}.hero h1{font-size:31px;max-width:600px;margin:8px 0}.hero p{margin:0;color:#e8e9ff;max-width:520px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d6d1ff}.btn{border:0;padding:12px 15px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#9a62ff);color:white;font-weight:800;cursor:pointer}.btn.secondary{background:var(--panel2);border:1px solid var(--line)}.section{margin-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head h2{font-size:17px;margin:0}.section-head small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.info-card,.panel,.game-card,.stat{background:linear-gradient(180deg,rgba(25,31,57,.96),rgba(14,18,34,.96));border:1px solid var(--line);border-radius:18px}.info-card{padding:14px;min-height:104px}.info-card .icon{font-size:25px}.info-card b{display:block;margin-top:9px}.info-card small{color:var(--muted)}.game-card{padding:16px;background:linear-gradient(135deg,#34266d,#14253b);display:flex;justify-content:space-between;align-items:center;min-height:120px}.game-orb{width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--red),var(--violet),var(--green),var(--red));box-shadow:inset 0 0 0 12px #11152d,0 0 36px #8c5cff55;animation:spin 8s linear infinite}@keyframes spin{to{rotate:360deg}}.panel{padding:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px}.stat small{color:var(--muted)}.stat strong{display:block;margin-top:5px;font-size:20px}.bottom-nav{position:fixed;left:50%;bottom:0;translate:-50% 0;width:min(100%,1180px);height:68px;z-index:30;background:rgba(10,13,26,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px}.bottom-nav i{font-size:20px;font-style:normal}.bottom-nav a.active{color:#fff}.bottom-nav a.active i{color:var(--brand2)}.form{display:grid;gap:11px}.input{width:100%;background:#0d1121;color:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;outline:none}.input:focus{border-color:#775cff}.auth{max-width:430px;margin:28px auto}.auth h1{text-align:center}.flash{padding:12px 14px;border-radius:13px;margin-bottom:12px;background:#123d2d;border:1px solid #1f7d57}.flash.err{background:#451d2a;border-color:#873047}.round-card{text-align:center;padding:18px;background:linear-gradient(140deg,#232c58,#161b35);border-radius:22px;border:1px solid var(--line)}.timer{font-size:42px;font-weight:900;letter-spacing:.04em}.period{color:var(--muted);font-size:12px}.bet-tabs,.choices,.amounts{display:flex;gap:8px;flex-wrap:wrap}.choice,.amt,.tab{border:1px solid var(--line);background:#11172d;color:white;border-radius:13px;padding:11px 14px;cursor:pointer}.choice.active,.amt.active,.tab.active{outline:2px solid var(--brand2)}.choice.green{background:#124a36}.choice.red{background:#572035}.choice.violet{background:#47215e}.numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.number{aspect-ratio:1;border-radius:50%;border:0;color:white;font-weight:900;background:linear-gradient(145deg,#2a315c,#141a32)}.history-list{display:grid;gap:8px}.history-row{display:grid;grid-template-columns:1.5fr .7fr .7fr .7fr;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:10px 12px;border-radius:14px;font-size:13px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.violet{background:var(--violet)}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-list{display:grid;gap:8px}.menu-list a{padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;justify-content:space-between}.badge{padding:4px 8px;border-radius:20px;background:#2d365f;color:#ced4ff;font-size:11px}.badge.win{background:#174d38;color:#8affc1}.badge.loss{background:#552135;color:#ffb5c4}.badge.pending{background:#57491b;color:#ffe27d}@media(max-width:700px){.app-shell{max-width:430px}.grid{grid-template-columns:repeat(2,1fr)}.hero{height:190px}.hero h1{font-size:25px}.stats{grid-template-columns:1fr 1fr}.history-row{grid-template-columns:1.3fr .7fr .6fr}.history-row>:nth-child(4){display:none}}@media(min-width:701px){.content{padding:24px}.hero{height:280px}.hero-slide{padding:42px}.dashboard-columns{display:grid;grid-template-columns:1.45fr .75fr;gap:16px}}