@font-face{font-family:"Jersey 10";src:url(./Jersey10-DrL73VYW.woff2)format("woff2");font-display:block}@font-face{font-family:Encode Sans SC;src:url(./EncodeSansSemiCondensed-500-BFhg13cY.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Encode Sans SC;src:url(./EncodeSansSemiCondensed-700-CkwpN0SF.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bb-bg:#001229;--bb-bg-deep:#000d20;--bb-panel:#00142a;--bb-text:#f6f3e8;--bb-muted:#c3d1e4;--bb-cyan:#00e8fa;--bb-cyan-text:#2fe3f7;--bb-gold:#ffd43c;--bb-line:#1e8dd6;--bb-line-muted:#233752;--bb-button-line:#3b6cb2;--bb-ink:#03132a;--bb-radius:8px;--bb-gap:13px;--bb-display:"Jersey 10", "Courier New", monospace;--bb-body:"Encode Sans SC", "Arial Narrow", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--bb-bg);scroll-behavior:smooth}body{background:var(--bb-bg);color:var(--bb-text);font:500 17px/1.4 var(--bb-body);overflow-wrap:break-word;margin:0}*,:before,:after{box-sizing:border-box}img{max-width:100%}[hidden]{display:none!important}:target,#games,#how-it-works{scroll-margin-top:16px}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--bb-gold);outline-offset:3px}.bb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.bb-shell{width:min(100% - 36px,1240px);margin-inline:auto}.bb-btn{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:36px;padding:4px 18px;font-size:17px;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.bb-btn-outline{border:2px solid var(--bb-button-line);background:#000a1e99}.bb-btn-outline:hover{border-color:var(--bb-cyan)}.bb-btn-cyan{background:var(--bb-cyan);color:var(--bb-ink);border:2px solid #5ff3ff;box-shadow:0 0 18px #00e8fa73}.bb-btn-cyan:hover{background:#62f3ff}.bb-link{color:var(--bb-cyan-text);text-underline-offset:3px;align-items:center;gap:6px;font-size:19px;display:inline-flex}.bb-link img{width:20px;height:20px}.bb-header{border-bottom:1px solid var(--bb-line-muted);background:linear-gradient(180deg, #001530, var(--bb-bg-deep))}.bb-header-inner{align-items:center;gap:24px;min-height:60px;display:flex}.bb-brand{flex:none;line-height:0;display:block}.bb-brand img{width:clamp(150px,32vw,345px);height:auto}.bb-nav{gap:clamp(20px,3.4vw,40px);margin-inline:auto;display:flex}.bb-nav a{white-space:nowrap;font-size:15px;text-decoration:none}.bb-nav a:hover,.bb-footer-nav a:hover{color:var(--bb-cyan-text)}.bb-actions{gap:14px;display:flex}.bb-actions .bb-btn-outline{min-width:88px}.bb-hero{background:linear-gradient(90deg, #000e22b3 0%, #000e224d 45%, #000e2200 70%), url(../assets/spot-battles/backgrounds/arena-backdrop.webp) center bottom / cover no-repeat, var(--bb-bg-deep);border-bottom:1px solid #0c213a}.bb-hero-grid{grid-template-columns:minmax(0,410fr) minmax(0,610fr);align-items:center;gap:clamp(32px,3vw,56px);padding-block:8px 6px;display:grid}.bb-hero-copy,.bb-feature{min-width:0}.bb-hero-copy{padding-left:20px;container-type:inline-size}.bb-title{font:700 min(20cqi, 92px) / .8 var(--bb-display);letter-spacing:0;text-transform:uppercase;margin:30px 0 0;position:relative}.bb-title span{white-space:nowrap;transform-origin:0 100%;width:-moz-fit-content;width:fit-content;display:block;transform:scaleY(1.1)}.bb-title span:first-child{color:#fff;text-shadow:0 4px #02060f,2px 4px #02060f,0 0 3px #02060f}.bb-title-gold{background:linear-gradient(#ffe661 18%,#fcb024 52%,#f27c10 88%);color:#0000;filter:drop-shadow(0 4px #02060f);-webkit-background-clip:text;background-clip:text;margin-top:-.06em;padding-block:.08em}.bb-title:before,.bb-cta:before{content:"";pointer-events:none;position:absolute}.bb-title:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 40'%3E%3Cfilter id='g' x='-1' y='-1' width='3' height='3'%3E%3CfeGaussianBlur stdDeviation='2.5'/%3E%3C/filter%3E%3Cpath fill='%2300e8fa' d='M9.5 25h3v5.5h5.5v3h-5.5v5.5h-3v-5.5h-5.5v-3h5.5z'/%3E%3Cpath fill='%2300e8fa' d='M30.7 10h2.6v4.7h4.7v2.6h-4.7v4.7h-2.6v-4.7h-4.7v-2.6h4.7z'/%3E%3Cpath fill='%2300e8fa' d='M43.9 28.5h2.2v3.4h3.4v2.2h-3.4v3.4h-2.2v-3.4h-3.4v-2.2h3.4z'/%3E%3Cpath fill='%233fb8ff' filter='url(%23g)' d='M80 1Q80.8 16.2 96 17Q80.8 17.8 80 33Q79.2 17.8 64 17Q79.2 16.2 80 1z'/%3E%3Cpath fill='%23eafcff' d='M80 1Q80.8 16.2 96 17Q80.8 17.8 80 33Q79.2 17.8 64 17Q79.2 16.2 80 1z'/%3E%3Cpath fill='%231d6fd6' d='M130.9 12h2.2v3.9h3.9v2.2h-3.9v3.9h-2.2v-3.9h-3.9v-2.2h3.9z'/%3E%3Cpath fill='%231d6fd6' d='M170.9 12h2.2v3.9h3.9v2.2h-3.9v3.9h-2.2v-3.9h-3.9v-2.2h3.9z'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:180px;height:40px;top:-42px;left:-18px}.bb-cta:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 34'%3E%3Cpath fill='%2300e8fa' d='M7.7 3.5h2.6v4.2h4.2v2.6h-4.2v4.2h-2.6v-4.2h-4.2v-2.6h4.2z'/%3E%3Cpath fill='%2300e8fa' d='M24.8 20h2.4v3.8h3.8v2.4h-3.8v3.8h-2.4v-3.8h-3.8v-2.4h3.8z'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:36px;height:34px;top:67px;left:-18px}.bb-intro{color:#eef3fa;margin:0 0 8px;font-size:21px;line-height:1.3}.bb-intro span{display:block}.bb-cta{flex-direction:column;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;max-width:100%;display:flex;position:relative}.bb-btn-big{min-height:56px;font:700 31px/1 var(--bb-display);letter-spacing:.02em;text-transform:uppercase;white-space:normal;border-radius:9px;gap:22px;padding:6px 34px 6px 28px}.bb-btn-big img{width:26px;height:26px}.bb-steps{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:380px;margin:15px 0 0 -26px;padding:0;list-style:none;display:grid}.bb-steps li{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.bb-steps li+li:before{content:"";background:url(../assets/spot-battles/icons/chevron-right.svg) 50%/contain no-repeat;width:26px;height:28px;position:absolute;top:33px;left:-25px}.bb-steps img{width:40px;height:40px;margin-bottom:3px}.bb-steps strong{font-size:17px;font-weight:500;line-height:1.2}.bb-steps span{color:var(--bb-muted);margin-top:3px;font-size:14.5px;line-height:1.25}.bb-verify{width:100%;max-width:380px;margin:16px 0 0}.bb-verify-label{color:var(--bb-muted);margin-bottom:6px;font-size:15px;font-weight:700;display:block}.bb-verify-row{gap:8px;display:flex}.bb-verify-input{border:2px solid var(--bb-button-line);min-width:0;min-height:40px;color:var(--bb-text);font:500 16px/1.2 var(--bb-body);letter-spacing:.02em;background:#000a1ebf;border-radius:7px;flex:auto;padding:6px 12px}.bb-verify-input::placeholder{color:#8fa3bf;opacity:1}.bb-verify-input:hover{border-color:var(--bb-line)}.bb-verify-input:focus-visible{outline:3px solid var(--bb-gold);outline-offset:2px;border-color:var(--bb-cyan)}.bb-verify-input[aria-invalid=true]{border-color:#ff4d6d}.bb-verify-go{cursor:pointer;min-width:64px;min-height:40px;color:var(--bb-text);font-family:var(--bb-body);flex:none}.bb-verify-status{color:#ffb3c1;margin:6px 0 0;font-size:15px;line-height:1.3}.bb-verify-status:empty{display:none}.bb-feature{flex-direction:column;align-items:center;display:flex}.bb-feature-badge{z-index:2;color:#1a1100;font:700 21px/1 var(--bb-display);letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(#ffe35c,#fcc531);border:2px solid #9c6a00;border-radius:6px;margin:0 0 -13px;padding:2px 12px 1px;position:relative}.bb-feature-sign{z-index:1;width:47%;margin:0 0 -56px;line-height:0;position:relative}.bb-feature-sign img{width:100%;height:auto}.bb-feature-frame{background:#020a18;border:2px solid #9af6ff;border-radius:9px;width:100%;padding:3px;line-height:0;box-shadow:0 0 0 2px #0a6cff,0 0 6px 3px #0078fff2,0 0 24px 6px #005aff8c,inset 0 0 0 2px #0a6cff,inset 0 0 12px #0078ffa6}.bb-feature-frame img{aspect-ratio:16/9;border-radius:4px;width:100%;height:auto}.bb-feature-enter{align-self:flex-end;margin-top:0}.bb-games{background:radial-gradient(ellipse 60% 140px at 50% 0, #14468259, transparent), var(--bb-panel);padding:8px 0 26px}.bb-games-head{text-align:center;flex-direction:column;align-items:center;display:flex}.bb-section-title{font:700 clamp(36px, 5.5vw, 60px) / .9 var(--bb-display);letter-spacing:.01em;color:#fff;text-transform:uppercase;text-shadow:0 4px #02060f;margin:0;padding-inline:58px;position:relative}.bb-section-title:before,.bb-section-title:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg fill='%2300e8fa'%3E%3Cpath d='M7 13h2v4h4v2H9v4H7v-4H3v-2h4z'/%3E%3Cpath d='M18 3h2v3h3v2h-3v3h-2V8h-3V6h3z'/%3E%3Cpath d='M23 20h2v3h3v2h-3v3h-2v-3h-3v-2h3z'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:40px;height:40px;margin-top:-17px;position:absolute;top:50%}.bb-section-title:before{left:8px}.bb-section-title:after{right:8px;transform:scaleX(-1)}.bb-section-intro{margin:0;font-size:19px;line-height:1.25}.bb-filters{flex-wrap:wrap;justify-content:center;gap:12px 14px;margin:4px 0 12px;display:flex}.bb-filter{border:2px solid var(--bb-button-line);min-height:34px;color:var(--bb-text);font:500 15px/1.1 var(--bb-body);cursor:pointer;background:#0e244ebf;border-radius:7px;padding:4px 15px}.bb-filter:hover{border-color:var(--bb-cyan)}.bb-filter[aria-pressed=true]{border-color:var(--bb-cyan);background:var(--bb-cyan);color:var(--bb-ink);font-weight:700;box-shadow:0 0 16px #00e8fa66}.bb-grid{gap:var(--bb-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.bb-card{border:2px solid var(--bb-line);border-radius:var(--bb-radius);background:var(--bb-panel);grid-template-rows:auto 1fr;min-width:0;padding:2px;display:grid;position:relative;box-shadow:0 0 10px #1e8dd638;container-type:inline-size}.bb-card:has(.bb-card-link:focus-visible){border-color:var(--bb-gold)}.bb-card:has(.bb-card-link:hover){border-color:var(--bb-cyan);box-shadow:0 0 16px #00e8fa59}.bb-thumb-box{aspect-ratio:248/154;background:var(--bb-bg-deep);border-radius:5px 5px 0 0;position:relative;overflow:hidden}.bb-thumb{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.bb-meta{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:clamp(3px,1.2cqi,6px) 8px;min-height:calc(clamp(17px,11.2cqi,30px) + 1.25*clamp(12px,6.1cqi,15px) + 10px);padding:1px 8px 3px 10px;display:grid}.bb-card-title{font:700 clamp(17px, 11.5cqi, 31px) / 1 var(--bb-display);text-transform:uppercase;white-space:nowrap;color:#fff;text-shadow:0 2px #02060f,1px 2px #02060f;margin:0}.bb-tag{white-space:nowrap;border:2px solid;border-radius:6px;grid-row:2;justify-self:start;max-width:100%;padding:0 .55em;font-size:clamp(12px,6.1cqi,15px);line-height:1.25}.bb-tag[data-tone=purple]{color:#f3e9ff;background:#2c0c72;border-color:#b23cf2}.bb-tag[data-tone=cyan]{color:#3fe6ff;background:#002a4a;border-color:#19c6e6}.bb-tag[data-tone=gold]{color:#ffd43c;background:#3b2a00;border-color:#f2c430}.bb-tag[data-tone=green]{color:#2df0b8;background:#00352e;border-color:#12cf98}.bb-tag[data-tone=red]{color:#ffe8ee;background:#5a0f25;border-color:#ff4d6d}.bb-play{background:var(--bb-cyan);border:0;border-radius:50%;grid-area:1/2/3;align-self:center;place-items:center;width:clamp(30px,14.6cqi,40px);height:clamp(30px,14.6cqi,40px);padding:0;display:grid;box-shadow:0 0 12px #00e8fa73}.bb-play img{width:55%;height:55%;margin-left:8%}.bb-card-link:after{content:"";border-radius:var(--bb-radius);position:absolute;inset:0}.bb-soon{background:var(--bb-gold);color:#1a1100;font:400 clamp(12px, 5.6cqi, 15px) / 1 var(--bb-display);letter-spacing:.04em;text-transform:uppercase;border:2px solid #9c6a00;border-radius:5px;padding:1px 6px 0;position:absolute;top:4px;right:4px;box-shadow:0 2px #02060fcc}.bb-play:disabled{box-shadow:none;cursor:not-allowed;background:#3a5373}.bb-play:disabled img{opacity:.75}.bb-promo{text-align:center;background:radial-gradient(130% 60% at 50% 100%,#0b4386 0%,#06306a 35%,#0000 75%),radial-gradient(90% 50% at 50% 0,#04183a,#0000),#031530;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding-bottom:52px;display:flex}.bb-promo-art{width:52%;height:auto}.bb-promo-text{font:700 clamp(28px, 19cqi, 56px) / .82 var(--bb-display);letter-spacing:.01em;color:#fff;text-transform:uppercase;text-shadow:0 3px #02060f;margin:0}.bb-promo-text span{color:var(--bb-gold);display:block}.bb-promo .bb-play{position:absolute;bottom:calc(clamp(17px,11.2cqi,30px)/2 + clamp(12px,6.1cqi,15px)/1.6 + 6px - clamp(30px,14.6cqi,40px)/2);right:10px}@media (min-width:561px){.bb-promo{flex-direction:row;grid-column:1/-1;gap:clamp(16px,4cqi,48px);padding:12px 64px 12px 24px}.bb-promo-art{width:min(30%,300px)}}.bb-footer{background:var(--bb-bg);border-top:1px solid #234d7e}.bb-footer-inner{justify-content:space-between;align-items:center;gap:16px 32px;min-height:80px;padding-block:14px;display:flex}.bb-footer-brand img{width:clamp(180px,25vw,268px)}.bb-footer-nav{gap:40px;padding-right:12px;display:flex}.bb-footer-nav a{font-size:16px;text-decoration:none}@media (min-width:901px){.bb-header .bb-brand img{width:clamp(150px,62vw - 328px,345px)}.bb-nav{margin:0 auto 0 clamp(16px,4vw,42px)}.bb-actions{gap:16px}.bb-actions .bb-btn-outline{min-width:80px;padding-inline:14px;font-size:16px;font-weight:500}.bb-actions .bb-btn-cyan{min-width:148px}.bb-title span:first-child{letter-spacing:.025em}.bb-filter{min-width:112px}}@media (min-width:901px) and (max-width:959px){.bb-btn-big{gap:14px;padding-inline:22px 18px}}@media (max-width:900px){.bb-header-inner{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-block:10px 6px}.bb-nav{order:3;justify-content:center;width:100%}.bb-nav a{padding:6px 2px}.bb-hero{background:linear-gradient(180deg, #000e22e6 0%, #000e22d9 55%, #000e2233 80%, #000e2200 100%), url(../assets/spot-battles/backgrounds/arena-backdrop.webp) center bottom / cover no-repeat, var(--bb-bg-deep)}.bb-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:32px 24px}.bb-hero-copy{text-align:center;flex-direction:column;align-items:center;padding-left:0;display:flex}.bb-title{font-size:min(17cqi,84px)}.bb-title span{margin-inline:auto}.bb-title:before,.bb-cta:before{display:none}.bb-steps{width:100%;margin-left:0}.bb-verify{text-align:left;margin-inline:auto}.bb-verify-label{text-align:center}.bb-feature{width:100%;max-width:640px;margin-inline:auto}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.bb-shell{width:calc(100% - 32px)}.bb-header-inner{gap:6px 10px}.bb-brand img{width:136px}.bb-actions{gap:8px}.bb-btn{min-height:34px;padding-inline:10px;font-size:14px}.bb-actions .bb-btn-outline{min-width:0}.bb-nav a{font-size:15px}.bb-intro{font-size:18px}.bb-btn-big{gap:14px;padding-inline:22px;font-size:27px}.bb-steps{gap:18px}.bb-verify-go{min-height:40px;font-size:16px}.bb-steps li+li:before{width:16px;height:18px;top:38px;left:-17px}.bb-steps strong{font-size:16px}.bb-steps span{font-size:14px}.bb-feature-badge{font-size:17px}.bb-section-title{letter-spacing:.03em;padding-inline:34px;font-size:min(9vw,44px)}.bb-section-title:before,.bb-section-title:after{width:24px;height:24px;margin-top:-11px}.bb-section-title:before{left:2px}.bb-section-title:after{right:2px}.bb-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bb-filter{min-width:0;padding-inline:8px}.bb-grid{grid-template-columns:minmax(0,1fr)}.bb-footer-inner{flex-direction:column;justify-content:center;padding-block:22px}.bb-footer-nav{padding-right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}