@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600;700;800&family=Roboto:wght@400;500;600;700;800;900&display=swap";:root{--text-primary: #FFFFFF;--bgd-peach: #F0CFAA;--bgd-pearl: #FCF6EE;--gold-33: #FFD02F;--gold-bright: #FFF873;--petrol-dark: #002425;--petrol-mid: #003C3D;--petrol-light: #005C5F;--bronze-surface: #33251A;--obsidian-surface: #051314;--canvas-bg: #041011}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;max-width:100vw;background-color:var(--canvas-bg);background-image:radial-gradient(circle at 18% 18%,rgba(0,92,95,.32) 0%,transparent 46%),radial-gradient(circle at 82% 74%,rgba(240,207,170,.16) 0%,transparent 48%),linear-gradient(180deg,#002223,#041011 55%,#0e0b08);background-attachment:fixed;background-size:cover;color:var(--text-primary);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:1.65}a{color:var(--gold-33);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease,transform .2s ease}a:hover,a:focus-visible{color:var(--bgd-peach)}h1,h2{color:var(--bgd-pearl);font-family:Roboto,sans-serif;margin-top:0;line-height:1.28}h3,h4{color:var(--bgd-peach);font-family:Roboto,sans-serif;margin-top:0;line-height:1.28}h1{font-size:32px;font-weight:800;text-align:center;margin-bottom:18px}h2{font-size:28px;font-weight:800;text-align:center;margin-bottom:16px}h3{font-size:22px;font-weight:700;margin-bottom:12px}h4{font-size:19px;font-weight:700;margin-bottom:10px}p{margin-top:0;margin-bottom:16px;color:#fff}ul,ol{margin-top:0;margin-bottom:18px;padding-left:22px}li{margin-bottom:10px;color:#fff}img{max-width:100%;height:auto;display:block}.site-container{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}.wide-banner-container{width:100%;max-width:1200px;margin:18px auto 0;padding:0 12px}.sticky-top-header{position:sticky;top:0;z-index:999;background-image:linear-gradient(90deg,#003c3d,#004546,#005c5f);box-shadow:0 5px 14px #f0cfaabf;border-bottom:2px solid #F0CFAA;padding:10px 0}.header-flex{display:flex;align-items:center;justify-content:space-between;max-width:1140px;margin:0 auto;padding:0 16px;gap:12px}.header-col-logo{width:25%;display:flex;align-items:center}.header-logo-link{display:inline-block;text-decoration:none;border-radius:10px;overflow:hidden}.header-logo-img{width:200px;max-width:100%;height:auto;border-radius:8px}.header-col-nav{width:50%}.header-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;margin:0;padding:0}.header-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fcf6ee;padding:6px 4px;border-radius:10px;transition:transform .2s ease,color .2s ease}.header-nav-item svg{width:36px;height:36px;fill:currentColor;margin-bottom:4px;transition:color .2s ease,transform .2s ease}.header-nav-label{font-family:Roboto,sans-serif;font-size:14px;font-weight:900;text-transform:uppercase;color:inherit;letter-spacing:.5px}.header-nav-item:hover,.header-nav-item:focus-visible{transform:scale(1.1);color:#ffd02f}.header-col-actions{width:25%;display:flex;align-items:center;justify-content:flex-end;gap:10px}.btn-groove-register,.btn-groove-login{display:inline-flex;align-items:center;justify-content:center;color:#002425;font-family:Roboto,sans-serif;font-size:18px;font-weight:900;text-transform:uppercase;text-decoration:none;padding:9px 16px;border-radius:10px;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;transition:background .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease}.btn-groove-register{background:linear-gradient(180deg,#fff873,#ffd02f 55%,#e0a800);border:3px groove #FCF6EE;box-shadow:0 0 10px #ffd02fcc}.btn-groove-login{background:linear-gradient(180deg,#fcf6ee,#f0cfaa 55%,#d4ab7e);border:3px groove #FFD02F;box-shadow:0 0 10px #f0cfaacc}.btn-groove-register:hover,.btn-groove-login:hover,.btn-groove-register:focus-visible,.btn-groove-login:focus-visible{background:#051314;color:#ffd02f;border-color:#ffd02f;transform:scale(1.08)}.sticky-mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background-image:linear-gradient(90deg,#003c3d,#004546,#005c5f);box-shadow:0 -4px 12px #f0cfaabf;border-top:2px solid #F0CFAA;padding:6px 4px}.mobile-bottom-grid{display:flex;width:100%;margin:0;padding:0;list-style:none}.mobile-bottom-item{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fcf6ee;padding:4px 2px;transition:color .2s ease,transform .2s ease}.mobile-bottom-item svg{width:26px;height:26px;fill:currentColor;margin-bottom:3px}.mobile-bottom-label{font-size:12px;font-weight:900;text-transform:uppercase;text-align:center;color:inherit}.mobile-bottom-item:hover,.mobile-bottom-item:focus-visible{color:#ffd02f;transform:scale(1.06)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-banner-link{display:block;text-decoration:none;margin-bottom:16px}.floating-banner{width:1200px;max-width:100%;height:auto;border-radius:12px;border:3px solid #F0CFAA;box-shadow:0 0 24px #f0cfaad9;animation:floaty 4s ease-in-out infinite;margin:0 auto}@keyframes scrollLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrapper{display:flex;align-items:center;background:linear-gradient(90deg,#051314,#003c3d,#2e2218);border:3px groove #F0CFAA;padding:6px 25px;border-radius:20px;width:1200px;max-width:100%;margin:0 auto 22px;overflow:hidden;box-shadow:0 0 12px #f0cfaabf}.speaker-icon{width:24px;height:24px;min-width:24px;margin-right:12px;fill:#ffd02f}.marquee-viewport{overflow:hidden;width:100%;white-space:nowrap}.marquee-text-track{display:inline-block;white-space:nowrap;animation:scrollLoop 30s linear infinite;font-weight:700;color:#fcf6ee;font-size:15px}.groove-section-welcome,.groove-section-dark{background-color:#003435;background-image:linear-gradient(145deg,#003f40,#002223);border:3px groove #F0CFAA;border-radius:20px;box-shadow:0 0 12px #f0cfaab8;padding:32px 28px;margin:20px auto 28px}.groove-section-teal{background-color:#2e2218;background-image:linear-gradient(145deg,#38291c,#1b140e);border:3px groove #FFD02F;border-radius:20px;box-shadow:0 0 12px #ffd02fad;padding:32px 28px;margin:20px auto 28px}.answer-capsule{background:#051314;border:2px solid #FFD02F;border-radius:14px;padding:18px 22px;margin:0 auto 20px;color:#fff;font-size:16px;line-height:1.65;box-shadow:0 0 10px #ffd02f66}.paa-capsule{background:#051314d1;border-left:4px solid #FFD02F;border-radius:10px;padding:14px 18px;margin:0 0 18px;font-weight:500;color:#fcf6ee}.groove-subcard-black{background-color:#051314;border:3px groove #F0CFAA;border-radius:20px;padding:24px;box-shadow:0 0 10px #f0cfaa59}.two-col-split{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px}.col-half{width:50%}.col-half-img{width:50%;display:flex;justify-content:center;align-items:center}.feature-art-img{width:85%;max-width:100%;height:auto;border-radius:20px;border:3px groove #F0CFAA;box-shadow:0 0 12px #f0cfaac7}@keyframes kenBurns{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}#genie{animation:kenBurns 8s ease-in-out infinite}.pill-cta-wrap{text-align:center;margin:24px 0 12px}.btn-pill-white{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fcf6ee,#f0cfaa);color:#002425;font-family:Roboto,sans-serif;font-size:24px;font-weight:800;text-decoration:none;padding:14px 34px;border:3px groove #FFD02F;border-radius:30px;box-shadow:0 0 12px #f0cfaad9;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;transition:background .2s ease,color .2s ease,transform .2s ease}.btn-pill-white:hover,.btn-pill-white:focus-visible{background:linear-gradient(180deg,#fff873,#ffd02f);color:#002425;transform:scale(1.08)}.category-tabs-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}.cat-tab-btn{background:linear-gradient(180deg,#38291c,#1f1710);color:#fcf6ee;border:3px groove #F0CFAA;border-radius:10px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700;padding:12px 22px;cursor:pointer;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;justify-content:center;transition:background .2s ease,color .2s ease,transform .2s ease}.cat-tab-btn:hover,.cat-tab-btn:focus-visible,.cat-tab-btn[aria-selected=true]{background:linear-gradient(180deg,#fff873,#ffd02f);color:#002425;border-color:#fcf6ee;transform:scale(1.04)}.cat-tab-panel{display:none;background-color:#051314;border:3px groove #F0CFAA;border-radius:20px;padding:24px}.cat-tab-panel.active{display:block}@keyframes vScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes vScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.marquee-container{display:flex;gap:1vw;overflow:hidden;background:#051314;border-radius:10px;padding:0 1vw;width:100%;height:300px;position:relative;border:2px solid rgba(240,207,170,.45)}.fade-top,.fade-bottom{position:absolute;left:0;right:0;height:40px;z-index:2;pointer-events:none}.fade-top{top:0;background:linear-gradient(180deg,#051314,#05131400)}.fade-bottom{bottom:0;background:linear-gradient(0deg,#051314,#05131400)}.marquee-col{flex:1;overflow:hidden}.marquee-track{display:flex;flex-direction:column;gap:12px}.marquee-col.scroll-down .marquee-track{animation:vScrollDown 20s linear infinite}.marquee-col.scroll-up .marquee-track{animation:vScrollUp 20s linear infinite}.marquee-game-link{display:block;border-radius:10px;overflow:hidden;border:2px solid #F0CFAA;transition:transform .2s ease,border-color .2s ease}.marquee-game-link:hover{transform:scale(1.03);border-color:#ffd02f}.marquee-game-link img{width:100%;height:auto;border-radius:8px}.grid-2-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:18px}.grid-3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.grid-4-games{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.game-grid-card{background:#051314;border:3px groove #F0CFAA;border-radius:18px;padding:12px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.game-grid-card img{border-radius:12px;margin-bottom:10px}.table-scroll-wrap{width:100%;overflow-x:auto;margin:18px 0;border-radius:14px;border:2px solid #F0CFAA}.bdt-table{width:100%;border-collapse:collapse;background:#051314;color:#fff;font-size:15px}.bdt-table th,.bdt-table td{padding:12px 14px;border:1px solid rgba(240,207,170,.28);text-align:left}.bdt-table th{background:#003c3d;color:#ffd02f;font-weight:800}.bdt-table tr:nth-child(2n){background:#f0cfaa14}.breadcrumb-bar{background:#051314d9;border:2px groove #F0CFAA;border-radius:12px;padding:10px 18px;margin:14px auto;font-size:14px}.breadcrumb-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.breadcrumb-list li{margin:0}.faq-stack{display:flex;flex-direction:column;gap:14px;margin-top:18px}.faq-card{background-color:#051314;border:3px groove #F0CFAA;border-radius:18px;padding:16px 20px}.faq-card summary{font-size:18px;font-weight:800;color:#ffd02f;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-card summary::-webkit-details-marker{display:none}.faq-card .faq-answer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(240,207,170,.28);color:#fff}.patok-footer{background-image:linear-gradient(180deg,#004546,#002829 48%,#041011);box-shadow:0 -4px 14px #f0cfaabf;border-top:2px solid #F0CFAA;margin-top:50px;padding:36px 0 28px}.footer-nav-row{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;padding-bottom:24px;border-bottom:1px solid rgba(240,207,170,.3)}.footer-nav-link{font-family:Roboto,sans-serif;font-weight:900;font-size:15px;text-transform:uppercase;color:#fcf6ee;text-decoration:none}.footer-nav-link:hover{color:#ffd02f}.footer-trust-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid rgba(240,207,170,.3)}.footer-col-third{width:33.33%;text-align:center}.footer-mfs-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px}.footer-mfs-badges img{width:92px;height:46px;border-radius:8px}.trust-pill-badge{display:inline-block;background:#051314;border:2px groove #F0CFAA;border-radius:10px;padding:6px 12px;margin:4px;font-size:13px;font-weight:800;color:#fcf6ee;text-decoration:none}.footer-copy-row{padding-top:20px;text-align:center;font-size:14px;color:#fcf6ee}@media (max-width: 1024px){.site-container{max-width:1024px}.header-col-nav{display:none}.header-col-logo{width:42%}.header-col-actions{width:58%}.sticky-mobile-bottom-bar{display:block}body{padding-bottom:84px}.grid-4-games,.grid-3-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){body{font-size:14px;padding-bottom:84px}h1{font-size:26px}h2{font-size:24px}h3{font-size:22px}h4{font-size:20px}.header-flex{padding:0 10px;gap:8px}.header-logo-img{width:132px}.btn-groove-register,.btn-groove-login{font-size:13px;padding:7px 10px}.marquee-wrapper{padding:6px 12px}.groove-section-welcome,.groove-section-dark,.groove-section-teal{padding:20px 14px;margin:14px auto 20px}.groove-subcard-black{padding:16px 14px}.two-col-split,.footer-trust-row{flex-direction:column;width:100%;gap:18px}.col-half,.col-half-img,.footer-col-third,.feature-art-img{width:100%}.grid-2-cards,.grid-3-cards,.grid-4-games{grid-template-columns:1fr}.btn-pill-white{font-size:15px;padding:12px 20px;width:100%}.cat-tab-btn{font-size:14px;padding:10px 14px;flex:1 1 calc(50% - 8px)}}