:root{--bg-0:#120b08;--bg-1:#1c120c;--bg-2:#241710;--panel:#2a1c13;--panel-2:#33241a;--line:rgba(214,180,124,.18);--gold:#d9b15f;--gold-2:#f2d18a;--gold-deep:#a8772e;--cream:#f6ecd8;--muted:#b29a7e;--muted-2:#8c765e;--green:#5fae6b;--red:#d76a55;--blue:#6fa8d6;--shadow:0 24px 60px -24px rgba(0,0,0,.75)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Manrope,system-ui,sans-serif;color:var(--cream);background:radial-gradient(1200px 700px at 80% -10%,#3a2415 0%,transparent 60%),radial-gradient(900px 600px at -10% 110%,#2a1810 0%,transparent 55%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 55%,var(--bg-2));min-height:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}.display{font-family:Fraunces,Georgia,serif}button{font-family:inherit;cursor:pointer}a{color:var(--gold-2);text-decoration:none}.hidden{display:none!important}.logo{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 32% 28%,var(--gold-2),var(--gold) 45%,var(--gold-deep));box-shadow:0 8px 22px -6px #a8772e99,inset 0 2px 4px #ffffff80,inset 0 -6px 12px #78460a80;color:#3a2208;font-family:Fraunces,serif;font-weight:900;font-size:24px}.primary{padding:14px;border:0;border-radius:13px;background:linear-gradient(180deg,var(--gold-2),var(--gold) 60%,var(--gold-deep));color:#3a2208;font-weight:800;font-size:15.5px;box-shadow:0 12px 26px -10px #a8772ebf,inset 0 1px #ffffff73;transition:.16s}.primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary.full{width:100%;margin-top:6px}.ghost-btn{background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 13px;border-radius:12px;font-size:12.5px;font-weight:600;transition:.2s}.ghost-btn:hover{color:var(--cream);border-color:var(--gold)}.ok-btn{background:#5fae6b29;border:1px solid rgba(95,174,107,.45);color:#a6dcad;padding:8px 12px;border-radius:10px;font-size:12.5px;font-weight:700}.danger-btn{background:#d76a5524;border:1px solid rgba(215,106,85,.4);color:#f0a593;padding:8px 12px;border-radius:10px;font-size:12.5px;font-weight:700}.msg{font-size:13px;margin-top:13px;padding:11px 13px;border-radius:11px;line-height:1.45}.msg.err{background:#d76a551f;border:1px solid rgba(215,106,85,.4);color:#f0a593}.msg.ok{background:#5fae6b1f;border:1px solid rgba(95,174,107,.4);color:#a6dcad}.msg.warn{background:#d9b15f1a;border:1px solid rgba(217,177,95,.4);color:var(--gold-2)}.card-panel{background:linear-gradient(180deg,#33241aeb,#2a1c13eb);border:1px solid var(--line);border-radius:22px;padding:26px 24px;box-shadow:var(--shadow)}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:600}.req{color:var(--gold)}.opt{color:var(--muted-2);font-weight:500}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-0);color:var(--cream);font-size:15px;font-family:inherit;outline:none;transition:.18s}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9b15f29;background:#170f0a}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note{font-size:11.5px;color:var(--muted-2);text-align:center;margin-top:16px;line-height:1.5}.auth{max-width:430px;margin:4vh auto 0;padding:0 16px}.auth-hero{text-align:center;margin-bottom:22px}.auth-hero .logo{width:74px;height:74px;font-size:36px;border-radius:20px;margin:0 auto 18px}.auth-hero h2{font-family:Fraunces,serif;font-weight:900;font-size:32px}.auth-hero p{color:var(--muted);margin-top:9px;font-size:14.5px;line-height:1.5}.tabs{display:flex;gap:6px;background:var(--bg-0);padding:5px;border-radius:14px;margin-bottom:22px;border:1px solid var(--line)}.tabs button{flex:1;padding:11px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;font-size:14px}.tabs button.on{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#3a2208}.auth-foot{text-align:center;margin-top:18px}.auth-foot button{background:none;border:0;color:var(--muted-2);font-size:12px;text-decoration:underline;cursor:pointer}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#2a1c13b3,#120b0866);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:5px;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{display:flex;align-items:center;gap:12px;padding:4px 8px 16px}.side .brand h1{font-family:Fraunces,serif;font-weight:900;font-size:22px;line-height:1}.side .brand small{display:block;color:var(--muted);font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:600;border:1px solid transparent;background:transparent;text-align:left;width:100%;transition:.16s}.nav-item .ic{width:20px;text-align:center;font-size:16px}.nav-item:hover{color:var(--cream);background:#d9b15f0f}.nav-item.on{color:var(--gold-2);background:#d9b15f1a;border-color:var(--line)}.nav-item .dot{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.nav-sep{height:1px;background:var(--line);margin:9px 4px}.side-bal{margin-top:auto;padding:14px;border-radius:15px;background:var(--bg-0);border:1px solid var(--line)}.side-bal small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.side-bal b{display:block;font-family:Fraunces,serif;font-size:25px;color:var(--gold-2);font-weight:900;margin-top:2px}.main{padding:22px 30px 60px;max-width:1000px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.page-h{font-family:Fraunces,serif;font-weight:600;font-size:26px}.page-sub{color:var(--muted);font-size:13.5px;margin-top:5px}.mobtoggle{display:none;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--gold-2);font-size:20px}.top-actions{display:flex;align-items:center;gap:9px}.contact-chip{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:12.5px;font-weight:700}.bell{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:18px;cursor:pointer}.bell .cnt{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center}.jackpot-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#3a2410,#5a3614 60%,#3a2410);border:1px solid var(--gold);border-radius:20px;padding:16px 22px;margin-bottom:20px}.jackpot-banner .ji{font-size:34px}.jackpot-banner small{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-2)}.jackpot-banner b{font-family:Fraunces,serif;font-size:30px;font-weight:900;color:#fff;display:block;line-height:1.1}.jackpot-banner .pulse{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--gold-2);font-weight:700}.jackpot-banner .pulse i{width:9px;height:9px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 10px var(--gold-2);animation:blink 1.3s infinite}@keyframes blink{50%{opacity:.3}}.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.room{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:20px;padding:22px;cursor:pointer;transition:.18s}.room:hover{transform:translateY(-3px);border-color:var(--gold)}.room .coin{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;background:radial-gradient(circle at 33% 26%,var(--gold-2),var(--gold) 45%,var(--gold-deep));font-family:Fraunces,serif;font-weight:900;color:#3a2208;font-size:15px}.room h3{font-family:Fraunces,serif;font-size:22px;font-weight:700}.room .pr{color:var(--muted);font-size:12.5px;margin-top:3px}.room .cd{margin-top:12px;font-size:12.5px;color:var(--gold-2);font-weight:700}.buy-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;overflow:hidden;width:fit-content;background:var(--bg-0)}.stepper button{width:52px;height:52px;border:0;background:transparent;color:var(--gold-2);font-size:24px;font-weight:700}.stepper input{width:84px;height:52px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:transparent;color:var(--cream);text-align:center;font-size:22px;font-weight:800;font-family:Fraunces,serif;outline:none}.quickrow{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.quickrow button{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg-0);color:var(--muted);font-weight:700;font-size:13px}.summary{padding:16px 18px;border-radius:15px;background:var(--bg-0);border:1px solid var(--line)}.summary .line{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;color:var(--muted)}.summary .line b{color:var(--cream)}.summary .tot{border-top:1px dashed var(--line);margin-top:8px;padding-top:11px}.summary .tot b{color:var(--gold-2);font-size:19px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:18px}.stat small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.stat b{display:block;font-family:Fraunces,serif;font-size:26px;color:var(--gold-2);font-weight:900;margin-top:6px}.amt-grid{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0}.amt-grid button{flex:1;min-width:70px;padding:14px 8px;border-radius:13px;border:1px solid var(--line);background:var(--bg-0);color:var(--cream);font-weight:800;font-size:16px}.amt-grid button.on{border-color:var(--gold);background:linear-gradient(180deg,#d9b15f2e,#d9b15f0d);color:var(--gold-2)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:0 10px 12px;border-bottom:1px solid var(--line)}.tbl td{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--cream)}.pos{color:var(--green);font-weight:700}.neg{color:var(--red);font-weight:700}.badge{display:inline-block;font-size:11px;padding:3px 9px;border-radius:20px;font-weight:700}.badge.win{background:#5fae6b29;color:#a6dcad}.badge.loss{background:#d76a5524;color:#f0a593}.badge.line{background:#d9b15f29;color:var(--gold-2)}.badge.pend{background:#b29a7e2e;color:var(--muted)}.badge.jack{background:#ffd77833;color:#ffd778}.badge.appr{background:#5fae6b29;color:#a6dcad}.badge.rej{background:#d76a5524;color:#f0a593}.badge.active{background:#5fae6b29;color:#a6dcad}.badge.blocked{background:#d76a5529;color:#f0a593}.empty-state{text-align:center;padding:46px 20px;color:var(--muted)}.empty-state .em{font-size:42px;margin-bottom:10px;opacity:.6}.table-scroll{overflow-x:auto}.receipt-drop{border:2px dashed var(--line);border-radius:15px;padding:24px;text-align:center;color:var(--muted);cursor:pointer;background:var(--bg-0)}.receipt-drop.has{border-style:solid;border-color:var(--green)}.receipt-prev{max-width:140px;border-radius:10px;margin-top:10px}.card-pm{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:15px;background:linear-gradient(120deg,#2d2516,#3a2c18);border:1px solid var(--line);margin-bottom:10px}.card-pm .num{font-family:Fraunces,serif;font-size:17px;letter-spacing:1px;color:var(--gold-2)}.card-pm .hd{font-size:12px;color:var(--muted)}.notif-item{display:flex;gap:12px;padding:14px;border-radius:13px;background:var(--bg-0);border:1px solid var(--line);margin-bottom:10px}.notif-item.unread{border-color:var(--gold)}.notif-item .nt b{font-size:13.5px}.notif-item .nt span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.notif-item .nt small{display:block;color:var(--muted-2);font-size:11px;margin-top:5px}.ci{display:flex;gap:13px;align-items:flex-start;padding:16px;border-radius:15px;background:var(--bg-0);border:1px solid var(--line);margin-bottom:12px;cursor:pointer}.ci .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;background:radial-gradient(circle at 35% 30%,var(--gold-2),var(--gold-deep))}.ci b{font-size:14px}.ci span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.game-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.draw-stage{display:flex;align-items:center;gap:22px;flex:1;min-width:280px;background:linear-gradient(135deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:18px 22px}.barrel{width:90px;height:90px;border-radius:50%;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 33% 26%,var(--gold-2),var(--gold) 42%,var(--gold-deep));box-shadow:inset 0 -10px 18px #6e400899,inset 0 4px 8px #ffffff80;font-family:Fraunces,serif;font-weight:900;font-size:38px;color:#3a2208}.barrel.pop{animation:pop .45s cubic-bezier(.2,1.4,.5,1)}@keyframes pop{0%{transform:scale(.4) rotate(-18deg);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1)}}.draw-info{flex:1}.draw-info .lbl{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.draw-info .big{font-family:Fraunces,serif;font-size:22px;font-weight:600;margin:2px 0 12px}.recent{display:flex;gap:7px;flex-wrap:wrap}.recent span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--bg-0);border:1px solid var(--line);color:var(--muted)}.recent span.new{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#3a2208;border-color:var(--gold)}.ctrl-stage{display:flex;flex-direction:column;gap:10px;min-width:180px}.pwin{background:var(--bg-0);border:1px solid var(--line);border-radius:12px;padding:11px 14px;text-align:center}.pwin small{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.pwin b{display:block;color:var(--gold-2);font-family:Fraunces,serif;font-size:20px;font-weight:900}.bag-info{font-size:12px;color:var(--muted);text-align:center}.my-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.lcard{background:linear-gradient(180deg,#f6ecd8,#ecdcbf);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.lcard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lcard-head b{font-family:Fraunces,serif;color:#7a4e16;font-size:15px;font-weight:700}.lcard-head .tag{font-size:10.5px;color:#9c6a28;background:#a8772e29;padding:3px 9px;border-radius:20px;font-weight:700}.grid9{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.cell{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:800;background:#fff7e8;color:#5a3a12;box-shadow:inset 0 0 0 1px #a8772e2e;transition:.2s}.cell.empty{background:transparent;box-shadow:none}.cell.hit{background:radial-gradient(circle at 35% 30%,var(--gold-2),var(--gold) 55%,var(--gold-deep));color:#fff;transform:scale(1.04)}.waitbox{text-align:center;padding:40px 20px}.waitbox .ring{width:120px;height:120px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;border:4px solid var(--line);position:relative}.waitbox .ring b{font-family:Fraunces,serif;font-size:40px;color:var(--gold-2)}.waitbox .ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:4px solid transparent;border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#080503cc}.modal{max-width:440px;width:100%;padding:30px 26px;border-radius:24px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);box-shadow:var(--shadow);max-height:88vh;overflow:auto}.result{text-align:center}.result .emoji{font-size:52px;margin-bottom:8px}.result h2{font-family:Fraunces,serif;font-weight:900;font-size:26px;margin-bottom:8px}.result p{color:var(--muted);font-size:14.5px;margin-bottom:18px}.result .prize{font-family:Fraunces,serif;font-size:34px;font-weight:900;color:var(--gold-2);margin:4px 0 6px}.result .prize.loss{color:var(--red)}.players{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.pl{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:13px;background:var(--panel);border:1px solid var(--line);font-size:12.5px}.pl .av{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#3a2208;background:linear-gradient(180deg,var(--gold-2),var(--gold-deep))}.pl.me .av{background:linear-gradient(180deg,#7fb6e6,#3a6fa8)}.admin-badge{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--blue);background:#6fa8d61f;padding:3px 9px;border-radius:20px;border:1px solid rgba(111,168,214,.3)}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--gold);animation:spin 1s linear infinite;margin:60px auto}@media (max-width:820px){.shell{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;width:248px;z-index:50;transform:translate(-100%);transition:.25s}.side.open{transform:none}.side-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:49}.main{padding:16px 14px 50px}.mobtoggle{display:grid}.grid2,.grid3,.grid4,.buy-wrap{grid-template-columns:1fr}.draw-stage{flex-direction:column;text-align:center}.recent{justify-content:center}}