@import"https://fonts.googleapis.com/css2?family=Bangers&family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--primary: oklch(.48 .17 150);--primary-dim: oklch(.41 .165 150);--primary-fg: #ffffff;--primary-tint: color-mix(in oklch, var(--primary) 15%, transparent);--background: oklch(.96 .006 145);--surface: oklch(.93 .008 145);--card: #ffffff;--sidebar: oklch(.22 .08 152);--border: oklch(.86 .012 262);--border-faint: oklch(.91 .007 262);--text: oklch(.18 .022 262);--text-muted: oklch(.46 .013 262);--text-faint: oklch(.65 .009 262);--green: #00c896;--red: #ff4d1c;--gold: #f5c842;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 24px rgba(0,0,0,.14);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", "DM Mono", monospace;--font-display: "Bebas Neue", Impact, sans-serif;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--sb-text: #ffffff;--sb-muted: rgba(255,255,255,.6);--sb-faint: rgba(255,255,255,.35);--sb-border: rgba(255,255,255,.12);--sb-hover: rgba(255,255,255,.08);--sb-active: rgba(255,255,255,.15);--sb-input-bg: rgba(255,255,255,.1)}.dark{--background: oklch(.17 .025 152);--surface: oklch(.22 .03 152);--card: oklch(.25 .028 152);--sidebar: oklch(.19 .04 152);--border: oklch(.36 .02 262);--border-faint: oklch(.32 .015 262);--text: #ffffff;--text-muted: oklch(.58 .01 262);--text-faint: oklch(.45 .008 262);--shadow-sm: 0 2px 12px rgba(0,0,0,.35);--shadow-md: 0 4px 24px rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;background:var(--background);color:var(--text);overflow-x:hidden}body{font-family:var(--font-sans)}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .3s ease forwards}.slide-in{animation:slideIn .25s ease forwards}.safe-top{padding-top:env(safe-area-inset-top,16px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}.scroll-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.app-shell{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:280px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);overflow-y:auto;padding:16px 0}.sidebar-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.sidebar-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.sidebar-drawer-panel{position:absolute;top:0;left:0;bottom:0;width:280px;background:var(--sidebar);overflow-y:auto;padding:16px 0;border-right:1px solid var(--border);animation:slideIn .22s ease forwards}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--background)}.right-panel{width:360px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:16px;align-content:start}@media (min-width: 1100px){html{font-size:15px}.mobile-only{display:none!important}}@media (max-width: 1099px){.desktop-only{display:none!important}.right-panel,.sidebar{display:none}.game-grid{gap:12px;padding:12px}}@media (max-width: 599px){html{font-size:13px}.game-grid{grid-template-columns:1fr;gap:10px;padding:10px}.mobile-wrap{max-width:480px;margin:0 auto}}.qp-pill{position:relative;overflow:hidden;cursor:pointer}.qp-foil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0,transparent 2px,rgba(255,255,255,.07) 2px,rgba(255,255,255,.07) 3px),linear-gradient(112deg,#021c0cf0,#004824d1,#008241ad,#14aa5abd,#008c46b3,#004824d1 80%,#021c0ced);transform:translate(0) skew(-6deg);transition:transform .36s cubic-bezier(.65,0,.35,1)}@media (hover: hover){.qp-pill:hover .qp-foil{transform:translate(118%) skew(-6deg)}}.qp-pill:active .qp-foil,.qp-foil-off .qp-foil{transform:translate(118%) skew(-6deg)}.qp-foil-inner{position:relative;z-index:2}.qp-locked{opacity:.28!important;pointer-events:none}.qp-metric-btn:hover{transform:translateY(-2px)!important;box-shadow:0 7px 20px #00000080!important}.qp-metric-btn:active{transform:translateY(0)!important}.qp-metric-wrap{overflow:hidden;max-height:80px;padding-top:3px;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .24s ease,margin-bottom .32s ease,padding-top .32s ease;margin-bottom:5px;opacity:1}.qp-metric-wrap:last-child{margin-bottom:0}.qp-metric-collapsed{max-height:0!important;opacity:0!important;margin-bottom:0!important;padding-top:0!important;pointer-events:none}.game-grid-top5{display:flex;flex-direction:column;gap:8px;padding:8px 11px}@keyframes palmGlisten{0%,to{filter:brightness(1) saturate(1) drop-shadow(0 0 0px transparent)}7%{filter:brightness(1.6) saturate(1.9) drop-shadow(0 0 6px rgba(255,228,72,.8))}11%{filter:brightness(1) saturate(1) drop-shadow(0 0 0px transparent)}33%{filter:brightness(1.3) saturate(1.5) drop-shadow(0 0 4px rgba(0,255,160,.6))}37%{filter:brightness(1) saturate(1) drop-shadow(0 0 0px transparent)}61%{filter:brightness(1.7) saturate(2.1) drop-shadow(0 0 7px rgba(255,220,50,.85))}66%{filter:brightness(1) saturate(1) drop-shadow(0 0 0px transparent)}84%{filter:brightness(1.2) saturate(1.4) drop-shadow(0 0 3px rgba(0,220,140,.5))}88%{filter:brightness(1) saturate(1) drop-shadow(0 0 0px transparent)}}.palm-shimmer{display:inline-block;animation:palmGlisten 7s ease-in-out infinite}.hdr-util-btn{flex:1;padding:9px 4px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#00000038;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .13s,box-shadow .13s}.hdr-util-btn:active{transform:translateY(1px)!important}@keyframes vip-glow{0%,to{box-shadow:0 2px 10px #0000008c,0 0 8px #f5c8422e}50%{box-shadow:0 2px 18px #0000008c,0 0 28px #f5c842a6,0 0 55px #f5c84240}}@keyframes bill-float{0%,to{transform:translateY(0) rotate(-15deg) scale(1);opacity:.9}30%{transform:translateY(-4px) rotate(8deg) scale(1.15);opacity:1}65%{transform:translateY(-2px) rotate(-5deg) scale(.92);opacity:.72}}.vip-ribbon-corner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:10}.vip-ribbon{position:absolute;top:10px;right:-220px;width:500px;background:linear-gradient(180deg,#ffe07a,#f5c842 30%,#d49308,#b8760a);color:#1a0800;font-family:Impact,Arial Black,sans-serif;font-size:26px;letter-spacing:1px;font-weight:900;text-align:center;padding:8px 0;transform:rotate(45deg) translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;border-top:1px solid rgba(255,245,130,.6);border-bottom:1px solid rgba(140,85,0,.5);animation:vip-glow 2.4s ease-in-out infinite;pointer-events:auto;white-space:nowrap}.vip-ribbon-cta{cursor:pointer}.vip-bill{position:absolute;pointer-events:none;animation:bill-float 3.2s ease-in-out infinite;line-height:1}.vip-bill-1{top:7px;right:52px;font-size:13px;animation-delay:0s}.vip-bill-2{top:56px;right:5px;font-size:11px;animation-delay:-1.3s}.vip-bill-3{top:20px;right:9px;font-size:10px;animation-delay:-.65s}.dcol-head{padding:12px 20px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:5;font-family:var(--font-display);font-size:13px;color:var(--text-faint);letter-spacing:2px}