@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--gold:#d8aa37;--gold2:#ffe093;--gold3:#7f5913;--black:#050505;--black2:#0b0b0a;--panel:#15120b;--panel2:#241b08;--text:#fffdf6;--muted:#bbb4a3;--border:rgba(255,222,147,.16);--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(216,170,55,.1),transparent 30%),linear-gradient(180deg,#050505,#0b0905 55%,#050505);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 32px),var(--container));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:9999;padding:10px;background:#fff;color:#000}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,5,5,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.header-inner{min-height:78px;display:flex;align-items:center;gap:26px}.site-branding{margin-right:auto}.custom-logo{max-height:52px;width:auto}.text-logo{font:800 27px/1 Cinzel,serif}.text-logo span{margin-right:7px}.text-logo b{color:var(--gold)}.primary-menu,.footer-menu{list-style:none;padding:0;margin:0}.primary-menu{display:flex;gap:25px}.primary-menu a{font-size:12px;font-weight:800;text-transform:uppercase}.header-cta,.header-actions-mobile a,.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 23px;border:1px solid rgba(255,224,147,.3);border-radius:8px;background:linear-gradient(135deg,var(--gold3),var(--gold2));color:#171006;font-weight:900}.header-actions-mobile{display:none;gap:8px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);background:#111}.menu-toggle span{display:block;height:2px;margin:5px;background:var(--gold2)}
.hero-slider{position:relative;overflow:hidden;background:#050505}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s}.hero-slide.is-active{position:relative;opacity:1;pointer-events:auto}.hero-slide img{width:100%;object-fit:cover}.hero-fallback{min-height:580px;background:radial-gradient(circle at 80% 38%,rgba(216,170,55,.25),transparent 28%),linear-gradient(135deg,#050505,#2a1c05 65%,#050505)}.hero-fallback-inner{min-height:580px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.hero-kicker,.section-kicker{color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero-fallback h1{max-width:720px;margin:10px 0 18px;font:800 clamp(52px,7vw,94px)/.94 Cinzel,serif}.hero-fallback p{max-width:640px;color:var(--muted)}.trophy-stage{display:grid;place-items:center;padding:40px;border:1px solid var(--border);border-radius:50% 50% 22px 22px;background:radial-gradient(circle,rgba(255,224,147,.16),transparent 55%),#0c0a05;text-align:center;box-shadow:0 25px 55px rgba(0,0,0,.38)}.trophy-cup{font-size:125px;filter:drop-shadow(0 0 24px rgba(216,170,55,.55))}.trophy-stage strong{font:800 27px Cinzel,serif;color:var(--gold2)}.trophy-stage small{color:var(--muted)}.hero-arrow{position:absolute;top:50%;z-index:5;width:46px;height:70px;transform:translateY(-50%);border:1px solid var(--border);background:rgba(5,5,5,.8);color:var(--gold2);font-size:36px}.hero-prev{left:12px}.hero-next{right:12px}.hero-dots{position:absolute;bottom:16px;left:50%;z-index:5;display:flex;gap:8px;transform:translateX(-50%)}.hero-dots button{width:28px;height:3px;padding:0;border:0;background:#555}.hero-dots button.is-active{background:var(--gold)}
.ticker{background:#0b0a07;border-block:1px solid var(--border)}.ticker-inner{min-height:47px;display:flex;align-items:center;overflow:hidden}.ticker-label{padding-right:18px;color:var(--gold2);font-size:12px;font-weight:900;white-space:nowrap}.ticker-window{width:100%;overflow:hidden}.ticker-content{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker-content span{padding-right:80px;white-space:nowrap;color:#eee4c8;font-size:13px}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.category-slider-wrap{background:#080806;border-bottom:1px solid var(--border)}.category-shell{position:relative;padding-block:14px}.category-slider{display:flex;gap:8px;overflow-x:auto;padding-inline:35px;scrollbar-width:none}.category-slider::-webkit-scrollbar{display:none}.category-item{flex:0 0 145px;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#17140d,#0b0a07);color:var(--gold2);font:800 11px Cinzel,serif;text-transform:uppercase}.category-item:hover{transform:translateY(-4px);border-color:rgba(255,224,147,.55)}.category-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(216,170,55,.3);border-radius:50%;font-size:27px}.category-icon img{width:45px;height:45px;object-fit:contain}.category-arrow{position:absolute;top:14px;bottom:14px;z-index:3;width:30px;border:0;background:var(--gold3);color:#fff;font-size:30px}.category-prev{left:0}.category-next{right:0}
.jackpot-section{--jackpot-bg:none;padding:22px 0;background-image:linear-gradient(rgba(5,5,5,.72),rgba(5,5,5,.72)),var(--jackpot-bg);background-size:cover;background-position:center;border-bottom:1px solid var(--border)}.jackpot-shell{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;min-height:165px;padding:26px;border:2px solid var(--gold);border-radius:80px;background:radial-gradient(circle at 50% 20%,rgba(216,170,55,.14),transparent 48%),rgba(5,5,5,.83);box-shadow:inset 0 0 40px rgba(216,170,55,.15)}.jackpot-trophy{font-size:74px}.jackpot-copy{text-align:center}.jackpot-copy small{color:var(--gold2);font-weight:900;letter-spacing:.16em}.jackpot-copy strong{display:block;margin:5px 0;color:#fff;font:800 clamp(27px,4vw,48px) monospace;letter-spacing:.04em}.jackpot-copy p{margin:0;color:var(--muted)}.jackpot-lights{position:absolute;inset:8px;display:flex;justify-content:space-around;pointer-events:none}.jackpot-lights i{width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 12px var(--gold2);animation:blink 1.5s infinite alternate}.jackpot-lights i:nth-child(2n){animation-delay:.5s}@keyframes blink{from{opacity:.25}to{opacity:1}}
.section{padding:76px 0}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.section h1,.section h2{font-family:Cinzel,serif}.section h1{font-size:clamp(42px,6vw,70px)}.section h2{margin:7px 0;font-size:clamp(31px,4vw,47px)}
.game-section{background:linear-gradient(180deg,#0b0a07,#151006)}.game-slider{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.game-card{position:relative;flex:0 0 170px;padding:10px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#2b2009,#100d07);text-align:center;scroll-snap-align:start}.game-image{aspect-ratio:1;display:block;overflow:hidden;border:2px solid var(--gold);border-radius:50%}.game-image img{width:100%;height:100%;object-fit:cover}.game-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle,#8a6214,#140f06);font:800 42px Cinzel,serif}.game-card strong{display:block;margin-top:10px;font-size:11px}.game-badge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 7px;border-radius:6px;background:#bd0019;color:#fff;font-size:9px;font-weight:900}
.provider-section{padding:58px 0;background:#080806;border-block:1px solid var(--border)}.provider-slider{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}.provider-item{flex:0 0 190px;min-height:90px;display:grid;place-items:center;padding:14px;border:1px solid var(--border);border-radius:13px;background:#12100b}.provider-item img{max-width:150px;max-height:55px;object-fit:contain}.provider-item span{color:var(--gold2);font:800 16px Cinzel,serif}
.promotion-section{background:#0b0a07}.promotion-slider{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.promotion-card{flex:0 0 min(480px,85vw);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#15110a;scroll-snap-align:start}.promotion-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.promotion-placeholder{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#7a5611,#161005);font:800 31px Cinzel,serif}.promotion-copy{padding:22px}.promotion-copy h3{margin:0;font:800 25px Cinzel,serif}.promotion-copy p{color:var(--muted)}.button-small{min-height:39px;padding-inline:18px;font-size:12px}
.article-section{background:radial-gradient(circle at 88% 10%,rgba(216,170,55,.12),transparent 30%),#090806}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:45px}.article-content{color:#d2c9b6}.article-content h2,.article-content h3{margin-top:32px;color:#fff}.article-side{position:sticky;top:100px;height:max-content}.champion-panel{padding:28px;border:1px solid var(--border);border-radius:20px;background:#17130b;text-align:center}.champion-panel span{font-size:70px}.champion-panel h3{font:800 24px Cinzel,serif}.champion-panel p{color:var(--muted)}
.site-footer{padding:64px 0 24px;background:#030303;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr .8fr;gap:35px}.footer-brand{font:800 29px Cinzel,serif}.footer-brand span{color:var(--gold)}.footer-logo-image{max-width:190px}.site-footer h2{color:var(--gold2);font:800 16px Cinzel,serif}.site-footer p,.footer-disclaimer{color:var(--muted)}.footer-menu li+li,.footer-legal-list a+a{margin-top:7px}.footer-legal-list{display:grid}.footer-bottom{margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);color:#888;font-size:12px}
.piala11-loader{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#5c3d08,#050505 56%);transition:opacity .45s,visibility .45s}.piala11-loader.is-hidden{opacity:0;visibility:hidden}.loader-stage{position:relative;width:min(450px,calc(100% - 34px));text-align:center}.loader-halo{position:absolute;left:50%;top:48px;width:220px;height:220px;transform:translateX(-50%);border:2px solid rgba(255,224,147,.25);border-radius:50%;box-shadow:0 0 55px rgba(216,170,55,.22);animation:spin 7s linear infinite}.loader-halo:before,.loader-halo:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,224,147,.25);border-radius:50%}.loader-halo:after{inset:42px}.loader-cup{position:relative;z-index:2;font-size:120px;filter:drop-shadow(0 0 26px rgba(216,170,55,.6));animation:float 1.7s ease-in-out infinite alternate}.loader-logo{position:relative;z-index:2;max-width:220px;margin:8px auto 15px}.loader-wordmark{position:relative;z-index:2;font:800 44px Cinzel,serif}.loader-wordmark span{color:var(--gold)}.loader-stage>strong{display:block;margin:13px 0;color:var(--gold2);letter-spacing:.12em}.loader-track{height:5px;overflow:hidden;border-radius:20px;background:#322307}.loader-track span{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2));animation:loadline 1.2s infinite alternate}.loader-stage p{color:#ccc}@keyframes spin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes float{to{transform:translateY(-10px)}}@keyframes loadline{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
.piala-floating{position:fixed;bottom:24px;z-index:1200;display:flex;flex-direction:column;gap:10px}.piala-floating-left{left:18px}.piala-floating-right{right:18px}.piala-float{position:relative;width:52px;height:52px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:var(--float-color,#d8aa37);box-shadow:0 9px 25px rgba(0,0,0,.38)}.piala-float img{width:30px;height:30px;object-fit:contain}.piala-float>span{font-size:23px}.piala-float em{position:absolute;top:50%;right:62px;padding:6px 10px;transform:translateY(-50%);border-radius:6px;background:#111;font-size:11px;font-style:normal;white-space:nowrap;opacity:0;pointer-events:none}.piala-floating-left .piala-float em{right:auto;left:62px}.piala-float:hover em{opacity:1}.piala-device-mobile{display:none}
@media(max-width:1050px){.primary-menu{gap:15px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.menu-toggle{display:block}.primary-nav{position:fixed;top:78px;left:14px;right:14px;display:none;padding:14px;background:#111;border:1px solid var(--border)}.primary-nav.is-open{display:block}.primary-menu{display:block}.primary-menu a{display:block;padding:12px}.header-cta{display:none}.header-actions-mobile{display:flex}.hero-fallback-inner,.article-layout{grid-template-columns:1fr}.trophy-stage{max-width:520px}.article-side{position:static}}
@media(max-width:560px){.container{width:min(calc(100% - 20px),var(--container))}.header-inner{min-height:65px;gap:10px}.primary-nav{top:65px}.custom-logo{max-height:39px}.header-actions-mobile a{padding:0 11px}.hero-fallback,.hero-fallback-inner{min-height:500px}.hero-fallback h1{font-size:47px}.trophy-stage{display:none}.hero-arrow{width:34px}.category-item{flex-basis:110px}.jackpot-shell{gap:12px;padding:20px;border-radius:28px}.jackpot-trophy{font-size:42px}.jackpot-copy strong{font-size:23px}.section{padding:58px 0}.section-title-row{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:10px;flex-direction:column}.piala-device-desktop{display:none}.piala-device-mobile{display:grid}.piala-floating{bottom:78px}.piala-float{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}