:root{--bg:#0f1b24;--header:#11202b;--game:#152431;--panel:#1a2c38;--input:#0f212e;--tile:#2f4553;--border:#2a4254;--blue:#1475e1;--blue-hover:#1267c7;--text:#fff;--muted:#b1bcca;--muted-2:#7a8a99;--green:#2bd47d;--red:#e9415f}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--border);background:rgba(17,32,43,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.6px;width:max-content}.brand span{color:var(--green)}.nav{display:flex;gap:28px;height:100%;font-size:13px;font-weight:600;color:var(--muted)}.nav a{height:100%;display:flex;align-items:center;position:relative;transition:.15s}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}.wallet{display:flex;justify-content:flex-end;align-items:center;gap:8px}.balance{min-width:112px;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;background:var(--input);border:1px solid var(--border);border-radius:9px;padding:7px 12px}.balance small{color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.7px}.balance b{font-size:14px;color:var(--green);font-family:'Space Grotesk',sans-serif}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);border-radius:9px;color:var(--muted);cursor:pointer;transition:.15s}.icon-button svg{width:17px}.icon-button:hover{color:var(--text);border-color:var(--blue);background:var(--tile)}
.hero{max-width:1180px;margin:0 auto;padding:76px 22px 86px;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.86fr);align-items:center;gap:74px;position:relative}.hero:before{content:"";position:absolute;right:-80px;top:10px;width:560px;height:440px;background:radial-gradient(circle,rgba(20,117,225,.12),transparent 65%);pointer-events:none}.hero-copy,.hero-arena{position:relative}.eyebrow,.section-kicker{font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:1.7px;font-weight:700;color:#71b5ff}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:21px}.eyebrow i,.legend i,.available i,.arena-status i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 9px rgba(43,212,125,.7)}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-2.6px}.hero h1 span{color:var(--muted)}.hero-copy>p{color:var(--muted);font-size:16px;line-height:1.7;max-width:590px;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:11px;border-radius:9px;padding:13px 18px;font-size:14px;font-weight:700;transition:.15s}.button.primary{background:var(--blue);box-shadow:0 3px 0 rgba(0,0,0,.22)}.button.primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.button svg,.card-action svg{width:17px;height:17px}.demo-note{font-size:11px;color:var(--muted-2)}
.hero-arena{background:linear-gradient(145deg,var(--game),#13232e);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 28px 60px rgba(0,0,0,.28)}.hero-arena:after{content:"";position:absolute;inset:8px -8px -8px 8px;border:1px solid rgba(42,66,84,.45);border-radius:16px;z-index:-1}.arena-top,.pot{display:flex;align-items:center;justify-content:space-between}.arena-top{font:600 13px 'Space Grotesk';color:var(--muted);margin-bottom:18px}.arena-status{font:600 10px 'Inter';text-transform:uppercase;letter-spacing:.8px;color:var(--green);display:flex;align-items:center;gap:7px}.arena-status i{width:6px;height:6px}.players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--panel);border-radius:10px;padding:12px}.player{display:flex;align-items:center;gap:10px}.player.opponent{justify-content:flex-end;text-align:right}.avatar{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--tile);border:1px solid var(--border);font:700 11px 'Space Grotesk';color:var(--muted)}.you .avatar{background:rgba(20,117,225,.16);border-color:rgba(20,117,225,.65);color:#70b7ff}.player div:not(.avatar){display:flex;flex-direction:column}.player small{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.6px}.player strong{font:600 13px 'Space Grotesk'}.versus{padding:0 12px;text-align:center;display:flex;flex-direction:column}.versus span{font:700 11px 'Space Grotesk';color:var(--muted)}.versus small{font-size:9px;color:var(--green)}.arena-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.arena-board span{aspect-ratio:1.4;border-radius:5px;background:var(--tile);box-shadow:0 3px 0 #223543}.arena-board .safe{background:#12372e;box-shadow:0 3px 0 #0a2821;position:relative}.arena-board .safe:after,.arena-board .mine:after{display:none}.arena-board .safe,.arena-board .mine{display:grid;place-items:center}.arena-board .gem-icon,.arena-board .mine-icon{width:46%;height:64%;stroke:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}.arena-board .mine{background:#421a24;box-shadow:0 3px 0 #2a0f17;position:relative}.arena-board .mine-icon{width:52%;height:70%}.arena-board .mine-icon path{stroke:#e9415f;stroke-width:5}.pot{background:var(--input);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:11px;color:var(--muted)}.pot strong{font:700 15px 'Space Grotesk';color:var(--green)}
.games-section{max-width:1180px;margin:0 auto;padding:0 22px 92px;scroll-margin-top:90px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:22px}.section-kicker{display:block;margin-bottom:10px}.section-head h2,.steps h2{font:700 29px 'Space Grotesk';letter-spacing:-.7px}.legend{font-size:11px;color:var(--muted-2);display:flex;align-items:center;gap:8px;margin-bottom:5px}.legend i{width:6px;height:6px}.games-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.game-card{background:var(--game);border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative}.game-card.live{grid-column:span 6;display:grid;grid-template-columns:44% 56%;min-height:310px;transition:.2s}.game-card.live:hover{border-color:#3e6079;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.22)}.card-visual{background:var(--input);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-right:1px solid var(--border)}.card-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(20,117,225,.17),transparent 62%)}.mini-grid{width:164px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;transform:rotate(-3deg)}.mini-grid i{aspect-ratio:1;border-radius:5px;background:var(--tile);box-shadow:0 3px 0 #223543}.mini-grid i.gem{background:#12372e;box-shadow:0 3px 0 #0a2821;position:relative}.mini-grid i.gem:after{content:"";position:absolute;inset:34%;background:var(--green);transform:rotate(45deg);border-radius:2px}.mini-grid i.bomb{background:#421a24;box-shadow:0 3px 0 #2a0f17;position:relative}.mini-grid i.bomb:after{content:"";position:absolute;inset:30%;border-radius:50%;background:var(--red)}/* cartão Blackjack */
.cards-visual:before{background:radial-gradient(circle at 40% 46%,rgba(233,65,95,.16),transparent 38%),radial-gradient(circle at 66% 56%,rgba(20,117,225,.16),transparent 42%)}.cards-showcase{position:relative;width:150px;height:150px}.cards-showcase .play-card{position:absolute;left:50%;top:50%;width:74px;height:104px;border-radius:9px;background:linear-gradient(160deg,#fff,#eef2f7);box-shadow:0 8px 18px rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:space-between;padding:8px 9px;font-family:'Space Grotesk',sans-serif;font-weight:700;transition:transform .42s cubic-bezier(.2,.85,.25,1.15),box-shadow .35s ease}.cards-showcase .play-card b{font-size:18px;line-height:1}.cards-showcase .play-card i{font-style:normal;font-size:18px;align-self:flex-end}.cards-showcase .play-card.dark{color:#16222d;transform:translate(-50%,-50%) rotate(9deg) translateX(20px);z-index:3}.cards-showcase .play-card.red{color:var(--red);transform:translate(-50%,-50%) rotate(-2deg);z-index:2}.cards-showcase .play-card.back{background:linear-gradient(150deg,#1c5bb0,#1475e1);box-shadow:inset 0 0 0 4px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.4);transform:translate(-50%,-50%) rotate(-13deg) translateX(-20px);z-index:1}.game-card:hover .cards-showcase .play-card.dark{transform:translate(-50%,-50%) rotate(14deg) translateX(30px) translateY(-4px)}.game-card:hover .cards-showcase .play-card.back{transform:translate(-50%,-50%) rotate(-18deg) translateX(-30px) translateY(-4px)}/* cartões Cara ou Coroa e Moles */
.coin-visual,.moles-visual{isolation:isolate}
.coin-visual:before{background:radial-gradient(circle at 42% 52%,rgba(255,164,0,.22),transparent 38%),radial-gradient(circle at 70% 34%,rgba(146,86,236,.2),transparent 40%)}
.coin-showcase{position:relative;width:220px;height:190px;z-index:1}
.coin-orbit{position:absolute;left:18px;top:17px;width:185px;height:150px;border:1px solid rgba(111,181,255,.18);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 35px rgba(20,117,225,.08)}
.home-coin{position:absolute;width:112px;height:112px;border-radius:50%;border:2px solid rgba(255,255,255,.13);box-shadow:inset 0 4px 7px rgba(255,255,255,.34),inset 0 -8px 12px rgba(0,0,0,.15),0 18px 28px rgba(0,0,0,.42);transition:transform .35s cubic-bezier(.2,.8,.25,1);z-index:2}
.home-coin:before{content:"";position:absolute;inset:5px -3px -8px 3px;border-radius:50%;background:#c67800;z-index:-1;box-shadow:0 5px 12px rgba(0,0,0,.34)}
.home-coin:after{content:"";position:absolute;left:50%;top:50%;background:#102632;box-shadow:inset 0 3px 6px rgba(0,0,0,.45);transform:translate(-50%,-50%)}
.home-coin.cara{left:16px;top:67px;background:radial-gradient(circle at 35% 28%,#ffe17a,#ffb000 58%,#f59400);transform:rotate(-12deg);z-index:3}
.home-coin.cara:after{width:54px;height:54px;border-radius:50%}
.home-coin.coroa{right:13px;top:24px;background:radial-gradient(circle at 35% 28%,#c6a0ff,#9256ec 58%,#6734c3);transform:rotate(11deg)}
.home-coin.coroa:before{background:#642fba}
.home-coin.coroa:after{width:48px;height:48px;border-radius:11px;transform:translate(-50%,-50%) rotate(45deg)}
.home-coin span{position:absolute;left:20px;top:13px;width:43px;height:12px;border-radius:50%;background:rgba(255,255,255,.25);transform:rotate(-18deg)}
.coin-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffb118;box-shadow:0 0 10px rgba(255,177,24,.65)}
.coin-particle.p1{left:5px;top:48px}.coin-particle.p2{right:2px;top:99px;background:#a777ff}.coin-particle.p3{right:41px;bottom:1px;width:4px;height:4px}
.game-card:hover .home-coin.cara{transform:translate(-5px,-5px) rotate(-7deg)}
.game-card:hover .home-coin.coroa{transform:translate(5px,-5px) rotate(6deg)}

.moles-visual:before{background:radial-gradient(circle at 50% 53%,rgba(255,177,0,.16),transparent 35%),radial-gradient(circle,rgba(20,117,225,.15),transparent 67%)}
.moles-scene{position:relative;width:226px;height:188px;z-index:1}
.home-hole{position:absolute;width:48px;height:34px;border-radius:50%;background:radial-gradient(ellipse at 50% 34%,#07131a 0%,#10232d 55%,#233b49 100%);box-shadow:inset 0 7px 10px rgba(0,0,0,.62),0 0 0 5px #1d303c,0 7px 10px rgba(0,0,0,.28);z-index:1}
.home-hole.h1{left:59px;top:18px}.home-hole.h2{left:132px;top:18px}.home-hole.h3{left:17px;top:72px}.home-hole.h4{left:89px;top:72px}.home-hole.h5{left:162px;top:72px}.home-hole.h6{left:59px;top:130px}.home-hole.h7{left:132px;top:130px}
.home-mole{position:absolute;left:80px;top:45px;width:70px;height:90px;z-index:3;filter:drop-shadow(0 8px 6px rgba(0,0,0,.38));transition:transform .35s cubic-bezier(.2,.9,.25,1.2)}
.home-mole svg{display:block;width:100%;height:100%;stroke:none}
.hm-body{fill:#ffc400}.hm-shade{fill:#f19a00;opacity:.6}.hm-highlight{fill:#fff6cf}.hm-eye{fill:#172b37}.hm-snout{fill:#ff7400}.hm-smile{fill:none;stroke:#8a351e!important;stroke-width:4!important;stroke-linecap:round}.hm-tooth{fill:#fffdf4}.hm-belly{fill:#ff8500}
.home-mallet{position:absolute;left:139px;top:24px;width:73px;height:73px;z-index:4;filter:drop-shadow(0 6px 4px rgba(0,0,0,.4));transform:rotate(-24deg);transform-origin:75% 80%;transition:transform .35s cubic-bezier(.2,.8,.25,1)}
.home-mallet .hml-handle{fill:#e6eef2;stroke:none}.home-mallet .hml-head{fill:#edf3f6;stroke:none}.home-mallet .hml-cap{fill:#b9c6ce;stroke:none}.home-mallet .hml-mark{fill:#e34d68;stroke:none}
.game-card:hover .home-mole{transform:translateY(-7px)}
.game-card:hover .home-mallet{transform:translate(3px,8px) rotate(2deg)}
/* acabamento e movimento subtil: Minas e Dados */
.mines-visual:before{background:radial-gradient(circle at 38% 38%,rgba(43,212,125,.16),transparent 35%),radial-gradient(circle at 68% 68%,rgba(233,65,95,.12),transparent 31%),radial-gradient(circle,rgba(20,117,225,.12),transparent 68%)}
.mini-grid{filter:drop-shadow(0 10px 12px rgba(0,0,0,.24));transition:transform .4s cubic-bezier(.2,.8,.25,1),filter .4s ease}
.mini-grid i{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.85,.25,1.2),background .3s ease,box-shadow .3s ease}
.mini-grid i:before{content:"";position:absolute;left:10%;right:10%;top:8%;height:23%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(-12deg)}
.mini-grid i.gem:after{inset:29%;background:linear-gradient(135deg,#78f2b0 0%,#2bd47d 48%,#119c59 100%);border-radius:2px;box-shadow:0 3px 7px rgba(43,212,125,.25);transition:transform .32s cubic-bezier(.2,.9,.25,1.25),box-shadow .32s ease}
.mini-grid i.bomb:after{inset:27%;border-radius:50%;background:radial-gradient(circle at 36% 30%,#566c79 0 15%,#172832 20% 66%,#0b171e 70%);box-shadow:0 3px 7px rgba(0,0,0,.38)}
.mini-grid i.bomb:before{content:"";position:absolute;left:54%;top:18%;width:12px;height:9px;border-top:2px solid #e9415f;border-radius:50%;background:radial-gradient(circle at 90% 0,#ffb13d 0 2px,transparent 3px);z-index:2;transform:rotate(-18deg)}
.game-card:hover .mines-visual .mini-grid{transform:rotate(0) translateY(-4px);filter:drop-shadow(0 15px 15px rgba(0,0,0,.3))}
.game-card:hover .mini-grid i.gem:after{transform:rotate(45deg) scale(1.2);box-shadow:0 0 14px rgba(43,212,125,.52)}
.game-card:hover .mini-grid i.gem:nth-child(3):after{transition-delay:.03s}.game-card:hover .mini-grid i.gem:nth-child(7):after{transition-delay:.08s}.game-card:hover .mini-grid i.gem:nth-child(14):after{transition-delay:.13s}
.game-card:hover .mini-grid i.bomb{animation:mini-bomb-alert .58s ease both}
@keyframes mini-bomb-alert{0%,100%{transform:rotate(0)}35%{transform:rotate(-3deg) scale(1.04)}65%{transform:rotate(3deg) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.game-card:hover .mini-grid i.bomb{animation:none!important}}

.dice-visual{gap:13px}
.dice-visual:before{background:radial-gradient(circle at 32% 48%,rgba(111,181,255,.17),transparent 35%),radial-gradient(circle at 72% 50%,rgba(233,65,95,.12),transparent 35%)}
.dice-visual .die{border:1px solid rgba(255,255,255,.62);transition:transform .42s cubic-bezier(.2,.85,.25,1.15),box-shadow .35s ease}
.dice-visual .die:before{content:"";position:absolute;left:12px;right:12px;top:8px;height:12px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(-12deg)}
.dice-visual .die:after{content:"";position:absolute;left:10px;right:10px;bottom:-5px;height:9px;border-radius:50%;background:rgba(68,85,101,.3);filter:blur(3px);z-index:-1}
.dice-visual .die i{transition:transform .3s ease,box-shadow .3s ease}
.dice-visual .visual-vs{padding:6px 7px;border-radius:999px;background:var(--panel);border:1px solid var(--border);box-shadow:0 5px 10px rgba(0,0,0,.2);transition:transform .35s ease,color .35s ease}
.game-card:hover .dice-visual .die:first-of-type{transform:translate(-4px,-6px) rotate(5deg);box-shadow:inset 0 -4px 5px rgba(90,110,130,.3),0 14px 20px rgba(0,0,0,.38)}
.game-card:hover .dice-visual .die:last-of-type{transform:translate(4px,-5px) rotate(-5deg);box-shadow:inset 0 -4px 5px rgba(90,110,130,.3),0 14px 20px rgba(0,0,0,.38)}
.game-card:hover .dice-visual .die i{box-shadow:0 0 5px rgba(20,117,225,.22)}
.game-card:hover .dice-visual .visual-vs{transform:scale(1.08);color:#9acbff}.die{width:76px;height:76px;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#cbd5e1);box-shadow:inset 0 -4px 5px rgba(90,110,130,.35),0 8px 16px rgba(0,0,0,.35);position:relative;transform:rotate(-7deg)}.die:last-child{transform:rotate(8deg)}.die i{width:11px;height:11px;border-radius:50%;background:#1b2a36;position:absolute}.face-five i:nth-child(1),.face-six i:nth-child(1){left:16px;top:16px}.face-five i:nth-child(2),.face-six i:nth-child(2){right:16px;top:16px}.face-five i:nth-child(3){left:50%;top:50%;transform:translate(-50%,-50%)}.face-five i:nth-child(4),.face-six i:nth-child(5){left:16px;bottom:16px}.face-five i:nth-child(5),.face-six i:nth-child(6){right:16px;bottom:16px}.face-six i:nth-child(3){left:16px;top:50%;transform:translateY(-50%)}.face-six i:nth-child(4){right:16px;top:50%;transform:translateY(-50%)}.visual-vs{font:700 10px 'Space Grotesk';color:var(--muted-2);z-index:1}.card-content{padding:24px;display:flex;flex-direction:column}.card-meta{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted-2);margin-bottom:25px}.available{display:flex;align-items:center;gap:7px;color:var(--green)}.available i{width:5px;height:5px;box-shadow:none}.card-content h3,.soon-copy h3{font:700 24px 'Space Grotesk';letter-spacing:-.4px}.card-content p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:10px}.card-action{display:flex;align-items:center;gap:7px;color:#6fb5ff;font-size:12px;font-weight:700;margin-top:auto;padding-top:22px}.game-card.live:hover .card-action{color:#a0ceff}
.game-card.soon{grid-column:span 6;min-height:142px;display:flex;align-items:center;padding:18px;gap:18px;background:rgba(21,36,49,.55)}.soon-visual{width:112px;align-self:stretch;flex:0 0 112px;border-radius:9px;background:var(--input);display:grid;place-items:center;border:1px solid rgba(42,66,84,.7);opacity:.7}.coin span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:5px solid #8291a0;color:#8291a0;font:700 22px 'Space Grotesk';box-shadow:inset 0 0 0 3px var(--input),inset 0 0 0 5px #8291a0}.chart svg{width:68px;color:#8291a0;stroke-width:4}.soon-copy>span{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted-2)}.soon-copy h3{font-size:18px;margin-top:5px;color:var(--muted)}.soon-copy p{font-size:12px;color:var(--muted-2);margin-top:5px}
.steps{max-width:1180px;margin:0 auto 80px;padding:35px 22px;display:grid;grid-template-columns:1fr 2fr;gap:70px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);scroll-margin-top:100px}.steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps li{display:flex;gap:14px}.steps li>span{font:700 11px 'Space Grotesk';color:var(--blue);padding-top:4px}.steps h3{font:600 14px 'Space Grotesk';margin-bottom:6px}.steps p{font-size:11px;line-height:1.55;color:var(--muted-2)}footer{max-width:1180px;margin:0 auto;padding:0 22px 35px;display:flex;justify-content:space-between;align-items:center;color:var(--muted-2);font-size:10px}footer .brand{font-size:18px;color:var(--text)}.toast{position:fixed;left:50%;bottom:24px;z-index:30;transform:translate(-50%,18px);padding:11px 16px;border:1px solid rgba(43,212,125,.45);border-radius:9px;background:var(--panel);color:var(--green);font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 14px 40px rgba(0,0,0,.45)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:48px;padding-top:58px}.hero-arena{max-width:560px;width:100%;margin:auto}.game-card.live{grid-column:span 12}.game-card.soon{grid-column:span 6}.steps{grid-template-columns:1fr;gap:28px}}@media(max-width:640px){.topbar{height:64px;grid-template-columns:1fr auto;padding:0 14px}.nav{display:none}.brand{font-size:20px}.balance{min-width:102px}.hero{padding:45px 14px 64px;gap:40px}.hero h1{font-size:clamp(38px,11vw,52px);letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.hero-arena{padding:12px}.player small{display:none}.player.opponent div:not(.avatar){display:none}.versus{padding:0 5px}.arena-board{gap:5px}.games-section{padding:0 14px 64px}.legend{display:none}.section-head h2{font-size:26px}.game-card.live{display:flex;flex-direction:column;min-height:0}.card-visual{height:210px;border-right:0;border-bottom:1px solid var(--border)}.card-content{min-height:250px}.game-card.soon{grid-column:span 12}.steps{margin:0 14px 55px;padding:30px 0;display:block}.steps-intro{margin-bottom:28px}.steps ol{grid-template-columns:1fr;gap:20px}.steps li{border-top:1px solid rgba(42,66,84,.55);padding-top:18px}footer{padding:0 14px 28px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.account{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.account span{font-size:11px;font-weight:700;color:var(--text)}.account a{font-size:9px;color:#71b5ff}.account a:hover{color:#a0ceff}@media(max-width:640px){.account{display:none}}


.arena-board span.revealed{animation:arena-reveal .34s cubic-bezier(.2,.8,.3,1.25)}.arena-status i{animation:arena-pulse 1.6s ease-in-out infinite}@keyframes arena-reveal{0%{transform:scale(.6);opacity:.2}65%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes arena-pulse{50%{opacity:.42;box-shadow:0 0 2px rgba(43,212,125,.25)}}@media(prefers-reduced-motion:reduce){.arena-board span,.arena-status i{animation:none!important}}
.arena-status b{font:inherit}.win-burst{position:absolute;z-index:4;left:50%;top:59%;width:180px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(circle,rgba(18,55,46,.97),rgba(15,33,46,.96));border:1px solid rgba(43,212,125,.55);box-shadow:0 14px 34px rgba(0,0,0,.42);opacity:0;transform:translate(-50%,-50%) scale(.88);pointer-events:none}.win-burst span{font:700 11px 'Space Grotesk';letter-spacing:2.5px;color:#b7ffd7}.win-burst strong{font:700 24px 'Space Grotesk';color:var(--green);text-shadow:0 0 18px rgba(43,212,125,.5);margin-top:5px}.win-burst.show{animation:win-burst-in .42s cubic-bezier(.2,.9,.25,1.2) forwards}.hero-arena.is-win{animation:arena-win-glow 1.1s ease}.hero-arena.is-win .player.you{color:var(--green)}.hero-arena.is-win .player.opponent{opacity:.45}.hero-arena.is-win .pot strong{animation:prize-pop .55s ease;color:var(--green)}@keyframes win-burst-in{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes arena-win-glow{45%{border-color:var(--green);box-shadow:0 22px 70px rgba(43,212,125,.18)}}@keyframes prize-pop{50%{transform:scale(1.16)}}@media(prefers-reduced-motion:reduce){.win-burst,.hero-arena.is-win,.hero-arena.is-win .pot strong{animation:none!important}}
