@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--bg:#07100e;--panel:#0d1916;--panel2:#12211d;--line:#20322d;--text:#f4f7f5;--muted:#81918c;--lime:#b6f236;--gold:#ffbb4d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08120fdd;align-items:center;gap:6vw;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{letter-spacing:1px;align-items:center;gap:12px;font-family:Manrope;font-weight:800;display:flex}.brand b{color:var(--lime)}.logo{background:var(--lime);color:#07100e;border-radius:10px;place-items:center;width:38px;height:38px;line-height:10px;display:grid;transform:rotate(-8deg)}.logo i{font-style:normal;display:block}.topbar nav{align-self:stretch;gap:32px;display:flex}.topbar nav a{color:#8d9d98;align-items:center;font-weight:600;display:flex;position:relative}.topbar nav .active{color:#fff}.topbar nav .active:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:0;left:0;right:0}.profile{align-items:center;gap:15px;margin-left:auto;display:flex}.profile>div{text-align:right}.profile small,.profile strong{display:block}.profile small{color:var(--muted);font-size:11px}.profile strong{font-size:14px}.avatar{background:#2f594d;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.bell{color:var(--lime);background:0 0;border:0}.hero{background:radial-gradient(circle at 68% 40%,#19352d 0,#0000 40%);grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:500px;padding:58px 7vw;display:grid}.eyebrow,.liveDot+b{color:var(--lime);letter-spacing:2px;font-size:11px;font-weight:700}.hero h1{margin:16px 0;font-family:Manrope;font-size:64px;line-height:1.05}.hero h1 em{color:var(--lime);font-style:normal}.hero p{color:#9baba6;max-width:500px;font-size:17px;line-height:1.7}.heroActions{gap:12px;margin-top:30px;display:flex}.primary,.secondary{border-radius:10px;padding:15px 22px;font-weight:700}.primary{background:var(--lime);border:1px solid var(--lime);color:#0b120f}.secondary{color:#fff;background:#14221e;border:1px solid #2b3b36}.tablePreview{perspective:700px}.felt{background:radial-gradient(circle,#245f4e,#12382f);border:14px solid #1e2a27;border-radius:50%;height:330px;position:relative;transform:rotateX(12deg);box-shadow:0 35px 60px #0009,inset 0 0 40px #0005}.seat{background:#192723;border:1px solid #355047;border-radius:20px;padding:7px 14px;font-size:12px;position:absolute}.seat.top{top:15px;left:45%}.seat.left{top:47%;left:10px}.seat.right{color:var(--lime);top:47%;right:10px}.chain{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tile{color:#111;background:#eee9de;border-radius:5px;flex-direction:column;width:34px;height:64px;margin:1px;display:flex;transform:rotate(90deg);box-shadow:1px 2px 4px #0008}.tile i{border-bottom:1px solid #777;place-items:center;height:50%;font-size:11px;font-style:normal;line-height:8px;display:grid}.tile i:last-child{border:0}.score{color:#aec0ba;font-size:12px;position:absolute;bottom:34px;right:24%}.score small,.score b{display:block}.score b{color:#fff;font-size:18px}.content{background:#0a1411;padding:58px 7vw}.sectionHead{justify-content:space-between;align-items:end;display:flex}.sectionHead h2{margin:8px 0 18px;font:800 32px Manrope}.liveDot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.filter{color:#a9b5b1;background:#14211e;border:1px solid #2b3a36;border-radius:9px;padding:10px 15px}.tabs{gap:7px;margin-bottom:22px;display:flex}.tabs button{color:#899994;background:0 0;border:1px solid #283934;border-radius:20px;padding:9px 16px}.tabs .selected{background:var(--lime);color:#0b120f;border-color:var(--lime);font-weight:700}.roomGrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.room{background:var(--panel2);border:1px solid var(--line);border-radius:14px;grid-template-columns:66px 1fr auto;align-items:center;gap:15px;padding:16px;display:grid}.mode{text-align:center;color:#111;border-radius:12px;place-content:center;height:70px;font:800 24px Manrope;display:grid}.mode small{letter-spacing:1px;font-size:8px;display:block}.mode.gold{background:#f7b84b}.mode.violet{background:#a777f3}.mode.blue{background:#64a9e8}.status{color:var(--lime);font-size:9px}.room h3{margin:6px 0;font-size:15px}.room p{color:#83938e;margin:0;font-size:11px}.room p i{border-left:1px solid #52615d;height:10px;margin:0 8px;display:inline-block}.stake{text-align:right}.stake small,.stake strong{display:block}.stake small{color:#758580;font-size:9px}.stake strong{margin:3px 0 8px;font-size:13px}.stake button{color:#fff;background:0 0;border:1px solid #3e504a;border-radius:7px;padding:7px 10px;font-size:11px}.stake button:hover{background:var(--lime);color:#101610}.quick{background:linear-gradient(100deg,#152c25,#17241f);border:1px solid #29463c;border-radius:15px;justify-content:space-between;align-items:center;margin:30px 7vw 60px;padding:22px 28px;display:flex}.quick>div{align-items:center;gap:15px;display:flex}.quick>div>span{background:#294a3f;border-radius:10px;padding:12px;font-size:20px}.quick b{font:700 18px Manrope}.quick p{color:#81918c;margin:3px 0;font-size:12px}.quickBtns button{color:#fff;background:0 0;border:1px solid #41534d;padding:10px 18px}.quickBtns button:first-child{border-radius:8px 0 0 8px}.quickBtns .find{background:var(--lime);border-color:var(--lime);color:#101610;border-radius:8px;margin-left:10px;font-weight:700}@media (max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:45px}.tablePreview{display:none}.roomGrid{grid-template-columns:1fr}.quick{flex-direction:column;align-items:flex-start;gap:20px}.quickBtns{width:100%}.content{padding-left:4vw;padding-right:4vw}}@media (max-width:520px){.topbar{padding:0 4vw}.profile>div{display:none}.hero{min-height:420px;padding:38px 5vw}.hero h1{font-size:39px}.heroActions button{flex:1;padding:13px 10px}.sectionHead h2{font-size:26px}.tabs{overflow:auto}.room{grid-template-columns:55px 1fr auto;gap:10px;padding:12px}.mode{height:60px}.quick{margin:20px 4vw}.quickBtns{grid-template-columns:1fr 1fr;display:grid!important}.quickBtns .find{grid-column:1/3;margin:4px 0 0}}