:root{--ink:#07150d;--panel:#081b0fe0;--paper:#f7f5f0;--red:#ef0b18;--lime:#d8ff3e;--violet:#a88cff;--muted:#a7b2aa;--line:#ffffff26;--radius-xl:48px;--radius-lg:32px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:"Manrope",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}
.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 8%,#619d6594,transparent 32%),radial-gradient(circle at 9% 20%,#95907759,transparent 30%),linear-gradient(145deg,#1a211b 0%,#173d22 45%,#07150d 83%);z-index:-2}.page-glow::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 120px,#ffffff04 121px 122px)}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{max-width:1440px;height:94px;margin:0 auto;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:14px}.brand-mark{position:relative;width:48px;color:var(--red);font-size:37px;font-weight:800;letter-spacing:-.25em;line-height:1;filter:drop-shadow(0 8px 14px #ef0b1840)}.brand-mark span{display:inline-block;transform:skewY(-11deg)}.brand-name{font-size:11px;font-weight:800;letter-spacing:.16em}nav{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#020c0640;backdrop-filter:blur(10px)}nav a{padding:9px 18px;border-radius:999px;color:#cad1cc;font-size:12px;font-weight:700;transition:.2s}nav a:hover,nav a.active{color:#fff;background:#ffffff21}.online{display:flex;align-items:center;gap:8px;color:#d8ded9;font:500 9px "DM Mono";letter-spacing:.11em}.online span,.live-pill i{width:7px;height:7px;border-radius:50%;background:#7cff88;box-shadow:0 0 12px #7cff88}
.hero{max-width:1440px;margin:0 auto;padding:54px 4vw 120px;display:grid;grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr);gap:clamp(42px,6vw,100px);align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 20px;color:#c5cec7;font:500 10px "DM Mono";letter-spacing:.16em}.eyebrow>span{display:inline-block;width:24px;height:2px;margin:0 9px 3px 0;background:var(--red)}h1{margin:0;font-size:clamp(68px,7.7vw,122px);line-height:.83;letter-spacing:-.075em;font-weight:800}h1 em{color:var(--red);font-style:normal}.lead{max-width:500px;margin:32px 0;color:#c3ccc5;font-size:clamp(16px,1.35vw,20px);line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;min-width:210px;padding:18px 20px 18px 24px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;font-weight:800;box-shadow:0 15px 35px #ef0b1838;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-3px);background:#ff1b27}.hero-actions p{margin:0;color:var(--muted);font:10px "DM Mono";text-transform:uppercase}.hero-actions p strong{display:block;color:#fff;font:800 24px "Manrope"}
.spotlight{overflow:hidden;border-radius:var(--radius-xl);background:linear-gradient(145deg,#051a0df2,#0c3419e0);border:1px solid #ffffff29;box-shadow:0 45px 100px #00000059}.spotlight-head{min-height:138px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 38px}.spotlight-head .eyebrow{margin-bottom:7px;color:#9fb0a3}.spotlight h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:.95;letter-spacing:-.055em}.live-pill{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff1a;font:500 9px "DM Mono";white-space:nowrap}.stadium{position:relative;height:390px;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#ffffff40,transparent 28%),linear-gradient(110deg,#301425 0 20%,#172850 20% 80%,#2d2610 80%);border-radius:36px;box-shadow:inset 0 0 80px #000000a6}.crowd{position:absolute;inset:0 50% 50% 0;opacity:.7;background-image:radial-gradient(circle,#ff5363 0 2px,transparent 3px);background-size:12px 11px;transform:skewY(-8deg)}.crowd-right{inset:0 0 50% 50%;background-image:radial-gradient(circle,#6aa2ff 0 2px,transparent 3px);transform:skewY(8deg)}.court{position:absolute;left:17%;right:17%;top:17%;bottom:7%;background:#287343;border:8px solid #c9d3c7;box-shadow:0 0 0 5px #163d25,0 24px 50px #0008;transform:perspective(700px) rotateX(19deg)}.court::before,.court::after{content:"";position:absolute;background:#ffffffbf}.court::before{left:50%;top:0;bottom:0;width:2px}.court::after{left:0;right:0;top:50%;height:3px;box-shadow:0 3px 8px #0008}.court-line{position:absolute;background:#ffffffa6}.court .l1,.court .l2{top:0;bottom:0;width:2px}.court .l1{left:23%}.court .l2{right:23%}.court .l3{left:0;right:0;top:23%;height:2px;box-shadow:0 160px 0 #ffffffa6}.court-ball{position:absolute;left:57%;top:25%;width:20px;aspect-ratio:1;border-radius:50%;background:var(--lime);box-shadow:0 9px 15px #0008,0 0 18px #d8ff3e59}.court b{position:absolute;width:10px;height:54px;background:#fff;border-radius:10px;box-shadow:0 7px 12px #0007}.player-one{left:10%;bottom:18%}.player-two{right:10%;top:18%}.arena-label{position:absolute;top:19px;left:50%;transform:translateX(-50%);color:#fff;text-align:center;font-size:clamp(24px,3.3vw,49px);font-weight:800;line-height:.78;letter-spacing:-.06em;text-shadow:0 5px 20px #000}.spotlight-bottom{min-height:124px;padding:26px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.spotlight-bottom div{display:grid;gap:4px}.spotlight-bottom small{color:#93a497;font:9px "DM Mono";letter-spacing:.12em}.spotlight-bottom strong{font-size:18px}.spotlight-play{min-width:190px;padding:17px 20px 17px 26px;border:0;border-radius:999px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;font-weight:800;cursor:pointer;transition:.2s}.spotlight-play:hover{background:#ff1b27;transform:scale(1.02)}.spotlight-play span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--red);font-size:10px}
.games-section{padding:110px 4vw 140px;max-width:1440px;margin:0 auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading h2,.modal-header h2{margin:0;font-size:clamp(43px,6vw,82px);line-height:.9;letter-spacing:-.065em}.section-heading>p{margin:0;color:#aebbb1;font:11px/1.65 "DM Mono"}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.game-card{position:relative;grid-column:span 2;min-height:390px;padding:24px;overflow:hidden;border:1px solid #ffffff24;border-radius:var(--radius-lg);color:#fff;text-align:left;cursor:pointer;box-shadow:0 22px 50px #0003;transition:transform .25s,border-color .25s;isolation:isolate}.game-card:nth-child(4),.game-card:nth-child(5){grid-column:span 3}.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 50%,#0000006b);z-index:-1}.game-card:hover{transform:translateY(-7px);border-color:#ffffff61}.card-number{position:relative;z-index:2;display:inline-block;padding:8px 12px;border-radius:999px;background:#00000045;color:#fff;font:500 9px "DM Mono";letter-spacing:.12em}.card-visual{position:absolute;inset:60px 8% 82px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.game-card:hover .card-visual{transform:scale(1.045) rotate(-2deg)}.card-bottom{position:absolute;z-index:3;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;align-items:end}.card-bottom strong{display:block;font-size:clamp(24px,2.3vw,36px);line-height:1;letter-spacing:-.05em}.card-bottom small{display:block;margin-top:8px;color:#ffffffad;font:9px "DM Mono"}.arrow{flex:0 0 auto;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:11px;transition:transform .25s}.game-card:hover .arrow{transform:scale(1.12)}.tennis-card{background:linear-gradient(145deg,#426f3b,#17361f)}.bowling-card{background:linear-gradient(145deg,#677580,#29333d)}.cards-card{background:linear-gradient(145deg,#6a1921,#220d12)}.memory-card{background:linear-gradient(145deg,#513d75,#171027)}.ace-card{background:linear-gradient(145deg,#197077,#0b3036)}
.tennis-visual{background:repeating-linear-gradient(90deg,transparent 0 24.8%,#ffffff33 25% 25.3%),repeating-linear-gradient(0deg,transparent 0 49.5%,#ffffff57 50% 50.5%);border:2px solid #ffffff6b;transform:perspective(500px) rotateX(48deg) rotateZ(-8deg)}.tennis-visual::after{content:"";position:absolute;width:55px;aspect-ratio:1;border-radius:50%;background:var(--lime);top:18%;left:54%;box-shadow:0 14px 25px #0008}.bowling-visual{display:flex;justify-content:center;gap:15px;align-items:flex-start}.bowling-visual i{width:46px;height:150px;background:var(--paper);border-radius:45% 45% 32% 32%;position:relative;box-shadow:0 12px 25px #0005}.bowling-visual i::after{content:"";position:absolute;height:15px;left:0;right:0;top:40px;border-block:5px solid var(--red)}.bowling-visual i:nth-child(2){transform:translateY(70px)}.bowling-visual i:nth-child(3){transform:translateY(10px)}.bowling-visual b{position:absolute;width:130px;aspect-ratio:1;border-radius:50%;background:#111923;bottom:0;right:0;box-shadow:inset -22px -18px 36px #0008}.cards-visual{display:flex;justify-content:center;align-items:center}.cards-visual i{position:absolute;width:135px;height:195px;border-radius:12px;background:var(--paper);color:#111;padding:13px;font:800 27px "DM Mono";box-shadow:0 18px 35px #0008}.cards-visual i span{display:block}.cards-visual i:first-child{transform:rotate(-12deg) translateX(-38px)}.cards-visual i:last-child{transform:rotate(11deg) translateX(38px);color:var(--red)}.memory-visual{display:grid;grid-template-columns:repeat(3,70px);gap:9px;place-content:center}.memory-visual i{aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffff2e;background:#211a38;border-radius:9px;font-size:22px;color:var(--violet);font-style:normal}.memory-visual i:nth-child(2n){background:var(--violet);color:#171327}.ace-visual{left:12%;right:12%;top:54px;bottom:82px;border:2px solid #ffffff8c;background:repeating-linear-gradient(90deg,transparent 0 49.7%,#ffffff59 50% 50.3%),linear-gradient(0deg,transparent 49.5%,#ffffffcc 49.5% 50.5%,transparent 50.5%);transform:perspective(700px) rotateX(48deg) rotateZ(-4deg)}.ace-visual::before,.ace-visual::after{content:"";position:absolute;left:12%;right:12%;height:1px;background:#ffffff8c}.ace-visual::before{top:25%}.ace-visual::after{bottom:25%}.ace-visual i{position:absolute;width:76px;aspect-ratio:1;border:3px dashed var(--lime);border-radius:50%;right:16%;top:10%;box-shadow:0 0 0 10px #d8ff3e17}.ace-visual b{position:absolute;width:42px;aspect-ratio:1;border-radius:50%;background:var(--lime);right:21%;top:18%;box-shadow:0 13px 22px #0007}.ace-visual em{position:absolute;left:10%;bottom:-12%;width:14px;height:130px;border-radius:10px;background:#fff;transform:rotate(28deg);box-shadow:0 10px 22px #0006}
.about{max-width:calc(1440px - 8vw);margin:0 auto 100px;padding:64px;border-radius:var(--radius-xl);background:#041209b8;border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:40px 55px;align-items:center}.about-logo{width:105px;aspect-ratio:1;display:grid;place-items:center;border-radius:30px;background:var(--red);font-size:35px;font-weight:800;letter-spacing:-.12em;box-shadow:0 20px 40px #ef0b1833}.manifesto{margin:0;font-size:clamp(34px,4.4vw,65px);font-weight:800;line-height:.95;letter-spacing:-.06em}.manifesto span{color:var(--red)}.about-meta{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font:9px "DM Mono";letter-spacing:.13em}footer{max-width:1440px;margin:0 auto;padding:45px 4vw 60px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--muted);font:9px "DM Mono";letter-spacing:.1em}.hosted-by a{color:#fff;border-bottom:1px solid var(--red);padding-bottom:3px}.hosted-by a:hover{color:#ff5a63}
dialog{max-width:none;width:100vw;height:100dvh;padding:0;border:0;background:#030c07eb;color:#fff;backdrop-filter:blur(18px)}dialog::backdrop{background:#010804c7}.modal-shell{min-height:100%;padding:28px 4.5vw 50px}.modal-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:24px}.modal-header .eyebrow{margin-bottom:10px;color:#ff616b}.modal-header h2{font-size:clamp(34px,5vw,65px)}.icon-button{border:1px solid var(--line);width:50px;height:50px;border-radius:50%;background:var(--red);color:#fff;font-size:28px;cursor:pointer;transition:.2s}.icon-button:hover{background:#fff;color:var(--red)}.game-stage{max-width:1050px;margin:30px auto 0;min-height:610px}.game-ui{display:grid;gap:20px}.scorebar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background:#102519;border:1px solid var(--line);border-radius:16px;font:500 12px "DM Mono"}.scorebar strong{color:#ff5661;font-size:18px}.scorebar span:last-child{text-align:right}.game-canvas{width:100%;max-height:500px;aspect-ratio:16/9;display:block;background:#141922;border:1px solid var(--line);border-radius:24px;touch-action:none}.game-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.game-button{border:0;background:var(--red);color:#fff;padding:14px 25px;border-radius:999px;font:700 12px "Manrope";letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s}.game-button:hover{background:#ff2631;transform:translateY(-2px)}.game-button.secondary{background:#ffffff1a;color:#fff;border:1px solid var(--line)}.game-button:disabled{opacity:.35;pointer-events:none}.hint{text-align:center;margin:0;color:var(--muted);font:10px/1.5 "DM Mono";letter-spacing:.05em}
.lane{position:relative;height:440px;max-width:620px;margin:0 auto;background:linear-gradient(90deg,#876b47 0 2%,#d6b57d 2% 98%,#876b47 98%);clip-path:polygon(26% 0,74% 0,100% 100%,0 100%);overflow:hidden}.lane::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 19.5%,#412b1614 20% 20.5%)}.pins{position:absolute;top:30px;left:50%;width:150px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;z-index:2}.pin{width:24px;height:56px;border-radius:45% 45% 35% 35%;background:var(--paper);justify-self:center;position:relative;box-shadow:0 4px 7px #0004}.pin::after{content:"";position:absolute;left:0;right:0;top:17px;border-top:6px solid var(--red)}.pin.down{opacity:0;transform:translate(18px,18px) rotate(70deg);transition:.35s}.bowl-ball{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#586279,#171c27 55%);z-index:3;transition:bottom .85s cubic-bezier(.4,0,.8,.6),left .25s}.bowl-ball::after{content:"··";position:absolute;inset:5px 14px auto auto;color:#07080b;font-size:35px;letter-spacing:-5px}.bowl-ball.rolling{bottom:330px;width:35px;height:35px}.power-wrap{max-width:620px;margin:14px auto 0}.power-track{height:18px;background:#222734;border:1px solid var(--line);border-radius:999px;position:relative;overflow:hidden}.power-zone{position:absolute;left:44%;width:12%;height:100%;background:#7cff88;opacity:.72}.power-marker{position:absolute;width:5px;height:100%;background:white;left:0}
.table{min-height:440px;border-radius:160px 160px 24px 24px;padding:50px 30px 30px;background:radial-gradient(circle at 50% 30%,#21493c,#102a25 70%);border:8px solid #3a2319;box-shadow:inset 0 0 60px #0008;text-align:center}.hand{min-height:150px;display:flex;justify-content:center;align-items:center;padding:12px}.playing-card{width:88px;height:126px;border-radius:9px;padding:8px;background:var(--paper);color:#111;text-align:left;font:700 20px "DM Mono";box-shadow:0 8px 16px #0005;margin-left:-12px;animation:deal .25s ease-out}.playing-card.red{color:#dc1825}.playing-card.back{background:repeating-linear-gradient(45deg,#35141a 0 6px,#a10c18 6px 12px);border:5px solid #fff;color:transparent}@keyframes deal{from{transform:translateY(-30px) rotate(6deg);opacity:0}}.hand-label{font:10px "DM Mono";letter-spacing:.12em;color:#b5c9c2}.hand-label strong{color:white;font-size:16px}
.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:620px;margin:0 auto;perspective:800px}.memory-tile{aspect-ratio:1;border:0;border-radius:12px;background:transparent;padding:0;cursor:pointer;transform-style:preserve-3d;transition:transform .35s;position:relative}.memory-tile.flipped,.memory-tile.matched{transform:rotateY(180deg)}.tile-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;border-radius:12px;border:1px solid #ffffff26}.tile-back{background:#291018;color:#d82a36;font-size:20px}.tile-front{background:#f6f2e9;color:#301016;transform:rotateY(180deg);font-size:clamp(25px,5vw,50px)}.memory-tile.matched .tile-front{background:#7cff88;box-shadow:0 0 24px #7cff8840}.result-banner{padding:15px;text-align:center;background:#7cff88;color:#07150d;font-weight:800}.serve-meter{max-width:760px;margin:0 auto}.serve-meter .power-zone{left:46%;width:8%}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:38px}.hero-copy{max-width:760px}.game-card{grid-column:span 3}.game-card:nth-child(5){grid-column:2/span 4}.online{display:none}}
@media(max-width:700px){:root{--radius-xl:34px;--radius-lg:26px}.topbar{height:78px;padding-inline:18px}.brand-name{font-size:9px}nav{display:none}.hero{display:block;padding:34px 18px 74px}.eyebrow{font-size:8px}.hero h1{font-size:clamp(61px,20vw,88px)}.lead{font-size:15px;margin:24px 0}.hero-actions{justify-content:space-between;gap:15px}.primary-button{min-width:190px;padding-block:16px}.spotlight{margin-top:54px}.spotlight-head{min-height:112px;padding:25px 22px}.spotlight h2{font-size:32px}.live-pill{padding:8px 10px;font-size:8px}.stadium{height:270px;border-radius:26px}.court{left:10%;right:10%;top:20%;bottom:8%}.arena-label{font-size:25px}.spotlight-bottom{min-height:142px;display:block;padding:22px}.spotlight-bottom div{margin-bottom:18px}.spotlight-play{width:100%}.games-section{padding:80px 18px 95px}.section-heading{align-items:start;flex-direction:column;margin-bottom:30px}.section-heading h2{font-size:49px}.section-heading>p{font-size:9px}.game-grid{display:block}.game-card,.game-card:nth-child(4),.game-card:nth-child(5){display:block;width:100%;min-height:420px;margin-bottom:15px}.card-bottom strong{font-size:29px}.memory-visual{grid-template-columns:repeat(3,68px)}.about{margin:0 18px 70px;padding:32px 24px;grid-template-columns:1fr;gap:28px;border-radius:34px}.about-logo{width:74px;border-radius:22px}.about-meta{display:grid;gap:12px}.manifesto{font-size:36px}footer{padding:38px 18px 52px;align-items:flex-start;flex-direction:column}.modal-shell{padding:20px 14px 40px}.game-stage{min-height:0}.scorebar{font-size:9px;gap:8px;padding-inline:10px;overflow-x:auto}.scorebar strong{font-size:15px}.lane{height:360px}.bowl-ball.rolling{bottom:270px}.table{min-height:400px;padding-inline:15px}.playing-card{width:64px;height:94px;font-size:15px}.memory-board{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}