:root{--accent-lime:#ddf247;--accent-purple:#911fde;--btn-gradient-from:#a4fbe5;--btn-gradient-to:#ddf247;--main-color-one:#ddf247;--main-color-two:#b8fff0;--heading-color:#e4e4e4;--paragraph-color:#b7b7b7;--body-font:"Poppins",system-ui,sans-serif;--heading-font:"Barlow",system-ui,sans-serif;--jersey-font:"Jersey 25",cursive;--body-font-size:16px;--line-height30:1.7;--color-back:#131b24;--bg-deep:#090d12;--line:rgba(145,31,222,0.3);--card-bg:#131b24;--ok:#3dd68c;--danger:#DC0F21} *,*::before,*::after{box-sizing:border-box} html{overflow-x:clip;scroll-behavior:smooth;scrollbar-gutter:stable} body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--body-font);font-size:var(--body-font-size);line-height:var(--line-height30);color:var(--paragraph-color);background:var(--bg-deep);overflow-x:clip} h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font);font-weight:700;margin:0 0 0.5em;overflow-wrap:break-word;word-break:break-word} h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.15} h2{font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.2} h3{font-size:clamp(1.35rem,2.5vw,2.25rem)} h4{font-size:1.25rem} p{margin:0 0 1em;max-width:70ch} a{color:inherit;text-decoration:none;transition:color 0.3s} a:hover{color:var(--main-color-one)} button,.btn-primary,.btn-ghost{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none} img{max-width:100%;height:auto;vertical-align:middle} .site-wrap{flex:1;display:flex;flex-direction:column;min-width:0} .container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px} .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;flex-shrink:0;background:rgba(9,13,18,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)} .header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px} .logo-link{display:flex;align-items:center;gap:4px;flex-shrink:0;text-decoration:none;color:inherit} .logo-link:hover{color:inherit} .logo-mark{flex-shrink:0;width:50px;height:50px;max-width:50px;display:block;object-fit:contain} .logo-wordmark{display:flex;align-items:baseline;font-family:var(--heading-font);font-weight:700;font-size:clamp(1.05rem,2.2vw,1.35rem);letter-spacing:-0.03em;line-height:1;white-space:nowrap} .logo-wordmark__a{color:var(--heading-color)} .logo-wordmark__b{color:var(--accent-lime)} .logo-link img{width:50px;height:50px;max-width:50px} .main-nav{display:flex;align-items:center;gap:8px} .main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 30px} .main-nav a{font-family:var(--heading-font);font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.02em;padding:6px 0;position:relative} .main-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--btn-gradient-from),var(--accent-purple));transition:width 0.3s} .main-nav a:hover::after,.main-nav a[aria-current="page"]::after{width:100%} .header-actions{display:flex;align-items:center;gap:5px} .icon-action{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:40px;min-height:40px;padding:8px;border-radius:0;border:none;background:transparent;color:#fff;position:relative} .icon-action .hdr-ico svg path{fill:#fff;transition:fill 0.25s ease} .icon-action:hover .hdr-ico svg path{fill:var(--main-color-one)} .icon-action i{font-size:1.1rem;width:1.25rem;text-align:center} .badge-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;font-size:0.65rem;font-weight:700;line-height:18px;text-align:center;border-radius:9px;background:var(--accent-purple);color:#fff} .search-wrap{position:relative} .search-wrap--toggle{flex-shrink:0} .search-wrap--toggle .search-toggle-btn{cursor:pointer} .search-wrap--toggle .search-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 28px));z-index:130;padding:0;margin:0;border:0;background:transparent;filter:drop-shadow(0 14px 28px rgba(0,0,0,0.55))} .search-wrap--toggle .search-popover .search-bar{min-width:0;width:100%} .search-wrap--toggle .search-suggestions{left:0;right:0} .search-toggle{display:none} .search-bar{display:flex;align-items:center;gap:8px;background:var(--color-back);border:1px solid var(--line);border-radius:8px;padding:6px 12px;min-width:200px} .search-bar input{flex:1;border:0;background:transparent;color:var(--heading-color);font-size:0.9rem;min-width:0} .search-bar input::placeholder{color:var(--paragraph-color);opacity:0.8} .search-bar input:focus{outline:none} .search-suggestions{display:none;position:absolute;top:calc(100% + 6px);right:0;left:0;background:var(--color-back);border:1px solid var(--line);border-radius:8px;max-height:280px;overflow-y:auto;z-index:120;box-shadow:0 16px 40px rgba(0,0,0,0.45)} .search-suggestions.is-active{display:block} .search-suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.05)} .search-suggestion-item:last-child{border-bottom:0} .search-suggestion-item:hover{background:rgba(221,242,71,0.08);color:var(--main-color-one)} .burger{margin-right:-10px;display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-sizing:border-box;width:max-content;height:fit-content;min-width:0;min-height:0;padding:6px 8px;border:none;border-radius:0;background:transparent;cursor:pointer} .burger span{display:block;width:22px;height:2px;margin:0 auto;background:#fff;transition:transform 0.3s,opacity 0.3s} .burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)} .burger.active span:nth-child(2){opacity:0} .burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .menu{display:contents} .nav-search-mobile{display:none} body.menu-open{overflow:hidden} body.menu-open .site-header{backdrop-filter:none;z-index:200} .cart-wrapper{position:relative} .mini-cart{display:none;position:absolute;top:calc(100% + 10px);right:0;width:min(360px,92vw);background:var(--color-back);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.5);z-index:130} .mini-cart.is-active{display:block} .mini-cart-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;color:var(--heading-color)} .mini-cart-close{border:0;background:transparent;color:var(--paragraph-color);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px} .mini-cart-empty{padding:24px 16px;text-align:center;color:var(--paragraph-color)} .mini-cart-items{max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--main-color-one) var(--color-back)} .mini-cart-items::-webkit-scrollbar{width:10px} .mini-cart-items::-webkit-scrollbar-track{background:var(--color-back);border-left:1px solid var(--line)} .mini-cart-items::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--main-color-one) 0%,var(--accent-purple) 100%);border-radius:999px;border:2px solid var(--color-back)} .mini-cart-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--btn-gradient-to) 0%,var(--accent-purple) 100%)} .mini-cart-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:center} .mini-cart-item img{width:48px;height:48px;object-fit:cover;border-radius:6px} .mini-cart-item-title{font-weight:600;color:var(--heading-color);font-size:0.9rem} .mini-cart-item-price{font-size:0.85rem;color:var(--main-color-one);margin-top:4px} .mini-cart-remove{margin-left:auto;border:0;background:transparent;color:var(--paragraph-color);cursor:pointer;padding:4px} .mini-cart-footer{padding:12px 16px 16px} .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:0;border-radius:6px;font-family:var(--heading-font);font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;color:var(--bg-deep);background:linear-gradient(118deg,var(--btn-gradient-from) 0%,var(--btn-gradient-to) 55%,var(--btn-gradient-to) 100%);box-shadow:0 4px 22px rgba(221,242,71,0.28);transition:filter 0.25s ease,transform 0.2s ease,box-shadow 0.25s ease} .btn-primary:hover{filter:brightness(1.07) saturate(1.05);box-shadow:0 6px 28px rgba(221,242,71,0.38);color:var(--bg-deep)} .btn-primary .hero-banner-action-arrow{flex-shrink:0;display:block} .btn-ghost{display:flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--heading-color);font-weight:600;cursor:pointer;transition:border-color 0.3s,color 0.3s;margin-top:24px;margin-inline:auto;width:max-content} .btn-ghost:hover{border-color:var(--main-color-one);color:var(--main-color-one)} .checkout-modal{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,0.75)} .checkout-modal.is-active{display:flex} .checkout-modal-inner{width:100%;max-width:440px;background:var(--color-back);border:1px solid var(--line);border-radius:12px;max-height:90vh;overflow-y:auto} .checkout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)} .checkout-modal-close{border:0;background:transparent;color:var(--paragraph-color);font-size:1.75rem;cursor:pointer;line-height:1} .checkout-modal-body{padding:20px} .form-group{margin-bottom:14px} .form-group label{display:block;margin-bottom:6px;font-size:0.85rem;font-weight:600;color:var(--heading-color)} .form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg-deep);color:var(--heading-color);font-family:inherit} .form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--main-color-one)} .hero-banner{position:relative;display:flex;align-items:stretch;overflow:hidden;background:var(--color-back)} .hero-slider{position:absolute;inset:0} .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.85s ease;pointer-events:none;will-change:opacity} .mpp-hero-gsap .hero-slide{transition:none} .hero-slide.is-active{opacity:1;pointer-events:auto} .hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center} .hero-slide-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,13,18,0.94) 0%,rgba(9,13,18,0.62) 48%,rgba(9,13,18,0.4) 100%)} .hero-inner{position:relative;z-index:2;flex:1;display:flex;align-items:center;padding-block:clamp(32px,5vw,56px);box-sizing:border-box} .hero-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,56px);align-items:center;width:100%;min-height:calc(var(--hero-block-h) - clamp(64px,10vw,112px))} .hero-copy-col{min-width:0;display:flex;flex-direction:column;gap:clamp(20px,3vw,32px)} .hero-typography{position:relative;font-family:"Rajdhani",var(--heading-font),sans-serif;text-transform:uppercase;letter-spacing:0.04em;padding:0 0 28px;max-width:720px} .hero-line1{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin:0 0 6px;font-size:clamp(1.05rem,2.1vw,1.35rem);font-weight:600;color:#fff;line-height:1.15} .hero-trend{flex-shrink:0;display:block} .hero-main-title{margin:0;font-size:min(110px,max(2.5rem,7vw));line-height:0.95;letter-spacing:0.02em} .hero-main-title .hero-main-muted{font-weight:400;color:#c8cdd4} .hero-main-title .hero-main-accent{font-weight:700;color:var(--accent-lime)} .hero-main-muted{font-weight:400;color:#c8cdd4} .hero-main-accent{font-weight:700;color:var(--accent-lime)} .hero-line3{margin:4px 0 0;font-size:min(80px,max(1.125rem,4.5vw));line-height:1.2} .hero-line3 .hero-main-muted{font-weight:400} .hero-line3 .hero-main-accent{font-weight:700} .hero-cat{margin:18px 0 0;font-size:0.72rem;font-weight:700;letter-spacing:0.14em;color:#fff} .hero-desc{margin:14px 0 0;font-family:var(--body-font),sans-serif;text-transform:none;letter-spacing:0;font-size:0.95rem;font-weight:400;line-height:1.55;color:rgba(255,255,255,0.78);max-width:520px;min-height:calc(4 * 1.55em)} .hero-banner-action{text-transform:none;letter-spacing:0.02em;margin-top:10px} .hero-sponsors{max-width:100%} .hero-sponsors img{display:block;width:min(100%,640px);height:auto;opacity:.8} .hero-nav{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;margin-top:0;flex-shrink:0} .hero-arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;border:1px dashed var(--accent-lime);background:rgba(19,27,36,0.85);color:var(--accent-lime);cursor:pointer;transition:border-color 0.25s,color 0.25s,background-color 0.25s,box-shadow 0.25s} .hero-arrow-icon{display:block;flex-shrink:0} .hero-arrow:hover{border-color:var(--accent-lime);color:#e8f470;background:rgba(221,242,71,0.1);box-shadow:0 0 0 1px rgba(221,242,71,0.2)} .hdr-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0} .hdr-ico svg{display:block} .section{padding:clamp(48px,8vw,96px) 0;position:relative} .section-intro{position:relative;overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(ellipse 85% 55% at 50% -25%,rgba(145,31,222,0.2),transparent 58%),radial-gradient(ellipse 50% 45% at 100% 40%,rgba(164,251,229,0.07),transparent 50%),linear-gradient(180deg,rgba(19,27,36,0.55) 0%,var(--bg-deep) 48%,var(--bg-deep) 100%)} .section-intro::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-lime),var(--accent-purple),transparent);opacity:0.85;pointer-events:none} .section-intro__head.section-head{margin-bottom:clamp(28px,5vw,48px)} .section-intro__lead{margin:16px auto 0;max-width:52ch;text-align:center;font-size:1.05rem;line-height:1.55;font-weight:400;color:rgba(228,228,228,0.85)} .intro-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(20px,3vw,28px);align-items:stretch} .intro-card{position:relative;padding:clamp(22px,3vw,28px) clamp(20px,3vw,26px) clamp(26px,4vw,32px);border-radius:14px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(19,27,36,0.96) 0%,rgba(9,13,18,0.9) 100%);box-shadow:0 18px 50px rgba(0,0,0,0.28);transition:border-color 0.35s,box-shadow 0.35s} .intro-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.35s;background:linear-gradient(135deg,rgba(221,242,71,0.07),rgba(145,31,222,0.1))} .intro-card:hover{border-color:rgba(221,242,71,0.38);box-shadow:0 26px 64px rgba(0,0,0,0.42),0 0 0 1px rgba(221,242,71,0.12)} .intro-card:hover::after{opacity:1} .intro-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:18px;border-radius:12px;color:var(--accent-lime);background:rgba(221,242,71,0.1);border:1px solid rgba(221,242,71,0.28)} .intro-card__title{margin:0 0 12px;font-family:var(--heading-font);font-weight:700;font-size:clamp(1.12rem,2.2vw,1.32rem);color:var(--heading-color);letter-spacing:-0.02em} .intro-card__text{margin:0;font-size:0.95rem;line-height:1.65;color:var(--paragraph-color)} .intro-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin:clamp(32px,5vw,48px) 0 0;padding:0;list-style:none} .intro-tags li{padding:8px 16px;border-radius:999px;font-size:0.7rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--heading-color);border:1px solid rgba(145,31,222,0.38);background:rgba(145,31,222,0.1)} .section-head{margin-bottom:40px;text-align:center} .section-head h2{position:relative;display:inline-block;padding-bottom:12px} .section-head h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:72px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--btn-gradient-from),var(--accent-purple))} .card-product{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color 0.3s,box-shadow 0.3s} .card-product:hover{border-color:var(--main-color-one);box-shadow:0 20px 48px rgba(0,0,0,0.4)} .card-product-thumb{position:relative;aspect-ratio:18/10;overflow:hidden;background:#0d1118} .card-product-thumb img{width:100%;height:100%;object-fit:cover} .card-live-layout{display:flex;align-items:center;justify-content:space-between;gap:20px} .card-live-layout .live-info{flex:1;min-width:0} .card-live-layout .live-thumb{flex:1;width:100%;height:100%;max-height:208px;max-width:400px;border-radius:8px;overflow:hidden;background:#0d1118} .card-live-layout .live-thumb img{width:100%;height:100%;object-fit:cover} @media (max-width:640px){.card-live-layout{gap:12px} .card-live-layout .live-thumb{height:176px} } .card-body{padding:18px 20px 22px} .card-product>.card-body:has(.card-product-footer){display:flex;flex-direction:column;flex:1;min-height:0;align-items:flex-start} .card-product>.card-body:has(.card-product-footer) h3{width:100%;max-width:100%;box-sizing:border-box} .card-product>.card-body:has(.card-product-footer) .card-product-footer{align-self:stretch;width:100%;box-sizing:border-box} .card-product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px} .card-product-footer .price{margin:0} .card-product-footer .btn-primary[data-add-cart]{width:44px;height:44px;min-width:44px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center} .card-product-footer .btn-primary[data-add-cart] i{font-size:1.05rem} .card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--main-color-one)} .tag{display:inline-block;padding:4px 10px;border-radius:4px;background:rgba(221,242,71,0.12);color:var(--main-color-one);font-size:0.7rem;font-weight:700} .price{font-family:var(--heading-font);font-weight:700;font-size:1.15rem;color:var(--main-color-one)} .grid{display:grid;gap:24px} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)} .grid-6{grid-template-columns:repeat(6,1fr)} .games-row .card-product{text-align:center;padding:20px 12px} .games-row .card-product-thumb{aspect-ratio:1;max-height:80px;margin:0 auto 12px;border-radius:12px;width:80px} .games-row .card-product-thumb.game-card__logo{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--accent-lime);border:1px solid var(--line)} .games-row .game-card__logo img{width:100%;height:100%;max-width:56px;max-height:56px;object-fit:contain} .games-row .card-body{padding:0 8px 12px} .games-row h3{font-size:0.95rem} .mpp-sec-turniere-social-games h3{font-size:clamp(1.35rem,2.5vw,2.2rem)} .wish-btn{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(9,13,18,0.75);color:var(--heading-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:color 0.3s,border-color 0.3s} .wish-btn.is-active{color:var(--accent-purple)} [data-reveal]{transform:translateY(40px)} [data-reveal].is-in{transform:none;transition:transform 0.55s cubic-bezier(0.22,1,0.36,1)} .blog-tab-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px} .blog-tab-row button{font-family:var(--heading-font);font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.04em;padding:10px 16px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--heading-color);cursor:pointer;transition:border-color 0.3s,color 0.3s,background 0.3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .blog-tab-row button.is-active,.blog-tab-row button:hover{border-color:var(--main-color-one);color:var(--main-color-one);background:rgba(221,242,71,0.08)} .mpp-dd{position:relative} .mpp-dd__btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 40px 12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--color-back);color:var(--heading-color);font-family:inherit;font-size:0.9rem;cursor:pointer;text-align:left} .mpp-dd__btn::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:14px;font-size:0.7rem;color:var(--main-color-one);pointer-events:none} .mpp-dd.is-open .mpp-dd__btn{border-color:var(--main-color-one)} .mpp-dd__list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;margin:0;padding:6px 0;list-style:none;background:var(--color-back);border:1px solid var(--line);border-radius:8px;max-height:220px;overflow-y:auto;box-shadow:0 12px 30px rgba(0,0,0,0.4)} .search-suggestions,.mpp-dd__list{scrollbar-width:thin;scrollbar-color:var(--main-color-one) var(--color-back)} .search-suggestions::-webkit-scrollbar,.mpp-dd__list::-webkit-scrollbar{width:10px} .search-suggestions::-webkit-scrollbar-track,.mpp-dd__list::-webkit-scrollbar-track{background:var(--color-back);border-left:1px solid var(--line)} .search-suggestions::-webkit-scrollbar-thumb,.mpp-dd__list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--main-color-one) 0%,var(--accent-purple) 100%);border-radius:999px;border:2px solid var(--color-back)} .search-suggestions::-webkit-scrollbar-thumb:hover,.mpp-dd__list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--btn-gradient-to) 0%,var(--accent-purple) 100%)} .mpp-dd__list[hidden]{display:none} .mpp-dd__list [role="option"]{padding:10px 14px;cursor:pointer;font-size:0.9rem} .mpp-dd__list [role="option"]:hover,.mpp-dd__list [role="option"].is-active{background:rgba(221,242,71,0.1);color:var(--main-color-one)} .filters-panel{} .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end} .range-wrap label{display:block;font-size:0.85rem;font-weight:600;color:var(--heading-color)} input[type="range"]{width:100%;accent-color:var(--main-color-one)} .site-footer{margin-top:auto;background:var(--color-back);border-top:1px solid var(--line);padding:56px 0 28px} .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;margin-bottom:40px} .footer-brand h3{font-size:1.25rem;margin-bottom:12px} .footer-links ul{list-style:none;margin:0;padding:0} .footer-links li{margin-bottom:8px} .footer-subscribe h4{margin-bottom:12px;font-size:1rem} .footer-subscribe p{font-size:0.9rem;margin-bottom:12px} .subscribe-row{display:flex;flex-wrap:wrap;gap:10px} .subscribe-row input{flex:1;min-width:200px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg-deep);color:var(--heading-color)} .partner-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;padding:20px 0;border-top:1px solid var(--line)} .partner-list span.pay-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;font-size:1.2rem;font-weight:600;color:var(--paragraph-color);opacity:0.85;transition:opacity 0.3s,border-color 0.3s} .partner-list span.pay-badge:hover{opacity:1;border-color:var(--main-color-one)} .partner-list span.pay-badge i{font-size:1.2rem} .partner-list span.pay-badge i + span{margin-left:6px} .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--line);font-size:0.85rem} .footer-bottom p{margin:0} .social-row{display:flex;flex-wrap:wrap;gap:10px} .social-row a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid var(--line);color:var(--heading-color);transition:border-color 0.3s,color 0.3s} .social-row a i{font-size:1.1rem} .social-row a:hover{border-color:var(--main-color-one);color:var(--main-color-one)} .cookie-banner{display:none;position:fixed;z-index:300;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:720px;padding:18px 22px;background:var(--color-back);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.5);align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} .cookie-banner.is-visible{display:flex} .cookie-banner p{margin:0;flex:1;min-width:200px;font-size:0.9rem} .cookie-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap} [data-toast]{position:fixed;top:20px;left:50%;transform:translate(-50%,-180%);z-index:400;padding:14px 22px;background:linear-gradient(118deg,var(--btn-gradient-from) 0%,var(--btn-gradient-to) 100%);color:var(--bg-deep);font-weight:600;border-radius:8px;box-shadow:0 8px 30px rgba(221,242,71,0.35);transition:transform 0.35s ease;max-width:90vw;text-align:center;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,0.3)} [data-toast].is-on{transform:translate(-50%,0);pointer-events:auto} .toast-slot:empty{padding:0;border:0;box-shadow:none;background:transparent} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .page-hero{padding:48px 0 32px;text-align:center;background:linear-gradient(180deg,var(--color-back) 0%,var(--bg-deep) 100%)} .page-hero h1{margin-bottom:8px} .page-hero p{margin-inline:auto;text-align:center} .page-hero--split{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px} .mpp-turniere-game-thumb{aspect-ratio:4 / 3;background:#0d1118;overflow:hidden} .mpp-turniere-game-thumb img{width:100%;height:100%;object-fit:cover} .mpp-turniere-game-btn{display:inline-block;margin-top:8px} .mpp-turniere-hilfe-grid{align-items:stretch} .mpp-turniere-hilfe-link{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px} .mpp-turniere-hilfe-logo-wrap{width:100%;min-height:72px;display:flex;align-items:center;justify-content:center;background:#f2f4f8;border-radius:8px;padding:10px 12px} .mpp-turniere-hilfe-logo{max-width:220px;max-height:52px;width:auto;height:auto;object-fit:contain} .live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background:var(--danger);color:#fff;font-size:0.7rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;animation:pulse-live 1.5s ease-in-out infinite} @keyframes pulse-live{0%,100%{opacity:1} 50%{opacity:0.8} } .table-schedule{width:100%;border-collapse:collapse;font-size:0.9rem} .table-schedule th,.table-schedule td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left} .table-schedule th{color:var(--main-color-one);font-family:var(--heading-font);text-transform:uppercase;font-size:0.75rem;letter-spacing:0.06em} .faq-item{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;overflow:hidden;background:var(--color-back)} .faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:0;background:transparent;color:var(--heading-color);font-family:var(--heading-font);font-weight:600;font-size:1rem;text-align:left;cursor:pointer} .faq-a{display:none;padding:0 18px 16px;color:var(--paragraph-color)} .faq-item.is-open .faq-a{display:block} .age-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;border:2px solid var(--danger);font-family:var(--heading-font);font-weight:800;color:var(--danger);font-size:0.85rem} .bk-ai-panel{position:fixed;right:20px;bottom:90px;width:min(360px,calc(100vw - 40px));max-height:420px;background:var(--color-back);border:1px solid var(--line);border-radius:12px;z-index:250;display:flex;flex-direction:column;box-shadow:0 16px 50px rgba(0,0,0,0.45);transform:translateY(120%);opacity:0;pointer-events:none;transition:transform 0.35s ease,opacity 0.35s ease} .bk-ai-panel.is-open{transform:translateY(0);opacity:1;pointer-events:auto} .bk-ai-panel__head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700;color:var(--heading-color)} .bk-ai-close{border:0;background:transparent;color:var(--paragraph-color);font-size:1.4rem;cursor:pointer;line-height:1} .bk-ai-panel__msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px} .bk-ai-bubble{max-width:88%;padding:10px 12px;border-radius:10px;font-size:0.88rem;line-height:1.45} .bk-ai-bubble--user{align-self:flex-end;background:linear-gradient(118deg,var(--btn-gradient-from) 0%,var(--btn-gradient-to) 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.35)} .bk-ai-bubble--bot{align-self:flex-start;background:var(--bg-deep);border:1px solid var(--line);color:var(--paragraph-color)} .bk-ai-panel__form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)} .bk-ai-panel__form input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-deep);color:var(--heading-color)} .chat-fab{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--btn-gradient-from) 0%,var(--btn-gradient-to) 100%);color:var(--bg-deep);font-size:1.35rem;cursor:pointer;z-index:240;box-shadow:0 8px 24px rgba(221,242,71,0.35);transition:transform 0.2s} .chat-fab:hover{transform:scale(1.05)} .map-embed{border:0;width:100%;min-height:280px;border-radius:12px;filter:grayscale(0.2) contrast(1.05)} .contact-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch} .reviews-track{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;overflow:visible;padding-bottom:8px;align-items:stretch} .reviews-track article{position:relative;min-width:0} @media (max-width:1219px) and (min-width:821px){.reviews-track{grid-template-columns:repeat(2,1fr)} } @media (max-width:820px){.reviews-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:10px} .reviews-track::-webkit-scrollbar{display:none} .reviews-track article{flex:0 0 min(280px,86vw);max-width:min(320px,86vw);scroll-snap-align:start} } .review-avatar{position:absolute;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--line);background:var(--bg-deep)} @media (min-width:821px){.mpp-sec-shop-reviews [data-reviews-prev],.mpp-sec-shop-reviews [data-reviews-next]{display:none !important} } .is-filter-hidden{display:none !important} @media (max-width:1220px){.burger{display:flex} .menu{display:flex;position:fixed;inset:0;top:0;padding-top:max(96px,calc(88px + env(safe-area-inset-top,0px)));background:rgba(9,13,18,0.98);z-index:150;flex-direction:column;align-items:center;overflow-y:auto;gap:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.32s ease,visibility 0s linear 0.32s;height:fit-content;padding-bottom:20px} .menu.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.32s ease,visibility 0s linear 0s} body.menu-open .header-actions{position:relative;z-index:10060} body.menu-open .logo-link{position:relative;z-index:10060} .header-actions .search-wrap--toggle{display:none !important} .nav-search-mobile{display:block;width:min(100vw - 48px,440px);margin:0 auto;padding:0 20px;flex-shrink:0} .nav-search-mobile .search-bar{min-width:0;width:100%} .main-nav ul{flex-direction:column;text-align:center;gap:8px} .header-inner{flex-wrap:wrap;gap:10px} .search-bar{min-width:0;width:100%} .grid-6{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(2,1fr)} .grid-3{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:1fr} .contact-split{grid-template-columns:1fr} } @media (max-width:1220px) and (prefers-reduced-motion:reduce){.menu,.menu.active{transition-duration:0.01ms;transition-delay:0s !important} } @media (max-width:900px){.hero-layout{grid-template-columns:1fr;min-height:0} .hero-nav{justify-content:space-between;gap:40px;width:100%} .hero-banner{height:auto;min-height:0;max-height:none} .hero-inner{flex:none;align-items:flex-start;padding-block:22px 30px} .hero-copy-col{gap:clamp(24px,3vw,32px)} .hero-typography{padding-bottom:26px} } @media (max-width:820px){.grid-6{grid-template-columns:repeat(2,1fr)} .grid-3{grid-template-columns:1fr} .logo-link img,.logo-mark{width:38px;height:38px;max-width:38px} } @media (max-width:520px){.grid-4{grid-template-columns:1fr} .card-live-layout{flex-direction:column;align-items:flex-start} .card-live-layout .live-thumb{max-width:440px} }