*{box-sizing:border-box}body{margin:0;background:#080808;color:#eee;font:13px Arial,Helvetica,sans-serif}.topbar{height:64px;background:#101010;border-bottom:1px solid #2c2c2c;display:flex;align-items:center;padding:0 18px;gap:24px;position:sticky;top:0;z-index:20}.logo{font-size:26px;font-weight:900;color:#f2c653;min-width:90px}.logo span{font-size:14px}.topbar nav{display:flex;height:100%;gap:4px}.nav{background:transparent;color:#888;border:0;border-bottom:3px solid transparent;padding:0 18px;font-weight:900;cursor:pointer}.nav.active{color:#f5cf63;border-bottom-color:#d8aa38}.account{margin-left:auto;position:relative;display:flex;gap:10px;align-items:center;color:#bbb}.account>button{background:#191919;border:1px solid #3b3425;color:#f0c85a;padding:9px 12px;border-radius:6px;font-weight:900;cursor:pointer}.personal-menu{position:absolute;right:0;top:45px;width:170px;background:#151515;border:1px solid #3a3428;border-radius:8px;padding:7px;display:none;box-shadow:0 18px 45px #000}.personal-menu.open{display:grid}.personal-menu button,.personal-menu a{padding:10px;text-align:left;background:#181818;border:0;color:#ddd;text-decoration:none;cursor:pointer}.personal-menu button:hover,.personal-menu a:hover{background:#252525;color:#ffd45c}.roombar{height:48px;background:#0d0d0d;border-bottom:1px solid #252525;display:flex;align-items:center;gap:12px;padding:0 18px;color:#777}.roombar select{background:#171717;color:#fff;border:1px solid #444;padding:7px 10px;border-radius:5px}.roombar b{color:#ddd}.roombar #resultBadge{margin-left:auto;color:#f6cc58;font-weight:900}.tabpage{display:none}.tabpage.active{display:block}.layout{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(420px,1.4fr) minmax(280px,.8fr);gap:10px;padding:10px;max-width:1800px;margin:auto}.orders{display:grid;gap:10px;align-content:start}.panel{background:#111;border:1px solid #2b2b2b;border-radius:6px;overflow:hidden}.panel-title{height:45px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929;color:#aaa}.red-title b:first-child{color:#ff6464}.blue-title b:first-child{color:#62a7ff}.panel-title span{font-size:11px;color:#777}.center{min-width:0}.live-head{height:45px;background:#111;border:1px solid #2b2b2b;border-bottom:0;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#f4ca58}.live-head span{font-size:11px;color:#ff5959}.live-head b{color:#eee}#videoWrap{height:calc(100vh - 180px);min-height:360px;position:relative;background:#000;border:1px solid #292929}#video{width:100%;height:100%;object-fit:contain;display:none}#videoEmpty{position:absolute;inset:0;display:grid;place-items:center;color:#555}#liveGate{position:absolute;inset:0;display:none;place-items:center;text-align:center;background:rgba(0,0,0,.88)}#liveGate>div{padding:30px;border:1px solid #5a451b;background:#111;border-radius:10px}#liveGate strong{color:#ffd45c;font-size:18px}#liveGate p{color:#888}.primary,#liveGate button{width:100%;padding:11px;border:0;border-radius:5px;background:linear-gradient(#f4d36b,#aa7417);color:#15120b;font-weight:900;cursor:pointer}#resultNotice{margin-top:10px;text-align:center;font-size:18px;font-weight:900;color:#ffd45c;min-height:22px}table{width:100%;border-collapse:collapse}th{background:#0c0c0c;color:#666;font-size:10px;padding:9px;text-align:left}td{padding:10px;border-top:1px solid #242424;color:#ddd}td.money{font-weight:900;color:#f2cf68;text-align:right}.empty{text-align:center;color:#555;padding:22px}.tag{font-size:9px;font-weight:900;padding:3px 6px;border-radius:3px}.tag.demo{background:#503c08;color:#ffd45c}.tag.real{background:#19331f;color:#7be09b}.wait{color:#d5d5d5;font-size:10px;font-weight:900}.betbox,.myorders{margin-bottom:10px}.betbox{padding-bottom:12px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.choice button{padding:12px;border:1px solid #444;background:#171717;color:#aaa;border-radius:5px;font-weight:900;cursor:pointer}.choice button.selected{color:#fff;border-color:#e0b94e;box-shadow:0 0 0 1px #8e6d21 inset}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px}.betbox label{display:block;color:#777;font-size:10px;font-weight:900;padding:8px 10px}.betbox input,.betbox select,.dialog input,.dialog textarea{width:100%;margin-top:5px;background:#0b0b0b;border:1px solid #383838;color:#fff;padding:10px;border-radius:5px;outline:0}.betbox>.primary{width:calc(100% - 20px);margin:0 10px}.betbox #note{min-height:18px;color:#ff8b8b;text-align:center;padding:6px}.mine-row{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-top:1px solid #242424}.mine-row button{background:#272727;color:#bbb;border:1px solid #444;padding:5px 8px;border-radius:4px;cursor:pointer}.mine-row em{color:#777;font-style:normal}.wide{max-width:1200px;margin:20px auto}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding:12px}.room-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px;background:#151515;border:1px solid #333;color:#ddd;border-radius:7px;cursor:pointer}.room-card.selected{border-color:#d8ad45;box-shadow:0 0 0 1px #8b681e inset}.room-card b{font-size:16px;color:#f0ca5b}.room-card span,.room-card small{color:#777}.modal{position:fixed;inset:0;background:#000c;z-index:100;display:flex;align-items:center;justify-content:center;padding:15px}.auth,.dialog{width:min(420px,100%);background:#121212;border:1px solid #4b3b1d;border-radius:9px;padding:22px;box-shadow:0 20px 80px #000}.auth .tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px}.auth .tabs button{padding:10px;background:#1a1a1a;border:0;color:#777}.auth .tabs button.active{background:#c39128;color:#111;font-weight:900}.auth h2,.dialog h2{color:#f0ca59;margin:4px 0 15px}.auth input{width:100%;padding:11px;margin:5px 0;background:#0a0a0a;border:1px solid #383838;color:#fff;border-radius:5px}.auth .primary{margin-top:7px}.auth p,.dialog p{color:#ff8b8b;min-height:18px}.x{float:right;background:#252525;color:#aaa;border:1px solid #444;border-radius:50%;width:32px;height:32px;cursor:pointer}.dialog textarea{height:80px;resize:vertical}.wide-dialog{width:min(650px,100%)}.history-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #292929;color:#999}.history-row b{color:#eee;text-align:right}.history-row b small{display:block;color:#777;margin-top:3px;font-weight:normal}footer{text-align:center;padding:18px;color:#555}@media(max-width:1100px){.layout{grid-template-columns:1fr 1fr}.center{grid-column:1/-1;grid-row:1}.orders{grid-column:1}.right{grid-column:2}#videoWrap{height:48vh}}@media(max-width:700px){.topbar{gap:5px;padding:0 8px}.logo{min-width:55px;font-size:20px}.topbar nav{overflow:auto}.nav{padding:0 9px;font-size:10px}.account>span{display:none}.roombar{padding:0 8px}.layout{display:flex;flex-direction:column}.center{order:0}.orders{order:1}.right{order:2}#videoWrap{height:42vh;min-height:250px}.wide{margin:10px}.roombar #resultBadge{display:none}th,td{font-size:11px}}

.deposit-qr-box{margin-top:12px;padding:12px;background:#0b0b0b;border:1px solid #3a301d;border-radius:10px;text-align:center}.deposit-qr-box .qr-title{font-weight:900;color:#ffd45c;margin-bottom:8px}.deposit-qr-box img{display:block;width:min(100%,320px);margin:0 auto;border-radius:8px;background:#fff}.deposit-qr-box .qr-bank{color:#ddd;font-size:12px;line-height:1.6;margin-top:8px}.deposit-qr-box small{display:block;color:#777;line-height:1.4;margin-top:8px}

.form-hint{color:#777!important;font-size:12px;line-height:1.5}.match-btn{background:linear-gradient(#f4d36b,#a87517);color:#111;border:0;border-radius:4px;padding:6px 9px;font-weight:900;cursor:pointer;white-space:nowrap}.match-btn:disabled{opacity:.35;cursor:not-allowed}.mine-row.matched{background:#0c0c0c}.support-row{border-bottom:1px solid #292929;padding:10px}.support-row small{color:#777}
