.shell{min-height:100vh;display:flex;flex-direction:column;background:#000}body,html{margin:0;padding:0;background:#000;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}.topbar{position:-webkit-sticky;position:sticky;top:4px;z-index:20;height:72px;justify-content:center;padding:0 32px 0 42px;border-bottom:1px solid #2a2d36;margin-top:1px}.topbar,.topbar-inner{display:flex;align-items:center;gap:16px}.topbar-inner{width:100%;max-width:1510px;justify-content:flex-start}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.8px;font-size:18px}.brand-logo{height:95px;width:400px;background-image:url(/images/logo-animated-xmas.png);background-position:0 0;background-repeat:no-repeat;background-size:auto;display:block;overflow:hidden;transform:translateY(-2px) scale(.5);transform-origin:left center;position:relative;left:230px}.brand .logo-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#22d3ee);box-shadow:0 0 16px #a855f780}.nav-pills{display:flex;align-items:center;gap:10px;margin-left:12px}.topbar-spacer{flex:1 1}.nav-pill{padding:8px 12px;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#e5e7eb;font-weight:600;cursor:pointer;transition:background .12s ease,border .12s ease}.nav-pill.active{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:hsla(0,0%,100%,.12);color:#f8fafc}.search{margin-left:16px;flex:1 1;position:relative}.search input{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:10px 12px;color:#e5e7eb;font-size:14px}.search input::placeholder{color:#9ca3af}.ticker{padding:8px 12px;border-radius:12px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);color:#34d399;font-weight:700;font-size:13px}.actions,.ticker{display:flex;align-items:center;gap:8px}.actions{margin-left:auto;transform:translateY(-2px)}.btn{border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:13.5px 16px;font-weight:600;font-size:14px;-webkit-font-smoothing:antialiased;text-shadow:none;filter:none;letter-spacing:-.035em;color:#e5e7eb;background:hsla(0,0%,100%,.06);font-family:Aeonik,sans-serif;cursor:pointer;transition:filter .1s ease}.btn.login{background:#2a2e38;border:none;color:#f8fafc}.btn:hover{filter:brightness(1.08);border-color:hsla(0,0%,100%,.14)}.btn.rectangular{border-radius:6px}.btn-primary{background:#7717ff;color:#f8fafc;border:none}.content-area{display:grid;grid-template-columns:1fr;grid-gap:18\px;gap:18\px;padding:0 0 24px 240px;width:100%;max-width:none;margin:0;height:calc(100vh - 72px);overflow:visible}.sidebar{background:#121418;border-radius:0;padding:0 14px 20px;display:flex;flex-direction:column;gap:0;position:fixed;top:0;left:0;height:100vh;width:240px;overflow-y:auto;z-index:25;box-shadow:0 12px 32px rgba(0,0,0,.35);border:1px solid #2a2d36;border-bottom:none;border-left:none}.sidebar-pills{display:flex;gap:8px}.sidebar-container{margin-top:0}.sidebar-search{position:relative}.sidebar-search input{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:10px 12px;color:#e5e7eb;font-size:14px}.sidebar-search input::placeholder{color:#9ca3af}.sidebar-title{font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:#9ca3af;margin:12px -14px 0;padding-top:10px;border-top:1px solid #2a2d36}.sidebar-title:first-of-type{margin-top:74px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#e5e7eb;border:1px solid transparent;background:transparent;transition:transform .1s ease,background .1s ease;will-change:transform}.sidebar-link:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);transform:translate3d(3px,0,0)}.sidebar a,.sidebar-link{text-decoration:none}.sidebar-icon{width:20px;text-align:center;opacity:.9}.sidebar-link.active{background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(109,40,217,.08));border-color:rgba(139,92,246,.5);color:#fff}.main{display:flex;flex-direction:column;gap:16px;align-items:center;padding:7px 17px 24px 16px;box-sizing:border-box;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#4b5563 transparent}.main::-webkit-scrollbar{width:10px}.main::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4b5563,#6b7280);border-radius:10px;border:2px solid rgba(0,0,0,.3)}.main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b7280,#9ca3af)}.promo-section{width:min(1280px,100%);align-self:center;display:flex;flex-direction:column;gap:12px;padding-top:20px;position:relative;z-index:25;overflow:visible}.promo-wrap{align-items:stretch;gap:0;padding-top:8px}.promo-carousel,.promo-wrap{position:relative;display:flex;margin-top:-8px}.promo-carousel{gap:16px;overflow-x:auto;overflow-y:visible;padding:8px 0 0;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;align-self:stretch;-webkit-overflow-scrolling:touch}.promo-carousel::-webkit-scrollbar{display:none}.promo-card{position:relative;border-radius:8px;flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 32px) / 3);min-height:230px;scroll-snap-align:start;overflow:hidden;box-shadow:none;display:block;transition:transform .2s cubic-bezier(.22,.61,.36,1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style}.promo-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.promo-card:hover{transform:translate3d(0,-8px,0);box-shadow:none;filter:none}.promo-scroll{width:44px;height:100%;position:absolute;top:0;bottom:0;display:grid;place-items:center;background:transparent;border:none;padding:0;cursor:pointer;opacity:0;transition:opacity .12s ease;z-index:2}.promo-scroll img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(98%) sepia(5%) saturate(533%) hue-rotate(185deg) brightness(115%) contrast(91%)}.promo-scroll.left{left:-44px;transform:none}.promo-scroll.right{right:-44px;transform:none}.promo-scroll.left img{transform:rotate(90deg)}.promo-scroll.right img{transform:rotate(-90deg)}.promo-wrap:hover .promo-scroll.visible{opacity:1}.promo-scroll:disabled{opacity:0;cursor:default}.promo-top-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.promo-blank{min-height:240px;border-radius:10px;background:#0b0f16;border:1px dashed #2a2d36}.promo-tabs{border-radius:5px;padding:7px 2px;border:none}.promo-tab,.promo-tabs{display:inline-flex;align-items:center;gap:8px;background:#1f2229}.promo-tab{padding:7px 14px;border-radius:6px;color:#bec6d1;font-weight:600;font-size:13.5px;border:none;cursor:pointer;transition:background .12s ease,transform .1s ease;outline:none;will-change:transform,background}.promo-tab:hover{background:#886cff;color:#bec6d1}.promo-tab.active{background:#343843;color:#bec6d1;font-weight:600;cursor:default}.promo-tab:active{background:#5e0fff;color:#bec6d1;transform:translateY(1px) scale(.97);box-shadow:none}.promo-tab.active:active{background:#343843;color:#fff;transform:none}.promo-tab:focus-visible{outline:2px solid #886cff;outline-offset:2px}.promo-tab img{width:16px;height:16px;opacity:.7}.promo-tab.active img,.promo-tab:active img{opacity:1}.promo-search{flex:1 1;min-width:260px}.promo-search-input{width:100%;background:#1f2229 url(/images/search.svg) 12px no-repeat;background-size:16px;border-radius:6px;height:49.2px;padding:12px 12px 12px 36px;border:1px solid transparent;color:#bec6d1;font-size:14px;font-weight:600;outline:none;cursor:text;box-sizing:border-box}.promo-search-input::placeholder{color:#bec6d1}.promo-search-input:active,.promo-search-input:focus,.promo-search-input:focus-visible{border-color:#7717ff}.section{border:none;background:transparent;border-radius:16px;padding:12px 0;display:flex;flex-direction:column;gap:12px;width:min(1280px,100%)}.section-header{justify-content:space-between}.section-header,.section-title{display:flex;align-items:center}.section-title{gap:8px;font-size:24px;font-weight:700;letter-spacing:-.2px;color:#fff;transition:color .16s ease;cursor:pointer}.section-icon{width:22px;height:22px;object-fit:contain;display:block;opacity:.9;transition:opacity .12s ease}.section-title:hover{color:#8b5cf6}.section-actions{display:flex;align-items:center;gap:10px}.view-all{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#fff;background:#1f2229;border:none;border-radius:999px;padding:10px 16px;cursor:pointer;transition:background .1s ease,transform .1s ease;will-change:transform}.view-all:active,.view-all:hover{background:#242833}.view-all:active{transform:scale(.93)}.card-row{--cards-per-view:7.81;--card-gap:16px;position:relative;display:flex;gap:var(--card-gap);overflow-x:auto;overflow-y:visible;padding:12px 0 8px;margin-top:-12px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:3}.card-row::-webkit-scrollbar{display:none}.card-row:after,.card-row:before{content:"";position:absolute;top:0;bottom:0;width:64px;pointer-events:none;opacity:0;transition:opacity .12s ease;will-change:opacity}.card-row.has-right:after{right:0;background:linear-gradient(90deg,rgba(12,14,20,0),rgba(12,14,20,.75) 60%,rgba(12,14,20,.9));opacity:1}.card-row.has-left:before{left:0;background:linear-gradient(270deg,rgba(12,14,20,0),rgba(12,14,20,.75) 60%,rgba(12,14,20,.9));opacity:1}.game-card{position:relative;border-radius:10px;overflow:hidden;flex:0 0 calc((100% - (var(--cards-per-view) - 1) * var(--card-gap)) / var(--cards-per-view));aspect-ratio:3/4.18;color:#f9fafb;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:0;box-shadow:none;transition:transform .2s cubic-bezier(.22,.61,.36,1);text-decoration:none;background-size:cover;background-position:top;background-repeat:no-repeat;background-color:#0b0f16;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style}.card-scrim,.game-card:after{display:none}.game-card[data-slug=blackjack]{background-size:cover}.card-border{position:absolute;inset:0;border-radius:14px;border:2px solid hsla(0,0%,100%,.1);pointer-events:none;z-index:2}.scroll-controls{display:inline-flex;align-items:center;gap:8px}.scroll-btn{width:38px;height:38px;border-radius:50%;border:none;background:#202329;cursor:pointer;display:grid;place-items:center;position:relative;overflow:hidden;padding:0}.scroll-btn:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.14);opacity:0;transition:opacity .12s ease}.scroll-btn:hover{background:#242833;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14)}.scroll-btn:active{filter:brightness(1.15);border-color:transparent}.scroll-btn:active:after{opacity:1}.scroll-btn:disabled{background:#1a1c22;cursor:default;filter:none;box-shadow:none;opacity:.6}.scroll-btn:disabled:after{opacity:0}.scroll-btn img{width:16px;height:16px;opacity:.8}.scroll-btn.left img{transform:rotate(90deg)}.scroll-btn.right img{transform:rotate(-90deg)}.game-card:hover{transform:translate3d(0,-8px,0)}.card-badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.25);z-index:1}.card-footer{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.card-title{font-size:18px;font-weight:800;text-shadow:0 4px 16px rgba(0,0,0,.4)}.card-sub{font-size:14px;color:#e5e7eb;opacity:.9}.muted{color:#9ca3af;font-size:14px}@media (max-width:1100px){.content-area{grid-template-columns:1fr}.sidebar{position:relative;top:0;flex-direction:row;flex-wrap:wrap;gap:8px}.search{display:none}}