:root{--bg:#090b0d;--side:#101318;--panel:#15191f;--panel2:#1c2027;--line:#292e36;--text:#f5f3ed;--muted:#9298a3;--amber:#ff8a00;--gold:#ffc45b;--cream:#fff2d1;--green:#5ee49b;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,Arial,sans-serif}button,input{font:inherit}button,a{color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:var(--side);border-right:1px solid var(--line);padding:24px 18px;z-index:30;display:flex;flex-direction:column;overflow:auto}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font:900 24px/1 Arial,sans-serif;letter-spacing:.04em}.logo-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--gold),var(--amber));color:#171008;box-shadow:0 8px 24px #ff8a0033;transform:rotate(-4deg)}.logo small{display:block;color:var(--muted);font:700 9px/1.4 Arial;letter-spacing:.2em;text-transform:uppercase;margin-top:4px}.mode-switch{margin:28px 0 12px;display:grid;grid-template-columns:1fr 1fr;background:#191d23;padding:4px;border-radius:13px}.mode-switch button{border:0;background:transparent;color:#6f7580;padding:10px;border-radius:10px;font-weight:800}.mode-switch .active{background:#713d05;color:#ffbc5d}.side-search,.main-search{display:flex;align-items:center;gap:10px;background:#0b0e12;border:1px solid #222731;border-radius:12px;padding:0 14px}.side-search{min-height:46px}.side-search span,.main-search span{color:#858c98;font-size:24px}.side-search input,.main-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;padding:12px 0}.nav-title{margin:24px 10px 8px;color:#565d68;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.sidebar nav a,.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#9da3ad;text-decoration:none;padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer}.sidebar nav a:hover,.sidebar nav button:hover,.sidebar nav .active{background:#1b2027;color:#fff}.sidebar nav span{width:18px;color:#7e8793;text-align:center}.sidebar nav .active span{color:var(--amber)}.side-bottom{margin-top:auto;padding:14px;background:#1a1e24;border:1px solid #252a32;border-radius:14px;display:flex;align-items:center;gap:10px}.side-bottom div{flex:1}.side-bottom strong,.side-bottom small{display:block}.side-bottom small{color:var(--muted)}.side-bottom button{border:0;background:#262b33;border-radius:9px;width:34px;height:34px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #5ee49b1f}main{margin-left:264px;min-width:0}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #161a20;position:relative;z-index:2}.ticker{color:var(--muted);font-size:13px}.ticker span{color:var(--green);font-weight:900;margin-right:8px}.top-actions{display:flex;gap:10px}.primary,.ghost,.outline{border:0;border-radius:12px;padding:13px 20px;font-weight:900;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(135deg,#ff9d1c,#ff7100);color:#1a0e00;box-shadow:0 10px 30px #ff79002d}.ghost{background:#1b1f25}.outline{border:1px solid var(--line);background:transparent}.hero{min-height:540px;padding:58px 42px 40px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;width:560px;height:560px;right:-120px;top:-170px;border:1px solid #ff8a001d;border-radius:50%;box-shadow:0 0 0 70px #ff8a0006,0 0 0 140px #ff8a0004}.hero-copy{position:relative;z-index:2}.kicker,.section-title span{color:var(--amber);font-size:11px;font-weight:900;letter-spacing:.2em}.hero h1{font:900 clamp(46px,6vw,84px)/.94 Arial Black,Arial,sans-serif;letter-spacing:-.055em;margin:17px 0 22px;max-width:850px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ffc064}.hero-copy>p{max-width:610px;color:#a6abb3;font-size:18px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{text-decoration:none;color:#d8d8d8;font-weight:800}.hero-art{height:430px;position:relative}.halo{position:absolute;inset:30px 5% 20px 12%;background:radial-gradient(circle,#ffb23938,transparent 66%);filter:blur(7px)}.beer-glass{position:absolute;width:170px;height:300px;left:35%;top:72px;border:3px solid #ffce78;border-radius:16px 16px 38px 38px;background:linear-gradient(90deg,#7b310d,#f28a0b 52%,#8b3708);box-shadow:0 35px 90px #ff7b003d,inset 18px 0 25px #ffce3f28;transform:rotate(5deg);z-index:2}.beer-glass:after{content:"";position:absolute;width:76px;height:132px;right:-67px;top:65px;border:19px solid #e88b21;border-left:0;border-radius:0 60px 60px 0}.foam{position:absolute;left:-8px;right:-8px;top:-18px;height:58px;background:#fff0c8;border-radius:35px 35px 20px 20px;box-shadow:32px -18px 0 -8px #fff0c8,83px -12px 0 -5px #fff0c8}.shine{position:absolute;width:16px;height:180px;left:24px;top:54px;border-radius:20px;background:#fff6c75e}.hero-card{position:absolute;width:116px;aspect-ratio:384/516;border-radius:14px;overflow:hidden;border:2px solid #ffffff1f;box-shadow:0 20px 50px #000}.hero-card img{width:100%;height:100%;object-fit:cover}.card-a{left:4%;top:25px;transform:rotate(-12deg)}.card-b{right:2%;bottom:20px;transform:rotate(11deg)}.stamp{position:absolute;right:8%;top:30px;width:76px;height:76px;border-radius:50%;border:1px solid #ffb43c;display:grid;place-items:center;color:#ffb43c;font-weight:900;transform:rotate(8deg)}.stamp small{font-size:7px;position:absolute;bottom:12px}.controls{position:sticky;top:0;z-index:20;display:flex;gap:14px;padding:16px 42px;background:#090b0de8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:4px;background:#15191f;padding:4px;border-radius:13px;overflow:auto}.filter-tabs button{white-space:nowrap;border:0;background:transparent;color:#8f96a1;padding:10px 16px;border-radius:9px;font-weight:800;cursor:pointer}.filter-tabs .active{background:var(--amber);color:#211100}.main-search{margin-left:auto;width:min(360px,40%);background:#15191f}.games-section{padding:54px 42px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.section-title h2,.about h2,.club-banner h2{font:900 clamp(30px,4vw,50px)/1 Arial Black,Arial,sans-serif;letter-spacing:-.04em;margin:7px 0 0}.section-title p{color:var(--muted);max-width:400px;margin:0}.games-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.game-card{min-width:0;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid #2b3038;cursor:pointer;transition:transform .22s,border-color .22s}.game-card:hover{transform:translateY(-6px);border-color:#ff9d1c}.game-card img{display:block;width:100%;aspect-ratio:384/516;object-fit:cover}.game-info{position:absolute;inset:auto 0 0;padding:42px 12px 12px;background:linear-gradient(transparent,#080a0df2)}.game-info b,.game-info small{display:block}.game-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-info small{color:#b3b7be;font-size:11px}.play{position:absolute;inset:0;display:grid;place-items:center;background:#0a0c0fbf;opacity:0;transition:opacity .2s}.game-card:hover .play{opacity:1}.play span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--amber);color:#211100;font-size:19px}.club-banner{margin:18px 42px;padding:44px;border:1px solid #6d4417;border-radius:22px;background:radial-gradient(circle at 15% 10%,#ff8a0024,transparent 30%),linear-gradient(115deg,#2c1708,#12100e 60%,#17191d);display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{padding:18px;border-left:1px solid #70491e}.stats b,.stats span{display:block}.stats b{font:900 34px/1 Arial;color:var(--gold)}.stats span{color:#a49a8d;font-size:12px;margin-top:8px}.about{padding:80px 42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:#111419;border-top:1px solid var(--line)}.about-copy{font-size:17px;color:#aeb3bb}.notice{display:flex;align-items:center;gap:18px;padding:18px;margin-top:28px;border:1px solid #413521;background:#191711;border-radius:14px}.notice b{display:grid;place-items:center;min-width:58px;height:58px;border-radius:50%;background:var(--amber);color:#231400;font-size:18px}footer{padding:32px 42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted)}footer p{margin:0}footer>div{display:flex;gap:20px}footer a{color:inherit;text-decoration:none}.footer-logo{color:#fff;font-size:18px}.footer-logo .logo-mark{width:36px;height:36px}.mobile-menu{display:none}.toast{position:fixed;z-index:99;right:24px;bottom:24px;background:#fff2d1;color:#211100;padding:14px 18px;border-radius:12px;font-weight:800;transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.empty{grid-column:1/-1;padding:70px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}@media(max-width:1200px){.games-grid{grid-template-columns:repeat(4,1fr)}.hero{grid-template-columns:1fr .75fr}.hero h1{font-size:58px}}@media(max-width:880px){.mobile-menu{display:grid;place-items:center;position:fixed;z-index:50;left:16px;top:16px;width:44px;height:44px;border:1px solid #373b42;border-radius:12px;background:#171b20;color:#fff}.sidebar{transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 60px #000}.sidebar.open{transform:none}main{margin-left:0}.topbar{padding-left:74px}.hero{grid-template-columns:1fr;padding:48px 22px}.hero-art{height:320px}.beer-glass{transform:scale(.75) rotate(5deg);transform-origin:center}.controls,.games-section{padding-left:22px;padding-right:22px}.games-grid{grid-template-columns:repeat(3,1fr)}.club-banner{margin-left:22px;margin-right:22px;grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:30px;padding:60px 22px}footer{padding:28px 22px}}@media(max-width:560px){.topbar{height:72px;padding-right:14px}.ticker{display:none}.top-actions{margin-left:auto}.top-actions .ghost{display:none}.hero{padding-top:32px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-art{height:260px}.beer-glass{left:29%;top:30px;transform:scale(.62) rotate(5deg);transform-origin:top center}.hero-card{width:82px}.controls{align-items:stretch;flex-direction:column}.main-search{width:100%;margin:0}.games-grid{grid-template-columns:repeat(2,1fr);gap:10px}.featured-grid .game-card:first-child{grid-column:span 2}.section-title{align-items:start;flex-direction:column}.club-banner{padding:28px}.stats{grid-template-columns:1fr}.about h2{font-size:37px}footer{align-items:flex-start;flex-direction:column;gap:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}