:root{--bg:#0f0a1e;--bg2:#1a1230;--card:#1e1638;--card2:#251a47;--ember:#ff6b35;--ember2:#ff9a3c;--gold:#ffd166;--text:#f3eefe;--muted:#9b8fc4;--green:#34d399;--red:#fb7185;--line:#34284f}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden}.legal-bar{background:linear-gradient(90deg,#3a1a22,#2a1f2f);border-bottom:1px solid var(--line);color:#fda4af;font-size:12px;font-weight:600;line-height:1.4;padding:6px 14px;text-align:center}.legal-bar b{color:var(--gold)}@media(max-width:680px){.legal-bar{font-size:11px;padding:6px 10px}}body{background:radial-gradient(1200px 600px at 50% -10%,#2a1a4a 0,var(--bg) 60%);color:var(--text);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1100px;padding:0 16px}.shell{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:1280px}.shell-main{flex:1;min-width:0}.shell-aside{display:flex;flex:0 0 300px;flex-direction:column;gap:14px;height:calc(100vh - 86px);padding:24px 16px 0 0;position:sticky;top:70px;width:300px}.shell-aside-left{flex:0 0 290px;padding:24px 0 0 16px;position:sticky;top:70px;width:290px}.aside-card{padding:16px}.aside-bxh{flex:0 0 auto;max-height:50%}.aside-bxh,.aside-chat{display:flex;min-height:0}.aside-chat{flex:1 1 auto}.bxh-card,.chat-card{display:flex;flex-direction:column;min-height:0;width:100%}.bxh-list,.chat-list{flex:1;min-height:0;overflow-y:auto}.chat-list{display:flex;flex-direction:column;gap:6px;padding-right:4px}.chat-msg{font-size:13px;line-height:1.4}.chat-user{color:var(--ember2);font-weight:700;margin-right:5px}.chat-msg.mine .chat-user{color:var(--gold)}.chat-body{color:var(--text);word-break:break-word}.chat-input{display:flex;gap:6px;margin-top:10px}.chat-input input{font-size:13px;padding:8px 10px}.out-opts{display:flex;flex-direction:column;gap:7px;max-height:58vh;overflow-y:auto;padding-right:4px}.opt-btn-sm{align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 11px;text-align:left;transition:all .15s}.opt-btn-sm.active,.opt-btn-sm:hover{border-color:var(--ember)}.opt-btn-sm.active{background:linear-gradient(160deg,#2a1f3a,#3a2240);box-shadow:0 0 0 2px #ff6b3540}.opt-btn-sm .out-name{font-size:13px;font-weight:600}.aside-rank{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:14px;gap:10px;padding:7px 4px}.aside-rank:last-child{border-bottom:none}.aside-rank.me{background:#ff6b3514;border-radius:8px}.aside-no{color:var(--muted);font-size:13px;font-weight:800;text-align:center;width:24px}.aside-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside-score{font-size:14px;font-weight:800}.aside-score.pos{color:var(--green)}.aside-score.negv{color:var(--red)}.aside-score.zero{color:var(--muted)}@media(max-width:1100px){.shell{flex-direction:column}.shell-aside,.shell-aside-left{flex:none;height:auto;padding:0 16px;position:static;width:auto}.shell-main{order:-1}.aside-bxh{max-height:none}.bxh-list{max-height:320px}.chat-list{max-height:300px}}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0a1ed9;border-bottom:1px solid var(--line);gap:16px;padding:12px 16px;position:sticky;top:0;z-index:30}.brand,.nav{align-items:center;display:flex}.brand{font-size:20px;font-weight:800;gap:8px;letter-spacing:.5px}.brand .flame{filter:drop-shadow(0 0 6px var(--ember))}.brand b{background:linear-gradient(90deg,var(--ember),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-spacer{flex:1}.nav a.navlink{border-radius:8px;color:var(--muted);font-weight:600;padding:6px 10px}.nav a.navlink:hover,.nav a.router-link-active{background:var(--card2);color:var(--text)}.coin-pill{align-items:center;background:linear-gradient(90deg,#1a3a2a,#1f2a3a);border:1px solid var(--green);border-radius:999px;color:var(--green);display:inline-flex;font-size:14px;font-weight:800;gap:6px;padding:5px 12px}.coin-pill.neg{background:linear-gradient(90deg,#3a1a22,#2a1f2f);border-color:var(--red);color:var(--red)}@media(max-width:680px){.nav{flex-wrap:wrap;gap:6px 8px;padding:10px 12px}.nav-spacer{display:none}.brand{font-size:16px}.nav a.navlink{font-size:12px;padding:4px 7px}.coin-pill{font-size:11px;padding:4px 8px}.nav .btn.sm{font-size:11px;padding:5px 9px}}.rank-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:12px 14px}.rank-row:last-child{border-bottom:none}.rank-no{color:var(--muted);font-size:18px;font-weight:800;text-align:center;width:40px}.rank-row.top1 .rank-no,.rank-row.top2 .rank-no,.rank-row.top3 .rank-no{color:var(--gold)}.rank-row.me{background:#ff6b3512;border-radius:10px}.rank-name{flex:1;font-weight:700}.rank-sub{color:var(--muted);font-size:12px;font-weight:500}.rank-score{font-size:17px;font-weight:800}.rank-score.pos{color:var(--green)}.rank-score.negv{color:var(--red)}.rank-score.zero{color:var(--muted)}.score-panel{align-items:center;background:#34d39914;border:1px solid var(--green);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px 14px}.score-panel input{width:110px}.opt-row{gap:8px;margin-bottom:8px}.opt-row,.opt-row-view{align-items:center;display:flex}.opt-row-view{background:var(--bg2);border:1px solid var(--line);border-radius:10px;gap:10px;justify-content:space-between;padding:8px 12px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #00000040;padding:18px}.card h3{font-size:16px;margin-bottom:4px}.match-head{gap:12px;justify-content:space-between}.match-head,.team{align-items:center;display:flex}.team{flex:1;flex-direction:column;gap:4px;text-align:center}.team .flag{font-size:34px}.team .name{font-size:15px;font-weight:700}.vs{color:var(--muted);font-size:13px;font-weight:800}.odds-row{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-top:14px}.odds-btn{align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 8px;transition:all .15s}.odds-btn:hover{border-color:var(--ember);transform:translateY(-2px)}.odds-btn.active{background:linear-gradient(160deg,#2a1f3a,#3a2240);border-color:var(--ember);box-shadow:0 0 0 2px #ff6b354d}.odds-btn .lbl{color:var(--muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.odds-btn .val{color:var(--gold);font-size:17px;font-weight:800}.submkt{margin-top:12px}.submkt.divided{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.submkt-label{align-items:center;color:var(--text);display:flex;font-size:13px;font-weight:700;gap:8px}.opt-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.opt-btn{align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:11px 14px;text-align:left;transition:all .15s}.opt-btn:hover{border-color:var(--ember);transform:translate(2px)}.opt-btn.active{background:linear-gradient(160deg,#2a1f3a,#3a2240);border-color:var(--ember);box-shadow:0 0 0 2px #ff6b354d}.opt-name{font-size:14px;font-weight:700}.opt-odds{background:#ffd16614;border-radius:999px;color:var(--gold);flex:0 0 auto;font-size:16px;font-weight:800;padding:3px 10px}.bet-box{display:flex;gap:8px;margin-top:12px}.lock-warn{background:#fb71851f;border:1px solid var(--red);border-radius:10px;color:var(--red);font-size:12px;font-weight:700;margin-top:12px;padding:9px 12px}.lock-note{color:var(--gold);font-size:11px;margin:10px 0 4px}.bet-feed{border-top:1px dashed var(--line);margin-top:12px;max-height:170px;overflow-y:auto;padding-top:10px}.bet-feed-head{color:var(--muted);font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.bet-feed-row{align-items:center;display:flex;font-size:12px;gap:8px;padding:3px 0}.bf-user{color:var(--text);font-weight:700}.bf-opt{color:var(--muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-amt{color:var(--gold)}.bf-amt,.bf-copy{font-weight:700;white-space:nowrap}.bf-copy{background:var(--card2);border:1px solid var(--line);border-radius:8px;color:var(--ember2);cursor:pointer;flex:0 0 auto;font-size:11px;padding:3px 8px}.bf-copy:hover{border-color:var(--ember);color:var(--ember)}.bet-box input{flex:1}.badge{border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 9px;text-transform:uppercase}.badge.open{background:#34d39926;color:var(--green)}.badge.closed{background:#9b8fc426;color:var(--muted)}.badge.settled{background:#ffd16626;color:var(--gold)}.badge.won{background:#34d39926;color:var(--green)}.badge.lost{background:#fb718526;color:var(--red)}.badge.pending{background:#9b8fc426;color:var(--muted)}.badge.push{background:#60a5fa26;color:#93c5fd}input,select{background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:14px;outline:none;padding:11px 12px;width:100%}input:focus,select:focus{border-color:var(--ember)}label{color:var(--muted);display:block;font-size:13px;font-weight:600;margin:12px 0 6px}.btn{background:linear-gradient(90deg,var(--ember),var(--ember2));border:none;border-radius:10px;color:#1a0f08;cursor:pointer;font-size:14px;font-weight:800;padding:11px 16px;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.sm{font-size:12px;padding:7px 11px}.btn.green{background:linear-gradient(90deg,#34d399,#10b981);color:#042b1d}.btn.red{background:linear-gradient(90deg,#fb7185,#f43f5e);color:#2b0410}.auth-wrap{margin:60px auto;max-width:400px}.divider{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:12px;margin:18px 0 14px}.divider:after,.divider:before{background:var(--line);content:"";flex:1;height:1px}.social-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:10px;color:#1f2330;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:11px 16px;transition:box-shadow .15s,transform .12s;width:100%}.social-btn:hover{box-shadow:0 2px 10px #00000040;transform:translateY(-1px)}.social-btn .vneid-logo{font-size:20px}.social-btn b{color:#1769aa}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080510b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-box{animation:popIn .2s ease;background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #00000080;max-width:380px;padding:26px 24px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}.center{text-align:center}.muted{color:var(--muted)}.error{background:#fb71851f;border:1px solid var(--red);border-radius:10px;color:var(--red)}.error,.ok{font-size:13px;margin:10px 0;padding:10px 12px}.ok{background:#34d3991f;border:1px solid var(--green);border-radius:10px;color:var(--green)}.notice{color:var(--muted);font-size:12px;margin-top:8px;text-align:center}.section-title{font-size:22px;font-weight:800;margin:24px 0 14px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);font-size:14px;padding:10px 12px;text-align:left}th{color:var(--muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.tabs{display:flex;gap:8px;margin:16px 0}.tabs button{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--muted);cursor:pointer;font-weight:700;padding:8px 16px}.tabs button.active{background:var(--card2);border-color:var(--ember);color:var(--text)}.fun-banner{background:linear-gradient(100deg,#ff6b351f,#ffd16614);border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:13px;margin:18px 0;padding:14px 18px}.fun-banner b{color:var(--gold)}.policy-box{background:#ff6b3512;border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:14px 16px}.policy-title{color:var(--gold);font-size:14px;font-weight:800;margin-bottom:8px}.policy-box ul{margin:0;padding-left:18px}.policy-box li{color:var(--muted);font-size:12.5px;line-height:1.45;margin-bottom:5px}.policy-box li b{color:var(--text)}.agree{align-items:flex-start;border:1px solid var(--line);border-radius:10px;color:var(--muted);cursor:pointer;display:flex;font-size:12.5px;gap:10px;line-height:1.45;margin-top:14px;padding:10px 12px;transition:all .15s}.agree.agree-on{background:#ff6b350f;border-color:var(--ember);color:var(--text)}.agree input{accent-color:var(--ember);cursor:pointer;flex:0 0 auto;height:18px;margin-top:1px;width:18px}.agree b{color:var(--gold)}