/* Soccer Win — stadium identity, shared by every public and admin page. */
:root{--bg:#060e09;--panel:#101e15;--panel2:#15271b;--line:#294b34;--text:#f4f8ef;--muted:#9eafa3;--teal:#34e275;--cyan:#63ed91;--purple:#dfb650;--football-gold:#edc96b}
body{background:#060e09;color:#f4f8ef}
.site-header{background:linear-gradient(#06120df2,#06120d20)}
.neon-brand .soccer-brand-art{width:186px;height:56px;filter:none;object-fit:contain}
.nav-primary{background:linear-gradient(120deg,#ebc965,#c7a243);color:#172011;box-shadow:0 6px 20px #d7b34b22}
.nav-outline{border-color:#55705b;background:#0b1c12aa}
.hero{min-height:auto;padding:105px 20px 50px;background:linear-gradient(#06100bcc,#06100bf2),url('/static/soccer-stadium.webp') center top/cover}
.hero:after{background:radial-gradient(ellipse at center,transparent,#060e0955)}
.hero-grid{opacity:.08;background-size:70px 70px;background-image:linear-gradient(#82b883 1px,transparent 1px),linear-gradient(90deg,#82b883 1px,transparent 1px)}
.hero-content{width:min(100%,760px)}
.hero h1{font-size:clamp(34px,5.5vw,58px);line-height:1.08;letter-spacing:-1.4px;margin:25px 0 22px}
.title-gradient{background:linear-gradient(100deg,#fff5c6,#e7bd56 60%,#82ed91);background-clip:text;-webkit-background-clip:text}
.promo-banner{display:block;width:min(100%,680px);height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #bb9b49;border-radius:24px;margin:0 auto 24px;box-shadow:0 20px 70px #0007,0 0 24px #e7bc4020}
.hero-actions{width:min(100%,560px)}
.demo-pill{background:#0b2a18;border-color:#337544;color:#8ceea2}
.cta-green,.arena-play-button,.registration-submit,.neon-cta,#game-cashout:not(:disabled){background:linear-gradient(110deg,#49e978,#23b95a);color:#061f0e;border-color:#8cf3a7;box-shadow:0 6px 22px #26d86128}
.cta-outline{border-color:#be9d4c;background:#172117;color:#ecd18a}
.demo-stats{margin-top:35px}.demo-stats div{background:#101f16e8;border-color:#33513b}.demo-stats strong{color:#ecc66a}.demo-stats span{color:#bbcab8}
.how-section,.features-section,.bottom-cta{background:#080f0a;border-color:#283c2d}
.step-card,.feature-card{background:linear-gradient(145deg,#14251a,#0d1911);border-color:#34523b;box-shadow:0 12px 25px #0003}
.step-banner{background:#14291a}.step-banner img{width:100%;height:100%;object-fit:cover;object-position:58% 58%}
.step-card h3{color:#f3dd9c}.step-card p,.section-heading p,.bottom-cta p{color:#b2c0b1}
.section-icon{color:#e4c46d}.art-badge{background:#e9c363;color:#162414;box-shadow:0 0 18px #e3c55a25}
.football-step-animation{display:flex;position:relative;align-items:center;justify-content:center;gap:5px;height:100%;min-height:85px;background:repeating-linear-gradient(90deg,#153c20,#153c20 25px,#1c4927 25px,#1c4927 50px);overflow:hidden}
.football-step-animation:before{content:'';position:absolute;inset:10px;border:1px solid #c2d6bd66}
.football-step-animation span{font-size:24px;animation:football-line 3s infinite;z-index:1}.football-step-animation span:nth-child(5){animation-delay:.3s}
.football-step-animation b{position:absolute;font-size:10px;bottom:6px;letter-spacing:1px;color:#f5d476}
@keyframes football-line{0%,40%,100%{transform:scale(1);filter:none}55%,75%{transform:scale(1.15);filter:drop-shadow(0 0 8px #f3d075)}}
.arena-page,.soccer-game-page,.registration-page,.neon-page{background:linear-gradient(#061009cc,#061009ee),url('/static/soccer-stadium.webp') center/cover fixed}
.arena-shell{background:linear-gradient(#081a10ef,#08130ce0);border-color:#386443}
.arena-shell:before{background:linear-gradient(90deg,#49c77244,transparent 10px,transparent calc(100% - 10px),#49c77244);box-shadow:none}
.arena-energy-scene{background-image:url('/static/soccer-stadium.webp');opacity:.8}
.arena-banner img{object-fit:cover;object-position:58% 56%}.arena-mode{color:#fff2bd;background:#0b2115c9;border:1px solid #c9a652;border-radius:7px;padding:5px 9px;font-size:11px}
.entry-panel,.game-score-card,.neon-card,.registration-card{background:linear-gradient(145deg,#172c1e,#0c1911);border-color:#3a6045;box-shadow:0 15px 45px #0004}
.entry-option.selected,.deposit-presets .selected{background:#1a4828;color:#b7ffbf;border-color:#6be18d}
.entry-input-wrap,.neon-input,.neon-money,.registration-form input{background:#09180e;border-color:#3e6346}
.entry-reward{background:linear-gradient(120deg,#263420,#17251a);border-color:#7d713b}.entry-reward strong{color:#f0cd73}
.arena-affiliate,.neon-cta-purple,.partnership-cta{background:linear-gradient(110deg,#e8c469,#b99a43);color:#172315;border-color:#f4db97;box-shadow:0 0 15px #dfb84d25}
.arena-bottom-nav,.neon-nav{background:#0a1911f7;border-color:#3b6145}.neon-nav .neon-active{color:#e9c96b}
.play-hex-detailed{clip-path:none;background:none;border:none}.play-hex-detailed>img{padding:6px;filter:drop-shadow(0 0 7px #dbbb5d55);animation:football-play-glow 3s infinite}
@keyframes football-play-glow{50%{transform:translateY(-2px);filter:drop-shadow(0 0 12px #71e88466)}}
.neon-panel,.partnership-dialog,.profile-sheet,.game-result{background:linear-gradient(145deg,#172a1c,#08150d);border-color:#8b8547;box-shadow:0 20px 90px #0009,0 0 18px #c9af4033}
.panel-hero-art{border-bottom:1px solid #4c673c}.panel-hero-art img{object-fit:cover;object-position:center 55%}
.neon-hero em,.commission-highlight,.partnership-rate{color:#edcd78!important}.affiliate-partner-hero .commission-highlight{background:linear-gradient(90deg,#ffe7a0,#d4b350,#a5ee9d);background-clip:text;-webkit-background-clip:text;color:transparent!important}
.registration-page{background:linear-gradient(#07120aad,#07120add),url('/static/soccer-stadium.webp') center/cover fixed!important}
.registration-shell{background:none!important}.neon-auth-brand .soccer-brand-art{width:240px;height:78px}
.registration-card h1{color:#f6df9d}.registration-submit{border-radius:12px}.telegram-help{color:#a6d8b4}
.soccer-game-shell{background:linear-gradient(#0a1a10e8,#07150ee8);border-color:#31593d}.game-mode-badge{color:#f0d382;border-color:#8e7c38;background:#243020}
.soccer-board-frame{position:relative;background:repeating-linear-gradient(90deg,#286b36,#286b36 12.5%,#34773f 12.5%,#34773f 25%);border:2px solid #d2dccc;box-shadow:0 0 0 5px #102b18,0 16px 36px #0007;isolation:isolate}
.soccer-board-frame:before{content:'';position:absolute;inset:8px;pointer-events:none;border:1px solid #efffea88;background:linear-gradient(transparent calc(50% - .5px),#fff9 calc(50% - .5px),#fff9 calc(50% + .5px),transparent calc(50% + .5px));z-index:-1}
.soccer-board-frame:after{content:'';position:absolute;width:30%;height:30%;border:1px solid #fff9;border-radius:50%;left:35%;top:35%;z-index:-1;pointer-events:none}
#soccer-board{background:transparent}.soccer-cell{background:#082c1540;border-color:#c5eac021;border-radius:5px}
.soccer-cell[class*='color-'],.piece-block[class*='color-']{background-image:url('/static/soccer-ball.svg')!important;background-position:center!important;background-size:90% 90%!important;background-repeat:no-repeat!important;border:1px solid #dbeec755;box-shadow:inset 0 0 8px #0005}
.color-1{background-color:#1b582d!important}.color-2{background-color:#806422!important}.color-3{background-color:#479751!important}.color-4{background-color:#b5be9b!important}.color-5{background-color:#294031!important}
.soccer-piece-slot{background:#11271a;border-color:#497150}.soccer-piece-slot.selected{border-color:#e6c568;box-shadow:0 0 12px #e6c56833}.game-top-stats b{color:#edd080}
.game-cashout-bar{background:linear-gradient(#0b2118ee,#07150e);border-color:#3a6649}#game-cashout:disabled{background:#24392a;color:#9aafa1;border-color:#4c6553}
.result-banner{background:linear-gradient(#15371cb5,#15371cc9),url('/static/soccer-hero.webp') center/cover;border-color:#a78d46}.result-banner-blocks{color:#d4dcca;text-shadow:none;font-size:40px}
.football-admin-brand{width:230px;max-width:100%;height:80px;object-fit:contain;margin-bottom:18px}.football-admin-icon{width:44px;height:44px;flex:none}
.admin-login-page{background:linear-gradient(#06130bcb,#06130bee),url('/static/soccer-stadium.webp') center/cover fixed!important}
.admin-card,.panel,.metric{border-color:#385640!important;background:linear-gradient(145deg,#15261a,#0b1810)!important}.admin-side{background:#0a180f!important;border-color:#35573c!important}.admin-main{background:#08130be8}.admin-brand b{color:#ead080}.admin-submit,.btn.primary,.admin-button{background:linear-gradient(110deg,#55dc7b,#d5be64)!important;color:#102216!important;border-color:#8bc59a!important}
:focus-visible{outline-color:#f1d78a!important}
.football-wallet-page{background:linear-gradient(#06120bd9,#06120bf0),url('/static/soccer-stadium.webp') center/cover fixed}.football-wallet-panel{margin:100px auto 30px;max-width:650px}.football-wallet-panel .panel-hero-art{position:relative;margin:-20px -20px 24px}.football-wallet-panel h1{display:flex;align-items:center;gap:10px}.football-wallet-panel .tx{border-color:#35533c}
.ico svg,.metric-icon svg,.activity-icon svg{width:20px;height:20px;display:block}
@media(max-width:600px){.site-header{height:78px;padding:0 14px}.site-header .soccer-brand-art{width:144px;height:48px}.top-nav{gap:6px}.nav-outline,.nav-primary{font-size:9px;padding:0 10px;height:33px}.hero{padding:95px 16px 32px}.hero h1{font-size:34px;letter-spacing:-1px}.promo-banner{border-radius:17px}.demo-stats{gap:6px}.demo-stats strong{font-size:16px}.demo-stats span{font-size:8px}.demo-stats div{padding:8px 3px;min-height:75px}.neon-brand .soccer-brand-art{width:160px;height:50px}.neon-auth-brand .soccer-brand-art{width:235px;height:76px}.hero-actions .cta{height:50px}.how-section{padding-top:38px}}
@media(prefers-reduced-motion:reduce){.football-step-animation span,.play-hex-detailed>img{animation:none}}

.football-step-animation span img{display:block;width:24px;height:24px;object-fit:contain}.football-step-animation span{flex:none}.soccer-piece-shape{grid-template-columns:repeat(var(--piece-w),var(--football-piece-size,14px));grid-template-rows:repeat(var(--piece-h),var(--football-piece-size,14px));gap:2px}.game-small-button svg{width:12px;height:12px;vertical-align:middle}.result-banner-blocks img{width:48px;height:48px}.admin-main .panel{width:auto;max-width:none;margin:0}.admin-main .content-grid,.admin-main .lower-grid{align-items:start}

/* Arena: the selected green-and-gold stadium design. */
.arena-page{background:radial-gradient(ellipse at top,#0c2a19,#030d07 80%)}
.arena-shell{min-height:100svh;background:#04190d url('/static/arena-gold-stadium.webp') center bottom/100% 100% no-repeat;padding-left:20px;padding-right:20px;border:1px solid #27884b;border-radius:24px;box-shadow:inset 0 0 0 2px #0c3720,0 0 24px #0bd35313}
.arena-shell:before{inset:8px;border:1px solid #dab85822;border-radius:20px;background:none;box-shadow:none}
.arena-header{position:relative;padding:0 3px;height:88px}
.arena-header:after{content:'';position:absolute;left:-9px;right:-9px;top:10px;height:14px;background:linear-gradient(135deg,transparent 5px,#efce7c 6px,#ab7729 8px,transparent 9px) left top/20px 14px no-repeat,linear-gradient(225deg,transparent 5px,#efce7c 6px,#ab7729 8px,transparent 9px) right top/20px 14px no-repeat;pointer-events:none}
.arena-header .soccer-brand-art{width:154px;height:48px}.arena-account{gap:8px}.arena-balance{min-width:98px;padding:9px 12px;text-align:center;background:#032312b8;border:1px solid #23eb69;border-radius:28px;box-shadow:inset 0 0 13px #11b54b18,0 0 12px #13dc4f10}.arena-balance>span{font-size:8px;margin-bottom:3px}.arena-avatar{width:36px;height:36px}
.entry-panel{border:1px solid #e4c36a;border-radius:21px;background:linear-gradient(145deg,#09351e,#052817 65%,#032110);box-shadow:0 0 0 2px #b78f3320,0 0 19px #e8bc4825,inset 0 0 20px #44b66b0c}
.entry-panel:before{animation:none;background:linear-gradient(130deg,#f7d985,#936322 22%,#eecc64 38%,#6fac70 65%,#edd06c);padding:1px}
.entry-panel:after{content:'';position:absolute;inset:135px 0 10px;pointer-events:none;background:linear-gradient(90deg,#eaca7344,transparent) left top/14px 1px no-repeat,linear-gradient(#eaca7388,transparent) left top/1px 35px no-repeat,linear-gradient(270deg,#eaca7344,transparent) right top/14px 1px no-repeat,linear-gradient(#eaca7388,transparent) right top/1px 35px no-repeat}
.arena-banner{aspect-ratio:2.8/1;border-bottom:1px solid #d9b650;border-radius:19px;box-shadow:0 4px 12px #e0b74b14}.arena-banner img{object-position:center}.arena-mode{top:9px;right:9px;font-size:10px;padding:5px 8px;background:#07170eda;border-color:#e4bf56;box-shadow:0 0 7px #e2bb4433}
.entry-content{padding:19px 19px 14px}.entry-content h1{color:#c4d8c8;letter-spacing:1.2px;font-size:12px}.entry-options{gap:9px;margin-bottom:14px}.entry-option{background:linear-gradient(145deg,#0d4429,#062e1b);border-color:#3f8357;box-shadow:inset 0 1px 0 #b9e8c910;height:49px;color:#f4fff4}.entry-option.selected{background:linear-gradient(145deg,#174e2d,#0b3a20);border:1px solid #f4d77e;outline:2px solid #d4b456;outline-offset:3px;color:#f4fff4;box-shadow:inset 0 0 0 1px #42794a,0 0 10px #d8b54b20}
.entry-input-wrap{background:linear-gradient(120deg,#061f12,#04180e);border-color:#618263;height:51px;margin-bottom:16px}
.entry-reward{position:relative;min-height:88px;padding:12px 10px 12px 68px;background:radial-gradient(ellipse at 35% 10%,#a0812230,transparent 80%),linear-gradient(120deg,#162e19,#12261a);border-color:#c6a549;border-radius:14px;gap:5px;margin-bottom:16px}.entry-reward span{font-size:13px}.entry-reward strong{color:#f6d775;font-size:29px;text-shadow:0 0 12px #e9bf4633}.arena-reward-trophy{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:37px;height:48px;filter:drop-shadow(0 3px 5px #0007)}
.arena-play-button{border-radius:13px;height:54px;background:linear-gradient(110deg,#3dea7d,#0ecc68);box-shadow:inset 0 1px 0 #b5ffc566,0 5px 17px #11d76320}
.arena-energy-scene{display:none}.arena-shell .neon-nav{background:linear-gradient(145deg,#03321bf7,#021d11fa);border-color:#35a360;box-shadow:inset 0 1px 0 #a8dba71a,0 0 0 3px #13532b44,0 0 12px #35dc5f22}.arena-affiliate{border-radius:14px;font-size:10px;padding:11px 15px;background:linear-gradient(120deg,#ffe298,#d5b759);box-shadow:0 3px 12px #0005}
@media(max-width:360px){.arena-shell{padding-left:14px;padding-right:14px}.arena-header .soccer-brand-art{width:132px}.arena-balance{min-width:83px;padding:8px}.arena-account{gap:6px}.arena-avatar{width:32px;height:32px}.entry-content{padding:17px 15px 13px}.entry-reward{padding-left:58px}.arena-reward-trophy{left:14px;width:32px}.entry-reward strong{font-size:25px}.entry-reward span{font-size:12px}}

/* Detailed stitched ball in the Jogar navigation button. */
.neon-nav .play-hex-detailed>img{padding:1px;object-fit:contain}
.neon-nav .play-hex-detailed{position:relative;isolation:isolate;overflow:visible}
.neon-nav .play-hex-detailed:before{content:'';position:absolute;inset:3px;border:1px solid #efd38199;border-radius:50%;background:radial-gradient(circle,#e9d17008 45%,#48ed9a25 70%,transparent 74%);box-shadow:0 0 8px #31e68d33;animation:nav-ball-halo 3.4s ease-in-out infinite;pointer-events:none;z-index:-1}
.neon-nav .play-hex-detailed:after{content:'';position:absolute;bottom:0;left:20%;width:60%;height:4px;border-radius:50%;background:#00180bd9;filter:blur(2px);animation:nav-ball-shadow 3.4s ease-in-out infinite;pointer-events:none;z-index:-1}
.neon-nav .play-hex-detailed>img{animation:nav-ball-motion 3.4s ease-in-out infinite;transform-origin:50% 48%;will-change:transform}
@keyframes nav-ball-motion{0%,100%{transform:translateY(0) rotate(-8deg);filter:drop-shadow(0 0 3px #eaca6160)}50%{transform:translateY(-3px) rotate(10deg);filter:drop-shadow(0 0 6px #60f3ad80)}}
@keyframes nav-ball-halo{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes nav-ball-shadow{0%,100%{transform:scaleX(1);opacity:.7}50%{transform:scaleX(.75);opacity:.4}}
@media(prefers-reduced-motion:reduce){.neon-nav .play-hex-detailed>img,.neon-nav .play-hex-detailed:before,.neon-nav .play-hex-detailed:after{animation:none;will-change:auto}}
.nav-ball-orbit{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;border-top-color:#ffe69a;border-right-color:#8affca99;filter:drop-shadow(0 0 3px #e5c26880);animation:nav-ball-orbit 4.8s linear infinite;pointer-events:none}
.nav-ball-orbit:before{content:'';position:absolute;top:5px;right:6px;width:3px;height:3px;border-radius:50%;background:#fff7cb;box-shadow:0 0 5px #ffe696}
.nav-ball-sparks{position:absolute;inset:-3px;pointer-events:none}
.nav-ball-sparks:before,.nav-ball-sparks:after{content:'';position:absolute;width:6px;height:6px;background:#fff1ab;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%);animation:nav-ball-spark 3.6s ease-in-out infinite}
.nav-ball-sparks:before{left:1px;top:9px}
.nav-ball-sparks:after{right:2px;bottom:10px;background:#a0ffd3;animation-delay:1.8s}
.neon-play-link:active .play-hex-detailed>img{animation:none;transform:translateY(-1px) scale(.92) rotate(14deg);filter:drop-shadow(0 0 8px #fff0a9)}
@keyframes nav-ball-orbit{to{transform:rotate(360deg)}}
@keyframes nav-ball-spark{0%,30%,75%,100%{opacity:0;transform:scale(.3) rotate(0)}45%,60%{opacity:1;transform:scale(1) rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.nav-ball-orbit,.nav-ball-sparks:before,.nav-ball-sparks:after{animation:none}.nav-ball-sparks{display:none}}

/* Affiliate banner: rounded gold frame matching the PIX banner. */
.panel-hero-art.affiliate-hero-art{
  box-sizing:border-box;
  margin:3px 0 0;
  border:1px solid #e8c763;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 0 10px #ecc55a20;
}
.panel-hero-art.affiliate-hero-art::before{display:none}
.panel-hero-art.affiliate-hero-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 55%;
}

/* Moving highlight follows only the gold frame of the arena entry card. */
@property --arena-border-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}
.entry-panel{position:relative}
.entry-panel::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  background:conic-gradient(from var(--arena-border-angle),transparent 0deg,transparent 210deg,#a9721008 235deg,#c38b1b28 270deg,#e8b73f77 305deg,#ffd675cc 332deg,#ffe9a8 344deg,#fffbed 351deg,#ffffff 355deg,#ffde78 357deg,transparent 360deg);
  filter:drop-shadow(0 0 3px #ffd368aa);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  animation:arena-border-travel 4.5s linear infinite;
}
@keyframes arena-border-travel{to{--arena-border-angle:360deg}}
@media(prefers-reduced-motion:reduce){.entry-panel::after{animation:none}}

/* Soft halo follows the comet core without covering the card content. */
.entry-panel::before{
  background:conic-gradient(from var(--arena-border-angle),transparent 0deg,transparent 220deg,#ad752012 260deg,#deb04450 305deg,#ffd77eaa 339deg,#fff4c6 353deg,transparent 360deg);
  padding:4px;
  filter:blur(2px);
  opacity:.8;
  animation:arena-border-travel 4.5s linear infinite;
}
@media(prefers-reduced-motion:reduce){.entry-panel::before{animation:none}}