:root{--bg:#1a0a0a;--bg-dark:#120707;--bg-card:#2a1212;--bg-card-darker:#1e0d0d;--red:#e74c3c;--red-dark:#c0392b;--red-glow:#e74c3c4d;--gold:#f1c40f;--text:#fff;--text-dim:#b0a0a0;--text-muted:#7a6a6a;--border:#3a1a1a;--green:#2ecc71}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:radial-gradient(at 50% 0,#2a0f0f 0%,#1a0a0a 50%,#0d0505 100%);min-height:100vh;font-family:Inter,Arial,sans-serif;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--border);z-index:100;background:#1a0a0a;align-items:center;gap:16px;padding:10px 24px;display:flex}.nav-left{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:18px;font-size:12px;font-weight:600;display:flex}.nav-left a,.nav-left span{color:var(--text-dim);cursor:pointer;text-decoration:none;transition:color .2s}.nav-left a:hover{color:var(--red)}.nav-left .social-icons{gap:8px;margin-left:4px;display:flex}.nav-left .social-icons svg{width:16px;height:16px;fill:var(--text-dim);cursor:pointer}.nav-left .social-icons svg:hover{fill:var(--red)}.nav-center{align-items:center;gap:24px;margin:0 auto;display:flex}.nav-stat{text-align:center;text-decoration:none}.nav-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:10px;font-weight:700;display:block}.nav-stat-value{color:var(--green);font-family:Oswald,sans-serif;font-size:16px;font-weight:700}.nav-logo{text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(#ff6b4a,#e74c3c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Oswald,sans-serif;font-size:28px;font-weight:700}.nav-logo span{background:linear-gradient(#fff,#ddd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-right{align-items:center;gap:12px;display:flex}.btn-steam{color:#c7d5e0;cursor:pointer;background:linear-gradient(135deg,#1b2838,#2a475e);border:1px solid #4a90c2;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-steam:hover{background:linear-gradient(135deg,#2a475e,#3a6080);border-color:#66b0e8}.btn-steam svg{fill:#c7d5e0;width:18px;height:18px}.user-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.user-chip img{border:2px solid var(--red);border-radius:50%;width:28px;height:28px}.user-chip a{color:var(--text-dim);margin-left:8px;font-size:11px;text-decoration:none}.main-layout{flex:1;grid-template-columns:340px 1fr 300px;gap:16px;min-height:0;padding:16px 24px;display:grid}.sidebar-left{flex-direction:column;gap:16px;display:flex}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden}.panel-header{background:var(--red);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.06em;padding:10px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600}.history-list{flex-direction:column;gap:6px;max-height:520px;padding:8px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:var(--bg-card-darker)}.history-list::-webkit-scrollbar-thumb{background:var(--red-dark);border-radius:4px}.history-item{background:var(--bg-card-darker);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s;display:flex}.history-item:hover{border-color:var(--red)}.history-avatar{border:2px solid var(--red);object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.history-info{flex:1;min-width:0}.history-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.history-details{color:var(--text-dim);font-size:11px;line-height:1.4}.history-details strong{color:var(--green);font-weight:700}.history-details .chance{color:var(--red)}.history-details .ticket{color:var(--gold);font-family:Courier New,monospace}.largest-pot{text-align:center;padding:16px}.largest-pot-avatar{border:3px solid var(--red);object-fit:cover;border-radius:50%;width:80px;height:80px;margin:10px auto}.largest-pot-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.largest-pot-amount{color:var(--green);font-size:13px;font-weight:600}.largest-pot-chance{color:var(--text-dim);font-size:11px}.largest-pot-ticket{color:var(--gold);font-family:Courier New,monospace;font-size:10px}.game-area{flex-direction:column;gap:16px;display:flex}.pot-display{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;display:flex;overflow:hidden}.pot-value{text-align:center;color:var(--green);flex:1;padding:16px;font-family:Oswald,sans-serif;font-size:42px;font-weight:700}.pot-timer-wrap{flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.pot-timer-bg{border:4px solid var(--border);border-radius:50%;position:absolute;inset:0}.pot-timer-circle{border:4px solid #0000;border-top-color:var(--red);border-radius:50%;transition:transform 1s linear;position:absolute;inset:0;transform:rotate(-90deg)}.pot-timer{color:var(--text);z-index:2;font-family:Oswald,sans-serif;font-size:56px;font-weight:700}.pot-players{text-align:center;color:var(--text-dim);flex:1;padding:16px;font-family:Oswald,sans-serif;font-size:32px;font-weight:600}.pot-players small{color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px;font-weight:400;display:block}.deposit-btn{background:linear-gradient(180deg, var(--red), var(--red-dark));color:#fff;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;border-radius:6px;width:100%;padding:18px;font-family:Oswald,sans-serif;font-size:20px;font-weight:700;transition:all .2s}.deposit-btn:hover{background:linear-gradient(180deg, #ff6b4a, var(--red));box-shadow:0 4px 20px var(--red-glow);transform:translateY(-1px)}.items-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:1;display:flex;overflow:hidden}.items-header{border-bottom:1px solid var(--border);text-transform:uppercase;color:var(--text-dim);padding:12px 16px;font-family:Oswald,sans-serif;font-size:16px;font-weight:600}.items-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:340px;padding:12px;display:grid;overflow-y:auto}.items-grid::-webkit-scrollbar{width:4px}.items-grid::-webkit-scrollbar-track{background:var(--bg-card-darker)}.items-grid::-webkit-scrollbar-thumb{background:var(--red-dark);border-radius:4px}.item-card{background:var(--bg-card-darker);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;padding:8px;transition:border-color .2s;display:flex;position:relative}.item-card:hover{border-color:var(--red)}.item-card img{object-fit:contain;width:64px;height:64px;margin-bottom:4px}.item-card .item-name{color:var(--text-dim);text-align:center;max-height:28px;font-size:9px;line-height:1.2;overflow:hidden}.item-card .item-price{color:var(--green);margin-top:2px;font-size:10px;font-weight:700}.item-card .item-avatar{border:2px solid var(--red);object-fit:cover;border-radius:50%;width:22px;height:22px;position:absolute;top:-6px;right:-6px}.sidebar-right{flex-direction:column;gap:16px;display:flex}.chat-panel{flex-direction:column;flex:1;display:flex}.chat-header{background:var(--red);color:#fff;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.chat-header .online{align-items:center;gap:6px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:6px;max-height:300px;padding:10px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-card-darker)}.chat-messages::-webkit-scrollbar-thumb{background:var(--red-dark);border-radius:4px}.chat-msg{align-items:flex-start;gap:8px;display:flex}.chat-msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.chat-msg-name{color:var(--red);font-size:12px;font-weight:700}.chat-msg-text{color:var(--text-dim);font-size:12px;line-height:1.4}.chat-input-wrap{border-top:1px solid var(--border);padding:8px 10px}.chat-input{background:var(--bg-card-darker);border:1px solid var(--border);width:100%;color:var(--text);border-radius:4px;outline:none;padding:10px 12px;font-size:12px}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--red)}.announcements-panel .panel-header,.affiliate-panel .panel-header{background:var(--bg-card-darker);border-bottom:1px solid var(--border)}.announcements-content,.affiliate-content{text-align:center;padding:16px}.announcements-content p,.affiliate-content p{color:var(--text-dim);margin-bottom:10px;font-size:13px;line-height:1.5}.announcements-content a{color:var(--red);text-decoration:underline}.announcements-gift{margin:12px 0;font-size:60px}.announcements-btn{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 24px;font-size:13px;font-weight:700;transition:background .2s;display:inline-block}.announcements-btn:hover{background:var(--red-dark)}.affiliate-link-box{background:var(--bg-card-darker);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;margin:10px 0;padding:10px;display:flex}.affiliate-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:700}.affiliate-code{overflow-wrap:anywhere;color:var(--gold);word-break:break-all;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:block}.affiliate-copy{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:center;padding:8px 20px;font-size:12px;font-weight:700;transition:background .2s}.affiliate-copy:hover{background:var(--red-dark)}.affiliate-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.affiliate-stats div{background:var(--bg-card-darker);border:1px solid var(--border);border-radius:6px;padding:10px}.affiliate-stats span{text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.affiliate-stats strong{color:var(--green);font-size:16px}.affiliate-btns{justify-content:center;gap:8px;margin-top:4px;display:flex}.affiliate-claim{background:var(--green,#00b34a);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 20px;font-size:12px;font-weight:700;transition:background .2s}.affiliate-claim:hover{background:#009a3f}.affiliate-login-wrap{text-align:center;padding:12px 0 4px}.affiliate-login-wrap p{color:var(--text-muted);margin-bottom:8px;font-size:12px}.rolling-overlay{z-index:1000;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.rolling-overlay.active{display:flex}.rolling-pointer{background:var(--gold);z-index:10;border-radius:2px;width:4px;height:60px;margin-bottom:-4px;position:relative;box-shadow:0 0 20px #f1c40f99}.rolling-pointer:before{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:14px solid var(--gold);width:0;height:0;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.rolling-strip-container{border:2px solid var(--red);background:var(--bg-dark);border-radius:8px;width:min(900px,90vw);height:120px;position:relative;overflow:hidden}.rolling-strip{will-change:transform;gap:8px;height:100%;padding:8px;transition:none;display:flex;position:absolute;top:0;left:0}.rolling-strip.spinning{transition:transform 4s cubic-bezier(.15,.85,.25,1)}.rolling-avatar{border:3px solid var(--border);object-fit:cover;border-radius:50%;flex-shrink:0;width:100px;height:100px;transition:border-color .3s}.rolling-avatar.winner{border-color:var(--gold);box-shadow:0 0 30px #f1c40f80}.rolling-winner-info{text-align:center;margin-top:24px;display:none}.rolling-winner-info.show{display:block}.rolling-winner-info .winner-name{color:var(--gold);font-family:Oswald,sans-serif;font-size:36px;font-weight:700}.rolling-winner-info .winner-amount{color:var(--green);margin-top:4px;font-size:18px;font-weight:700}.rolling-winner-info .winner-chance{color:var(--text-dim);margin-top:4px;font-size:14px}@media (width<=1100px){.main-layout{grid-template-columns:1fr}.sidebar-left,.sidebar-right{display:none}}