@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090b10;--surface:#11141b;--surface-2:#171c25;--border:#2a303b;--text:#f6f7fa;--muted:#a2a9b5;--accent:#ff5b42;--accent-2:#ff9a5b}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,system-ui,sans-serif;overflow-x:clip}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topline{background:#10141b;border-bottom:1px solid #252a33;color:#aab2bf;font-size:11px}.topline .wrap{height:31px;display:flex;justify-content:space-between;align-items:center}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#54d89a;box-shadow:0 0 0 4px #54d89a18;margin-right:8px}.site-header{position:sticky;top:0;z-index:20;background:#090b10ec;backdrop-filter:blur(16px);border-bottom:1px solid #242a33}.header-inner{height:72px;display:flex;align-items:center;gap:36px}.brand{text-decoration:none;font-size:20px;font-weight:800;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#151016;position:relative;font-weight:900}.brand-mark span{position:absolute;color:#fff;top:-6px;right:-4px;font-size:9px}.brand-accent,.footer-brand span{color:var(--accent)}.site-header nav{display:flex;align-items:center;gap:25px;margin-left:auto}.site-header nav a{text-decoration:none;color:#b9c0cb;font-size:13px;font-weight:600}.site-header nav a:hover{color:#fff}.account-btn,.secondary-btn{border:1px solid #3a414d;background:#1a202a;color:#fff;border-radius:8px;padding:10px 16px;font-weight:700;white-space:nowrap}.account-btn span{color:var(--accent);margin-left:13px}.secondary-btn:hover,.account-btn:hover{border-color:var(--accent)}
.hero{min-height:454px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;padding-block:50px 44px;position:relative}.hero:before{content:'';position:absolute;inset:0 0 0 40%;background:radial-gradient(ellipse at 50% 42%,#d8452b28,transparent 59%);pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{color:var(--accent-2);font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow span{color:var(--accent);font-size:16px;vertical-align:-1px;margin-right:7px}.hero h1{font:800 clamp(52px,6.5vw,85px)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px;text-transform:uppercase;margin:19px 0 19px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:440px;margin:0;color:#b3bbc7;font-size:16px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:27px}.primary-btn{border:1px solid #ff856c;background:var(--accent);color:#170d0b;font-weight:800;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:13px 18px;min-height:47px;border-radius:7px;text-decoration:none;box-shadow:0 9px 23px #ff5b4229;transition:transform .2s,background .2s}.primary-btn:hover{transform:translateY(-2px);background:#ff7b5d}.text-link{text-decoration:none;color:#d5dbe4;font-size:12px;font-weight:700}.text-link span{color:var(--accent);margin-left:6px}.hero-proof{display:flex;gap:24px;margin-top:49px;color:#8993a2;font-size:11px}.hero-proof b{color:var(--accent);margin-right:6px}.hero-visual{height:345px;position:relative;display:grid;place-items:center}.hero-visual:before{content:'';position:absolute;width:390px;height:290px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#ff5b4260,transparent 22%,#ffae6638,transparent 45%,#ff5b4260,transparent 72%);filter:blur(12px);opacity:.7;animation:visual-spin 8s linear infinite}.hero-glow{width:335px;height:300px;border-radius:50%;background:radial-gradient(circle,#d6433150,transparent 66%);filter:blur(10px);position:absolute;animation:glow-pulse 3s ease-in-out infinite}.visual-outline{position:absolute;width:305px;height:305px;border:1px solid #ff755b3c;border-radius:50%;transform:rotateX(63deg) rotate(-25deg);box-shadow:0 0 35px #ff5b4220;animation:outline-pulse 2.6s ease-in-out infinite}.visual-card{width:250px;height:310px;padding:24px;position:relative;z-index:2;border:1px solid #ffb19a;border-radius:17px;background:linear-gradient(145deg,#ff9b69 0%,#d9483b 34%,#49151d 76%,#12131e 100%);box-shadow:18px 30px 50px #0009,0 0 38px #ff5b4240;transform:rotate(10deg);display:flex;flex-direction:column;justify-content:space-between;animation:card-float 4s ease-in-out infinite}.visual-card:after{content:'';position:absolute;inset:9px;border:1px solid #ffffff4a;border-radius:11px;pointer-events:none}.visual-card-top{font-size:9px;letter-spacing:2px;font-weight:800;display:flex;justify-content:space-between}.visual-card-symbol{text-align:center;font-size:92px;line-height:1;text-shadow:0 4px 20px #fff8}.visual-card-bottom{display:flex;align-items:end;justify-content:space-between}.visual-card-bottom strong{font:800 39px/.8 'Barlow Condensed',Impact,sans-serif}.visual-card-bottom small{font-size:7px;letter-spacing:1px;writing-mode:vertical-rl}.orbit-ring{position:absolute;z-index:3;width:390px;height:290px;animation:orbit-spin 12s linear infinite}.orbit-badge{position:absolute;border:1px solid #a34f3d;background:#17151cdd;backdrop-filter:blur(8px);color:#ffd0be;padding:10px 13px;border-radius:7px;font-size:11px;font-weight:800;box-shadow:0 10px 25px #0006;white-space:nowrap;animation:orbit-counter 12s linear infinite}.orbit-one{top:2px;right:8px}.orbit-two{bottom:8px;right:35px}.orbit-three{left:0;top:118px}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(-360deg)}}@keyframes visual-spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{50%{opacity:.48;transform:scale(1.12)}}@keyframes outline-pulse{50%{box-shadow:0 0 65px #ff5b4240;transform:rotateX(63deg) rotate(-25deg) scale(1.05)}}@keyframes card-float{50%{transform:rotate(10deg) translateY(-10px)}}
.benefits{background:#11151c;border-block:1px solid #272d37}.benefits .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:16px;color:#b1bbc9;font-size:12px}.benefits b{color:var(--accent);font-size:17px;margin-right:9px;vertical-align:-2px}
.games-section,.orders-section{padding-block:72px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2,.how-section h2{font:800 42px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:8px 0 8px}.section-head p{color:var(--muted);font-size:13px;margin:0}.search-box{width:250px;height:42px;border:1px solid #39414e;border-radius:8px;background:#151a23;display:flex;align-items:center;gap:9px;padding:0 12px}.search-box span:first-child{font-size:24px;color:#a8b0be}.search-box input{width:100%;background:none;border:0;outline:0;color:#fff}.search-box:focus-within{border-color:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{background:#141821;border:1px solid #303642;border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);border-color:#bc5e4a;box-shadow:0 16px 30px #0007}.game-art{height:164px;background:linear-gradient(135deg,#29212b,#452d26);overflow:hidden;display:grid;place-items:center}.game-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.game-card:hover img{transform:scale(1.045)}.game-art span{font-size:49px}.game-content{padding:16px}.game-content h3{font-size:16px;line-height:1.25;margin:0 0 6px}.game-content p{font-size:11px;color:var(--muted);margin:0}.game-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:16px}.game-bottom small{display:block;color:#8b95a5;font-size:10px}.game-bottom strong{display:block;font-size:17px;color:#fff}.game-bottom button{border:1px solid #704035;background:#2c1c1c;color:#ffae95;border-radius:7px;width:38px;height:38px;font-size:18px}.game-bottom button:hover{background:var(--accent);color:#120b0b}.loading-card,.empty-state{border:1px dashed #3c4552;border-radius:10px;background:#12161e;color:#9fa9b9;padding:36px;text-align:center;grid-column:1/-1}.empty-state a{color:var(--accent)}
.how-section{background:#11151c;border-block:1px solid #252b35;padding:45px 0}.how-section .wrap{display:grid;grid-template-columns:240px 1fr;gap:50px;align-items:center}.how-section h2{font-size:32px;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps div{border-left:1px solid #49414a;padding-left:15px}.steps b{display:block;color:var(--accent);font:800 24px 'Barlow Condensed',Impact,sans-serif}.steps strong{display:block;margin:4px 0}.steps span{font-size:11px;color:#9fa8b5}.orders-section{padding-bottom:90px}.orders{display:grid;gap:10px}.order-card{border:1px solid #303844;background:#141922;border-radius:9px;padding:16px;display:flex;justify-content:space-between;align-items:center}.order-card .muted{color:#9da7b4;font-size:11px;margin-top:4px}.status{border:1px solid #674833;border-radius:20px;background:#2b211b;color:#ffc590;padding:5px 10px;font-size:11px;font-weight:700}.status.completed{border-color:#2b7553;background:#173d30;color:#9fe7ba}footer{border-top:1px solid #272e38;background:#10141b;padding:25px 0;color:#85909f;font-size:12px}footer .wrap{display:flex;justify-content:space-between}.footer-brand{font-weight:800;color:#fff;letter-spacing:1px;font-size:16px}
dialog{border:1px solid #46404a;background:#141820;color:#fff;border-radius:12px;padding:0;box-shadow:0 30px 80px #000b;max-height:min(92vh,900px)}dialog::backdrop{background:#05070bd9;backdrop-filter:blur(7px)}dialog form{position:relative;padding:30px}.small-dialog{width:min(420px,calc(100% - 24px))}.small-dialog h2,.order-dialog h2{font:800 38px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:8px 0}.dialog-intro,.order-dialog-head p{color:#a6afbd;font-size:12px;margin:0 0 21px}.close-btn{position:absolute;right:16px;top:13px;background:transparent;border:0;color:#aeb7c4;font-size:25px;line-height:1;padding:5px}.close-btn:hover{color:#fff}form label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}form input,form select{width:100%;height:43px;border:1px solid #3d4552;background:#0d1118;color:#fff;padding:0 13px;border-radius:7px;outline:0}form input:focus,form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff5b4220}.full{width:100%;margin-top:18px}.form-message{font-size:12px;min-height:18px;color:#ffb7a2;margin:10px 0 0}.form-message.success{color:#9fe7ba}.order-dialog{width:min(890px,calc(100% - 24px))}.order-dialog-head{padding-right:25px}.checkout-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;margin-top:23px}.checkout-side{border:1px solid #343a46;border-radius:9px;padding:20px;background:#10151d}.form-section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.form-section-title span{display:grid;place-items:center;background:#3e2523;color:#ff9d81;width:28px;height:28px;border-radius:6px;font-size:11px;font-weight:800}.form-section-title strong{font-size:14px}.packages{display:grid;gap:9px;max-height:430px;overflow:auto}.packages button{border:1px solid #383f4b;border-radius:8px;background:#10151d;color:#fff;padding:12px 14px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.packages button:hover,.packages button.selected{border-color:var(--accent);background:#32201f}.packages button b{color:#ffae90;white-space:nowrap}.field-hint{color:#8e99a9;font-size:11px;margin:6px 0 16px}.checkout-total{border-top:1px solid #39414d;display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:19px}.checkout-total span{font-size:12px;color:#a6afbc}.checkout-total strong{font-size:22px;color:#ffae90}
@media(max-width:850px){.site-header nav{gap:13px}.hero{grid-template-columns:1fr .75fr}.hero-visual{transform:scale(.82)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-section .wrap{grid-template-columns:1fr;gap:25px}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.topline .wrap span:last-child{display:none}.header-inner{height:62px;gap:10px}.brand{font-size:16px}.brand-mark{width:29px;height:29px}.site-header nav{display:none}.account-btn{margin-left:auto;padding:8px 10px;font-size:11px}.hero{display:block;padding:47px 0 39px;min-height:0}.hero h1{font-size:58px}.hero p{font-size:14px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-proof{margin-top:32px;gap:14px;font-size:10px}.hero-visual{height:180px;transform:scale(.64);margin:-22px 0 -25px}.benefits .wrap{display:grid;gap:8px;padding-block:12px}.games-section,.orders-section{padding-block:45px}.section-head{align-items:stretch;flex-direction:column;gap:18px}.section-head h2{font-size:33px}.search-box{width:100%}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-art{height:116px}.game-content{padding:11px}.game-content h3{font-size:12px}.game-bottom{margin-top:11px}.game-bottom strong{font-size:13px}.game-bottom button{width:32px;height:32px}.how-section{padding-block:36px}.steps{grid-template-columns:1fr;gap:16px}.steps div{display:grid;grid-template-columns:36px 1fr;gap:0 8px}.steps b{grid-row:span 2}.steps strong{margin:0}.checkout-columns{grid-template-columns:1fr;gap:20px}.order-dialog form{padding:22px}.order-dialog{max-height:93vh}.packages{max-height:220px}footer .wrap{display:block}footer .wrap span:last-child{display:block;margin-top:4px}}
@media(max-width:350px){.hero h1{font-size:50px}.hero-proof{gap:7px}.game-grid{grid-template-columns:1fr}.game-art{height:145px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* The first screen is a usable game picker rather than decorative artwork. */
.hero{grid-template-columns:minmax(0,1fr) minmax(400px,.92fr);gap:62px;min-height:0;padding-block:54px 59px}.hero:before{inset:0 0 0 32%;background:radial-gradient(ellipse at 65% 50%,#d8452b20,transparent 65%)}.hero h1{font-size:clamp(54px,5.5vw,74px);line-height:1.02;margin:18px 0 18px}.hero p{max-width:480px}.hero-proof{margin-top:37px;flex-wrap:wrap}.hero-featured{position:relative;z-index:1;padding:20px;border:1px solid #3b3033;border-radius:16px;background:linear-gradient(145deg,#1b1d25,#11141b 72%);box-shadow:0 24px 60px #0006,0 0 55px #e9482820}.featured-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.featured-head h2{font:800 30px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:6px 0 0}.featured-head a{font-size:11px;text-decoration:none;color:#ffab90;white-space:nowrap;font-weight:700}.featured-head a:hover{text-decoration:underline}.featured-games{display:grid;gap:8px}.featured-game{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:7px 11px 7px 7px;border:1px solid #383d47;border-radius:10px;background:#11151c;color:#fff;transition:background .2s,border-color .2s,transform .2s}.featured-game:hover{background:#252029;border-color:#ff785e;transform:translateX(3px)}.featured-game:focus-visible{outline:2px solid #ff9a5b;outline-offset:2px}.featured-art{width:76px;height:58px;flex:none;border-radius:6px;background:#392026;overflow:hidden;display:grid;place-items:center;color:#ff836b;font-size:29px}.featured-art img{width:100%;height:100%;object-fit:cover}.featured-details{min-width:0;flex:1}.featured-details strong,.featured-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-details strong{font-size:13px}.featured-details small{font-size:11px;color:#aeb5c2;margin-top:3px}.featured-arrow{color:#ff9a78;font-size:19px}.featured-note{font-size:11px!important;margin:13px 1px 0!important;color:#8e99a9!important}.featured-loading{padding:65px 12px;text-align:center;color:#aeb5c2}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:28px;padding-block:42px}.hero-featured{max-width:650px}.hero-proof{margin-top:27px}}
@media(max-width:620px){.hero{padding:36px 0 34px;gap:25px}.hero h1{font-size:clamp(44px,11vw,62px)}.hero-actions{margin-top:24px}.hero-proof{margin-top:24px}.hero-featured{padding:14px}.featured-head h2{font-size:26px}.featured-art{width:64px;height:54px}.featured-details strong{font-size:12px}.featured-details small{font-size:10px}}

/* Keep the signature topup card as the visual anchor of the first screen. */
.hero{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px}
.hero-visual{height:345px;min-width:0}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:8px;padding-block:42px}.hero h1{font-size:clamp(42px,6.2vw,62px)}.hero p{font-size:13px}.hero-actions{gap:14px}.hero-proof{gap:12px;margin-top:27px}.hero-visual{height:290px;transform:scale(.78);transform-origin:center}}
@media(max-width:850px){.orbit-ring{width:330px;height:245px}.orbit-one{right:0}.orbit-two{right:16px}.orbit-three{top:100px}}
@media(max-width:620px){.hero-visual{height:210px;transform:scale(.68);margin:-12px 0 -15px}}
@media(max-width:620px){.mobile-orbit-badges{display:block;position:absolute;z-index:3;inset:0;pointer-events:none}.mobile-orbit-badges i{position:absolute;font-style:normal;font-size:8px;font-weight:800;color:#ffd0be;background:#17151cdd;border:1px solid #9f4b3c;border-radius:5px;padding:4px 6px;animation:mobile-badge-float 3.6s ease-in-out infinite}.mobile-orbit-badges i:nth-child(1){right:7px;top:6px}.mobile-orbit-badges i:nth-child(2){right:7px;bottom:7px;animation-delay:-1.2s}.mobile-orbit-badges i:nth-child(3){right:93px;top:51px;animation-delay:-2.4s}@keyframes mobile-badge-float{50%{transform:translateY(-4px) scale(1.04)}}}
@media(max-width:620px){.mobile-banner{background-image:linear-gradient(90deg,#08111fdd,#09101a70),url('/zetgaming-fire-bg.png')}}
.hero{background-image:linear-gradient(90deg,#090b10f5 0%,#090b10d8 44%,#090b10b5 100%),url('/gameflow-fire-banner.png');background-size:cover;background-position:center;border-radius:12px}
.brand img{display:block;width:220px;height:58px;object-fit:contain}
.hero{background-image:linear-gradient(90deg,#090b10f5 0%,#090b10d8 44%,#090b10b5 100%),url('/zetgaming-fire-bg.png')}.hero:after{content:'';position:absolute;z-index:0;inset:0 5% 0 38%;background:url('/zetgaming-hero-logo.png') center/contain no-repeat;opacity:.16;filter:drop-shadow(0 0 18px #ff4e35);pointer-events:none}.hero-copy,.hero-visual{z-index:1}
@media(max-width:620px){.hero{background-image:none;border-radius:0}}
@media(max-width:620px){.hero:after{display:none}}
.hero p{font-size:13px;letter-spacing:1.4px;font-weight:700;color:#c3c9d2}.hero-game-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px;max-width:560px}.hero-game-logo{display:flex;align-items:center;gap:7px;border:1px solid #363b46;border-radius:6px;background:#11151c;color:#d7dce5;padding:5px 8px 5px 5px;min-height:37px;transition:border-color .2s,background .2s,transform .2s}.hero-game-logo:hover{border-color:#ff6b51;background:#252027;transform:translateY(-2px)}.hero-game-logo:focus-visible{outline:2px solid #ff9a5b;outline-offset:2px}.hero-game-logo>span{width:30px;height:26px;border-radius:4px;overflow:hidden;background:#35232a;display:grid;place-items:center;color:#ff8e70}.hero-game-logo img{width:100%;height:100%;object-fit:cover}.hero-game-logo b{font-size:10px;white-space:nowrap}.hero-game-logo:nth-child(1) b{color:#f5c8dc}.hero-game-logo:nth-child(2) b{color:#aebdff}.hero-game-logo:nth-child(3) b{color:#ffcf88}.hero-game-logo:nth-child(4) b{color:#d3a8ff}.hero-game-logo:nth-child(5) b{color:#a9e7ff}
.mobile-banner{display:none}
@media(max-width:850px){.hero-game-logos{gap:6px;margin-top:22px}.hero-game-logo{padding-right:6px}.hero-game-logo b{font-size:9px}.hero-game-logo>span{width:26px;height:23px}}
@media(max-width:620px){.hero-game-logos{max-width:100%;margin-top:20px}.hero-game-logo:nth-child(n+4){display:none}.hero-game-logo b{font-size:9px}}
@media(max-width:620px){
  .topline{display:none}.header-inner{height:58px}.brand{font-size:16px}.brand img{width:170px;height:50px}.account-btn{font-size:0;padding:8px 11px}.account-btn span{font-size:17px;margin:0}
  .hero{display:block;padding:12px 0 0;min-height:0}.hero-copy,.hero-visual{display:none}.mobile-banner{height:132px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:15px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(90deg,#08111fdd,#09101a70),url('/gameflow-fire-banner.png') center/cover;border:1px solid #344254}.mobile-banner:after{content:'';position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(transparent,#070b13e8)}.mobile-banner span,.mobile-banner strong{position:relative;z-index:1}.mobile-banner span{font-size:9px;letter-spacing:1.4px;color:#ffab8d;font-weight:800}.mobile-banner strong{font:800 31px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;color:#fff}.mobile-card-icon{display:grid;place-items:center;position:absolute;z-index:2;right:24px;top:13px;width:73px;height:96px;border:1px solid #ffb19a;border-radius:9px;transform:rotate(9deg);background:linear-gradient(145deg,#ff9b69,#d9483b 38%,#49151d 78%,#12131e);box-shadow:10px 14px 20px #0008,0 0 20px #ff5b4240}.mobile-card-icon:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff55;border-radius:6px}.mobile-card-icon span{color:#fff;font-size:42px;text-shadow:0 2px 12px #fff9}.benefits{display:none}.games-section{padding-block:24px 44px}.games-section .section-head{margin-bottom:16px}.games-section .section-kicker,.games-section .section-head p,.games-section .search-box{display:none}.section-head h2{font-size:27px;margin:0}.game-grid{grid-template-columns:1fr;gap:8px}.game-card{display:flex;align-items:center;border-radius:8px;padding:7px}.game-art{width:58px;height:58px;flex:none;border-radius:6px}.game-content{padding:0 10px;flex:1}.game-content h3{font-size:13px;margin:0 0 3px}.game-content p{font-size:10px}.game-bottom{margin:3px 0 0;display:block}.game-bottom small{display:none}.game-bottom strong{font-size:11px;color:#ffae90}.game-bottom button{position:absolute;right:17px;top:20px;width:28px;height:28px;font-size:14px}.game-card{position:relative}.how-section,.orders-section,footer{display:none}
}
@media(max-width:620px){.mobile-banner{background-image:linear-gradient(90deg,#08111fdd,#09101a70),url('/zetgaming-fire-bg.png') center/cover}}
.hero{background-image:linear-gradient(90deg,#090b10f4 0%,#090b10cf 47%,#090b1099 100%),url('/zetgaming-hero-background-v2.png')}.hero:after{display:none}
@media(max-width:620px){.mobile-banner{background-image:linear-gradient(90deg,#08111fdf,#09101a83),url('/zetgaming-hero-background-v2.png')}}
/* Mobile hero: keep the login top-up message readable and the decorative card compact. */
@media(max-width:620px){
  .hero{padding-top:16px}
  .mobile-banner{isolation:isolate;height:164px;overflow:visible;padding:20px;border-radius:12px;background-image:linear-gradient(90deg,#070a12e9 0%,#080b13bf 46%,#080b1320 100%),url('/zetgaming-hero-scene-v3.png');background-position:center;border-color:#3b4658;box-shadow:0 14px 26px #0005}
  .mobile-banner:before{z-index:0;content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#070a12c9 0%,#070a1270 48%,transparent 100%);pointer-events:none}
  .mobile-banner:after{z-index:1;height:72%;border-radius:0 0 12px 12px;background:linear-gradient(90deg,#070b13be 0%,#070b1340 55%,transparent 100%)}
  .mobile-hero-characters{position:absolute;z-index:2;right:-19px;bottom:-28px;width:94%;height:202px;object-fit:contain;object-position:right bottom;pointer-events:none;filter:drop-shadow(0 11px 13px #000a);animation:mobile-hero-characters 5.6s ease-in-out infinite}
  .mobile-banner span,.mobile-banner strong{z-index:4}
  .mobile-banner span{font-size:9px;letter-spacing:1.7px;color:#ffbd9e;margin-bottom:2px;text-shadow:0 1px 8px #000}
  .mobile-banner strong{font-size:34px;line-height:.9;letter-spacing:.7px;max-width:174px;text-shadow:0 3px 12px #000}
  .mobile-card-icon{z-index:5;right:23px;top:27px;width:62px;height:82px;border-radius:10px;transform:rotate(10deg);box-shadow:8px 13px 22px #0009,0 0 18px #ff5b4238}
  .mobile-card-icon:after{inset:5px}
  .mobile-card-icon span{font-size:35px}
  .mobile-orbit-badges{z-index:6}.mobile-orbit-badges i{font-size:7px;padding:4px 6px;border-radius:5px;box-shadow:0 5px 12px #0008}
  .mobile-orbit-badges i:nth-child(1){right:9px;top:10px}
  .mobile-orbit-badges i:nth-child(2){right:9px;bottom:10px}
  .mobile-orbit-badges i:nth-child(3){right:99px;top:72px}
  @keyframes mobile-hero-characters{50%{transform:translateY(-5px) scale(1.015)}}
}
@media(max-width:620px){
  .header-inner{position:relative;gap:0}
  .site-header{background:#090d15f2;border-bottom-color:#202a38}
  .header-inner{height:62px}
  .brand img{width:148px;height:48px}
  .header-inner>.account-btn{display:none}
  .mobile-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}
  .mobile-icon{width:19px;height:38px;padding:0;border:0;background:transparent;color:#aab6c8;display:grid;place-items:center;text-decoration:none;cursor:pointer}
  .mobile-icon:hover,.mobile-icon:focus-visible{color:#fff}
  .mobile-icon:focus-visible{outline:2px solid #ff765b;outline-offset:3px;border-radius:4px}
  .mobile-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-menu{position:absolute;z-index:30;right:0;top:56px;width:168px;padding:7px;border:1px solid #303b4c;border-radius:9px;background:#121923;box-shadow:0 16px 32px #0009}
  .mobile-menu[hidden]{display:none}
  .mobile-menu a{display:block;padding:10px 11px;border-radius:6px;color:#d9e0ec;text-decoration:none;font-size:12px;font-weight:700}
  .mobile-menu a:hover{background:#252d39;color:#fff}
}
@media(max-width:620px){
  body{padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))}
  .mobile-bottom-nav{position:fixed;z-index:40;left:7px;right:7px;bottom:calc(20px + env(safe-area-inset-bottom,0px));height:86px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;overflow:visible}
  .mobile-bottom-shape{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 10px 22px #0008)}
  .mobile-bottom-link{position:relative;z-index:1;min-width:0;height:84px;padding:0 2px 13px;border:0;background:transparent;color:#d2dbe7;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;text-decoration:none;cursor:pointer;font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.05px}
  .mobile-bottom-link:after{display:none}
  .mobile-bottom-link:nth-child(3):after,.mobile-bottom-link:nth-child(5):after,.mobile-bottom-link:nth-child(6):after{content:'';display:block;position:absolute;left:0;top:25px;width:1px;height:34px;background:linear-gradient(transparent,#2833429c,transparent)}
  .mobile-tab-icon{position:relative;z-index:1;width:25px;height:25px;display:grid;place-items:center;flex:none;transition:transform .3s ease}
  .mobile-tab-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-tab-label{position:relative;z-index:1;white-space:nowrap}
  .mobile-bottom-link.is-active{color:#ffad88}
  .mobile-bottom-link.is-active:before{display:none}
  .mobile-bottom-link.is-active .mobile-tab-icon{position:absolute;top:-17px;left:50%;width:62px;height:62px;transform:translateX(-50%);border:1px solid #e98763;border-radius:50%;background:radial-gradient(circle at 50% 40%,#cb6d48 0%,#a04632 46%,#381d1f 82%,#18141b 100%);box-shadow:0 0 0 3px #171318,0 0 0 4px #be654c75,0 0 14px 2px #d9654170,inset 0 1px 9px #ffc49c52;transition:top .32s ease,box-shadow .32s ease}
  .mobile-bottom-nav>.mobile-bottom-link:nth-child(2).is-active .mobile-tab-icon{left:calc(50% + 14px)}
  .mobile-bottom-nav>.mobile-bottom-link:nth-child(6).is-active .mobile-tab-icon{left:calc(50% - 14px)}
  .mobile-bottom-link.is-active .mobile-tab-icon:before,.mobile-bottom-link.is-active .mobile-tab-icon:after{display:none}
  .mobile-bottom-link.is-active .mobile-tab-icon:before{right:calc(100% + 5px)}
  .mobile-bottom-link.is-active .mobile-tab-icon:after{left:calc(100% + 5px);transform:rotate(180deg)}
  .mobile-bottom-link.is-active .mobile-tab-icon svg{width:30px;height:30px;fill:none;stroke:#ffd3b4;stroke-width:1.8;filter:drop-shadow(0 0 3px #ffae83a0)}
  .home-tab.is-active .mobile-tab-icon svg{fill:#ffd1ae;stroke-width:1.5}
  .mobile-bottom-link.is-active .mobile-tab-label{visibility:hidden}
  .mobile-bottom-link.is-active .mobile-tab-label:after{display:none}
  .mobile-bottom-link:focus-visible{outline:2px solid #ff8d6d;outline-offset:-2px;border-radius:10px}
}
@media(min-width:621px){.mobile-bottom-nav{display:none}}
@media (max-width:620px) and (prefers-reduced-motion:no-preference){
  .mobile-bottom-link{transition:color .24s ease}
  .mobile-bottom-link:active .mobile-tab-icon{transform:scale(.9)}
  .mobile-bottom-link.is-active .mobile-tab-icon{animation:mobile-tab-arrive 1.2s cubic-bezier(.16,1,.3,1),mobile-tab-aura 4.6s 1.2s ease-in-out infinite}
  .mobile-bottom-link.is-active .mobile-tab-icon svg{animation:mobile-icon-settle 1.2s cubic-bezier(.16,1,.3,1)}
  @keyframes mobile-tab-arrive{0%{opacity:0;transform:translate(-50%,15px) scale(.48);filter:blur(5px)}58%{opacity:.9;transform:translate(-50%,-3px) scale(1.06);filter:blur(.6px)}100%{opacity:1;transform:translate(-50%,0) scale(1);filter:blur(0)}}
  @keyframes mobile-icon-settle{0%{transform:translateY(7px) scale(.5);opacity:0;filter:blur(3px)}65%{transform:translateY(-1px) scale(1.1);opacity:1;filter:blur(0)}100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}
  @keyframes mobile-tab-aura{0%,100%{box-shadow:0 0 0 3px #171318,0 0 0 4px #be654c75,0 0 14px 2px #d9654170,inset 0 1px 9px #ffc49c52}50%{box-shadow:0 0 0 3px #171318,0 0 0 4px #d574568f,0 0 21px 4px #e578527d,inset 0 1px 12px #ffc49c65}}
}

/* Mobile storefront polish: one compact, readable visual rhythm from header to game list. */
@media(max-width:620px){
  body{background:radial-gradient(ellipse at 78% 16%,#1d263537,transparent 34%),#090d15}
  .hero.wrap{width:calc(100% - 40px)}
  .hero{padding-top:28px}
  .mobile-banner{height:164px;padding:18px 18px 40px;border-radius:14px;border-color:#38465a;background-position:center;box-shadow:0 18px 34px #0008,0 0 0 1px #ffffff05 inset}
  .mobile-banner:before{background:linear-gradient(90deg,#070a12ec 0%,#070a12a8 50%,#070a1218 100%)}
  .mobile-banner:after{height:49%;background:linear-gradient(90deg,#070b13d5 0%,#070b1369 59%,transparent 100%)}
  .mobile-hero-characters{right:-4px;bottom:0;width:88%;height:198px;object-position:right bottom;clip-path:inset(-48px -6px 0 0);filter:drop-shadow(0 13px 17px #000c)}
  .mobile-banner span{font-size:8px;letter-spacing:1.9px}
  .mobile-banner strong{font-size:35px;letter-spacing:.4px;max-width:184px}
  .mobile-orbit-badges{display:flex;align-items:center;gap:8px;position:absolute;z-index:6;inset:auto;left:18px;bottom:12px;pointer-events:none}
  .mobile-orbit-badges i,.mobile-orbit-badges i:first-child{display:block;position:static;transform:none;animation:none;font-size:7px;padding:0;border:0;background:transparent;color:#ffcfb5;box-shadow:none}
  .mobile-orbit-badges i:nth-child(1)::after,.mobile-orbit-badges i:nth-child(2)::after{content:'';display:inline-block;height:10px;margin-left:8px;vertical-align:-2px;border-right:1px solid #ffffff2e}
  .games-section{padding:28px 0 48px}
  .games-section .section-head{margin-bottom:14px}
  .section-head h2{font-size:28px;letter-spacing:.15px}
  .game-grid{gap:9px}
  .game-card{min-height:70px;padding:8px;border-radius:10px;border-color:#273243;background:linear-gradient(110deg,#111925,#0f151f);box-shadow:0 7px 15px #0003}
  .game-art{width:56px;height:56px;border-radius:8px}
  .game-content{padding:0 10px}
  .game-content h3{font-size:12px;line-height:1.2;margin-bottom:3px}
  .game-content p{font-size:10px;color:#a6b0c0}
  .game-bottom{margin-top:4px}
  .game-bottom strong{font-size:11px;letter-spacing:.1px}
  .game-bottom button{right:15px;top:21px;width:29px;height:29px;border-radius:8px}
  .mobile-bottom-nav{left:10px;right:10px;bottom:calc(17px + env(safe-area-inset-bottom,0px));filter:drop-shadow(0 13px 26px #000b)}
}

/* Smaller iPhones need a taller, easier-to-hit navigation bar. */
@media(max-width:390px){
  body{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
  .mobile-bottom-nav{height:96px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .mobile-bottom-link{height:94px;padding-bottom:14px;gap:9px;font-size:11px}
  .mobile-bottom-link:nth-child(3):after,.mobile-bottom-link:nth-child(5):after,.mobile-bottom-link:nth-child(6):after{top:27px;height:38px}
  .mobile-tab-icon{width:27px;height:27px}
  .mobile-tab-icon svg{width:26px;height:26px}
  .mobile-bottom-link.is-active .mobile-tab-icon{top:-20px;width:72px;height:72px}
  .mobile-bottom-link.is-active .mobile-tab-icon svg{width:33px;height:33px}
}

/* Compact desktop: keep the laptop view dense and readable instead of scaling the wide-screen layout down. */
@media (min-width:621px) and (max-width:1100px){
  .wrap{width:min(920px,calc(100% - 48px))}
  .topline .wrap{height:25px;font-size:9px}
  .header-inner{height:56px;gap:24px}
  .brand img{width:142px;height:40px}
  .site-header nav{gap:20px}
  .site-header nav a{font-size:11px}
  .account-btn{padding:8px 12px;font-size:11px}
  .hero{min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(285px,.95fr);gap:2px;padding:22px 26px 20px;border-radius:9px}
  .hero:before{inset:0 0 0 34%}
  .hero h1{font-size:clamp(38px,5.1vw,54px);margin:10px 0 10px}
  .eyebrow{font-size:8px;letter-spacing:1.6px}
  .hero p{font-size:10px;letter-spacing:1px}
  .hero-actions{gap:15px;margin-top:17px}
  .primary-btn{min-height:37px;padding:8px 12px;gap:15px;font-size:11px}
  .text-link{font-size:10px}
  .hero-visual{height:205px;transform:scale(.59);transform-origin:center}
  .benefits .wrap{padding-block:10px;font-size:10px}
  .benefits b{font-size:13px;margin-right:6px}
  .games-section,.orders-section{padding-block:31px}
  .section-head{margin-bottom:14px}
  .section-kicker{font-size:8px;letter-spacing:1.5px}
  .section-head h2{font-size:29px;margin:5px 0}
  .section-head p{font-size:10px}
  .search-box{width:190px;height:34px;font-size:11px}
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .game-card{position:relative;display:flex;align-items:center;min-height:70px;padding:7px;border-radius:8px;background:#111720}
  .game-art{width:56px;height:56px;flex:none;border-radius:6px}
  .game-content{padding:0 42px 0 9px;flex:1}
  .game-content h3{font-size:11px;line-height:1.2;margin:0 0 2px}
  .game-content p{font-size:9px}
  .game-bottom{display:block;margin-top:3px}
  .game-bottom small{display:none}
  .game-bottom strong{font-size:10px;color:#ffae90}
  .game-bottom button{position:absolute;right:10px;top:20px;width:28px;height:28px;border-radius:7px;font-size:14px}
}

@media (min-width:621px) and (max-width:760px){
  .wrap{width:calc(100% - 36px)}
  .header-inner{gap:13px}
  .site-header nav{gap:12px}
  .hero{padding-inline:18px}
  .hero h1{font-size:37px}
  .hero-visual{transform:scale(.49)}
  .benefits .wrap{gap:10px}
}

/* Use the same image-led identity on laptops as on phones. */
@media (min-width:621px){
  .hero{display:block;padding:18px 0 0;background:none;border-radius:0}
  .hero:before,.hero:after{display:none}
  .hero-copy,.hero-visual{display:none}
  .mobile-banner{isolation:isolate;display:flex;position:relative;height:auto;min-height:0;aspect-ratio:2.08/1;flex-direction:column;justify-content:flex-end;gap:3px;padding:5.3% 5.3% 11.8%;overflow:hidden;border:1px solid #3b4658;border-radius:14px;background-image:linear-gradient(90deg,#070a12ec 0%,#080b13b8 46%,#080b1320 100%),url('/zetgaming-hero-scene-v3.png');background-position:center;background-size:cover;box-shadow:0 18px 34px #0008,0 0 0 1px #ffffff05 inset}
  .mobile-banner:before{content:'';position:absolute;z-index:0;inset:0;border-radius:inherit;background:linear-gradient(90deg,#070a12cc 0%,#070a126e 50%,transparent 100%);pointer-events:none}
  .mobile-banner:after{content:'';position:absolute;z-index:1;right:0;bottom:0;left:0;height:49%;background:linear-gradient(90deg,#070b13da 0%,#070b1362 58%,transparent 100%);pointer-events:none}
  .mobile-hero-characters{position:absolute;z-index:2;right:-1%;bottom:0;width:88%;height:121%;object-fit:contain;object-position:right bottom;clip-path:inset(-48px -6px 0 0);filter:drop-shadow(0 13px 17px #000c);pointer-events:none;animation:mobile-hero-characters 5.6s ease-in-out infinite}
  .mobile-banner span,.mobile-banner strong{position:relative;z-index:4}
  .mobile-banner span{color:#ffbd9e;font-size:clamp(9px,1.15vw,13px);font-weight:800;letter-spacing:2px;text-shadow:0 1px 8px #000}
  .mobile-banner strong{max-width:56%;color:#fff;font:800 clamp(35px,5vw,58px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;text-shadow:0 3px 12px #000}
  .mobile-orbit-badges{position:absolute;z-index:5;left:5.3%;bottom:7.2%;display:flex;align-items:center;gap:10px;pointer-events:none}
  .mobile-orbit-badges i{display:block;position:static;padding:0;border:0;background:transparent;color:#ffcfb5;font-size:clamp(7px,.95vw,10px);font-style:normal;font-weight:800;box-shadow:none;animation:none}
  .mobile-orbit-badges i:nth-child(1)::after,.mobile-orbit-badges i:nth-child(2)::after{content:'';display:inline-block;height:12px;margin-left:10px;vertical-align:-3px;border-right:1px solid #ffffff2e}
}

@media (min-width:621px) and (max-width:760px){
  .mobile-banner{aspect-ratio:2.08/1}
  .mobile-hero-characters{width:88%;height:121%}
}

/* Keep the mobile artwork, but give desktop a compact banner rhythm. */
@media (min-width:621px){
  .mobile-banner{height:clamp(210px,22vw,300px);aspect-ratio:auto;padding:clamp(20px,2.6vw,32px) clamp(22px,3.2vw,38px) clamp(42px,5.5vw,62px)}
  .mobile-hero-characters{right:-1%;width:64%;height:calc(100% + 38px)}
  .mobile-banner strong{max-width:48%;font-size:clamp(35px,4vw,52px)}
  .mobile-orbit-badges{left:clamp(22px,3.2vw,38px);bottom:clamp(16px,2.4vw,27px)}
}

/* Wide screens need the artwork and copy to share the banner more evenly. */
@media (min-width:1101px){
  .hero.wrap{width:min(1320px,calc(100% - 64px))}
  .hero{padding-top:24px}
  .mobile-banner{height:clamp(240px,18vw,280px);padding:30px 46px;justify-content:center}
  .mobile-banner:before{background:linear-gradient(90deg,#070a12f0 0%,#070a12dc 34%,#070a1282 57%,#070a1212 78%,transparent 100%)}
  .mobile-banner:after{height:42%;background:linear-gradient(90deg,#070b13b8 0%,#070b1346 55%,transparent 100%)}
  .mobile-hero-characters{right:-2%;width:72%;height:calc(100% + 24px)}
  .mobile-banner span{font-size:11px;letter-spacing:2.2px}
  .mobile-banner strong{max-width:45%;font-size:52px}
  .mobile-orbit-badges{left:46px;bottom:26px}
  .games-section{padding-top:46px}
}

.desktop-banner-description,.desktop-banner-action{display:none}

@media (min-width:621px){
  .hero{padding-top:24px}
  .mobile-banner{height:clamp(260px,29vw,344px);justify-content:center;gap:0;padding:34px clamp(28px,4vw,52px);background-position:center 46%;box-shadow:0 20px 44px #0007}
  .mobile-banner:before{background:linear-gradient(90deg,#070a12f5 0%,#070a12ec 27%,#070a12a8 46%,#070a1240 67%,transparent 85%)}
  .mobile-banner:after{height:38%;background:linear-gradient(90deg,#070b1396 0%,#070b1335 54%,transparent 78%)}
  .mobile-hero-characters{right:-2%;width:76%;height:125%;object-position:right bottom}
  .mobile-banner>span{font-size:11px;letter-spacing:2px}
  .mobile-banner strong{max-width:50%;margin-top:8px;font-size:clamp(44px,5.2vw,64px);line-height:.95}
  .mobile-banner .desktop-banner-description{position:relative;z-index:4;display:block;max-width:350px;margin:18px 0 0;color:#c4cad5;font-size:13px;font-weight:500;line-height:1.6;letter-spacing:0;text-shadow:0 2px 8px #000b}
  .desktop-banner-action{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:20px;margin-top:20px;padding:10px 14px;border:1px solid #ff8a66;border-radius:7px;background:#ff6548;color:#190e0d;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px #ff5b422f;transition:background .2s,transform .2s}
  .desktop-banner-action:hover{background:#ff8062;transform:translateY(-2px)}
  .desktop-banner-action:focus-visible{outline:2px solid #fff;outline-offset:3px}
  .desktop-banner-action span{color:inherit;font-size:16px;line-height:1}
  .mobile-orbit-badges{left:clamp(28px,4vw,52px);bottom:22px}
  .mobile-orbit-badges i{font-size:10px}
  .benefits{display:none}
  .games-section{padding-top:44px}
}

@media (min-width:621px) and (max-width:850px){
  .mobile-banner{height:270px;padding:28px}
  .mobile-banner strong{font-size:44px}
  .mobile-banner .desktop-banner-description{max-width:260px;font-size:11px;margin-top:12px}
  .desktop-banner-action{margin-top:14px;padding:8px 11px;font-size:11px}
  .mobile-hero-characters{width:73%;height:116%}
  .mobile-orbit-badges{left:28px;bottom:18px}
}

@media (min-width:1101px){
  .wrap,.hero.wrap{width:min(1320px,calc(100% - 64px))}
  .game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .game-art{height:142px}
  .game-content{padding:14px}
  .game-content h3{font-size:14px}
  .game-bottom{margin-top:14px}
  .game-bottom strong{font-size:15px}
  .mobile-hero-characters{height:118%}
}

@media (min-width:621px){
  .mobile-actions,.mobile-menu{display:none}
}

@media (min-width:621px) and (max-width:1100px){
  .hero{padding-top:clamp(55px,6.5vw,70px)}
  .mobile-banner{overflow:visible}
  .mobile-banner:after{border-radius:0 0 14px 14px}
  .mobile-hero-characters{right:calc(-1 * clamp(7px,1.1vw,14px));height:120%;clip-path:inset(-80px -16px 0 0)}
}

@media (min-width:1101px){
  .hero{padding-top:80px}
  .mobile-banner{overflow:visible}
  .mobile-banner:after{border-radius:0 0 14px 14px}
  .mobile-hero-characters{right:-18px;clip-path:inset(-90px -24px 0 0)}
}

@media (max-width:620px){
  .storefront[data-page=home] .mobile-banner{overflow:hidden}
  .storefront[data-page=home] .mobile-banner:after{border-radius:0 0 14px 14px}
}

/* Keep the news action visually aligned with the header links. */
.site-header nav :is(a,button){display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.site-header nav a{font-size:14px}
.site-header nav svg{width:21px;height:21px;flex:none;fill:currentColor;stroke:none;color:#d8dfeb;transition:color .2s ease,transform .2s ease,filter .2s ease}
.site-header nav svg path[opacity]{fill:#ff8c70;opacity:.3}
.site-header nav :is(a,button):hover svg{color:#fff0e8;transform:translateY(-1px);filter:drop-shadow(0 0 5px #ff765b65)}
.site-header nav button{border:0;background:none;padding:0;color:#b9c0cb;font-size:14px;font-weight:600;white-space:nowrap}
.site-header nav button:hover{color:#fff}
.site-header nav :is(a,button):focus-visible{outline:2px solid #ff8d6d;outline-offset:5px;border-radius:2px}
.news-notice{position:fixed;z-index:80;top:118px;left:50%;transform:translate(-50%,-8px);opacity:0;pointer-events:none;border:1px solid #a55743;border-radius:9px;background:#1b2029f2;color:#ffe4d8;padding:10px 16px;box-shadow:0 12px 28px #0009;font-size:12px;font-weight:700;white-space:nowrap;transition:opacity .2s ease,transform .2s ease}
.news-notice.is-visible{opacity:1;transform:translate(-50%,0)}
@media (min-width:621px) and (max-width:1100px){.site-header nav :is(a,button){gap:5px;font-size:11px}.site-header nav svg{width:18px;height:18px}}
@media (max-width:620px){
  .news-notice{top:76px;max-width:calc(100vw - 28px)}
  .mobile-menu button{display:block;width:100%;border:0;background:none;padding:10px 11px;border-radius:6px;color:#d9e0ec;text-align:left;font-size:12px;font-weight:700}
  .mobile-menu button:hover{background:#252d39;color:#fff}
  .brand img{width:clamp(96px,calc(100vw - 239px),148px);height:auto}
  .mobile-actions{gap:7px}
  .mobile-login-btn{height:44px;min-width:120px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;border:1px solid #6758ff;border-radius:24px;background:linear-gradient(135deg,#5741ff,#4938ef);box-shadow:0 7px 20px #4836ff35;color:#fff;font-size:13px;font-weight:800;white-space:nowrap}
  .mobile-login-btn:hover{background:linear-gradient(135deg,#6854ff,#5343fa);box-shadow:0 8px 23px #4836ff55}
  .mobile-login-btn:focus-visible{outline:2px solid #d2cbff;outline-offset:3px}
  .mobile-login-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}
@media (max-width:359px){
  .mobile-actions{gap:5px}
  .mobile-login-btn{min-width:112px;height:40px;padding:0 9px;font-size:12px;gap:5px}
  .mobile-login-btn svg{width:16px;height:16px}
}