/* Generated by scripts/build-store-css.js from the arcade design (StoreV2 cards). Don't edit by hand. */
.bv-row{display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center;}
.bv-cap{font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-2);}
.bv-num{font-family: var(--font-num); font-variant-numeric: tabular-nums;}
.bv-muted{color: var(--text-2);}
.bv-sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.bv-btn:focus-visible{outline: 3px solid var(--focus); outline-offset: 3px;}
.bv-cell:focus-visible{outline: 3px solid var(--focus); outline-offset: 3px;}
.bv-input:focus-visible{outline: 3px solid var(--focus); outline-offset: 3px;}
.bv-btn{--fill: var(--bg-2); --ink: var(--text-1); --lip: var(--line-2); --edge: transparent; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--size-btn); padding: 0 var(--space-6); border-radius: var(--radius-md); border: 2px solid var(--edge); background: var(--fill); color: var(--ink); font-family: var(--font-body); font-size: 16px; line-height: 20px; font-weight: 700; text-decoration: none; white-space: nowrap; box-shadow: 0 var(--size-lip) 0 0 var(--lip); transform: translateY(0); cursor: pointer; transition: transform var(--dur-instant) var(--ease-press), box-shadow var(--dur-instant) var(--ease-press), background var(--dur-fast) var(--ease-out);}
.bv-btn:active:not(:disabled):not([aria-disabled="true"]){transform: translateY(var(--size-lip)); box-shadow: 0 0 0 0 var(--lip);}
.bv-btn--play{--fill: var(--accent); --ink: var(--on-accent); --lip: var(--accent-lip); font-family: var(--font-display); font-size: 20px; font-weight: 900; min-height: 60px; padding: 0 var(--space-8); letter-spacing: .01em;}
.bv-btn--secondary{--fill: var(--bg-2); --edge: var(--line-2); --lip: var(--line-1);}
.bv-btn--sm{min-height: var(--size-btn-sm); padding: 0 var(--space-4); border-radius: var(--radius-sm); font-size: 14px; font-weight: 600; --edge: var(--line-2); box-shadow: 0 3px 0 0 var(--lip);}
.bv-btn--sm:active:not(:disabled){transform: translateY(3px);}
.bv-btn:disabled{--fill: var(--bg-2); --ink: var(--text-3); --edge: var(--line-1); --lip: transparent; border-style: dashed; box-shadow: none; transform: translateY(var(--size-lip)); cursor: not-allowed;}
.bv-btn[aria-disabled="true"]{--fill: var(--bg-2); --ink: var(--text-3); --edge: var(--line-1); --lip: transparent; border-style: dashed; box-shadow: none; transform: translateY(var(--size-lip)); cursor: not-allowed;}
.bv-btn--channel{--fill: var(--bg-2); --edge: var(--line-2); --lip: var(--line-1); justify-content: flex-start; padding-left: var(--space-2);}
.bv-tile{display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: var(--radius-sm); color: var(--on-accent); flex: none;}
.bv-tile :is(svg,img){width: 20px; height: 20px;}
.bv-tile--discord{background: var(--ext-discord); color: #FFFFFF;}
.bv-badge{display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px; border-radius: var(--radius-pill); font-family: var(--font-display); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;}
.bv-badge--new{background: var(--text-1); color: var(--bg-0);}
.bv-mk{width: 24px; height: 24px; flex: none; display: inline-block; vertical-align: middle; overflow: visible;}
.bv-mk--sm{width: 16px; height: 16px;}
.bv-mk--human .bv-mk-body{fill: var(--human); stroke: var(--human-lip); stroke-width: 2;}
.bv-mk--human .bv-mk-core{fill: none; stroke: var(--on-human); stroke-opacity: .28; stroke-width: 2;}
.bv-mk--agent .bv-mk-body{fill: var(--agent); stroke: var(--agent-lip); stroke-width: 2; stroke-linejoin: round;}
.bv-mk--agent .bv-mk-core{fill: none; stroke: var(--on-agent); stroke-opacity: .28; stroke-width: 2; stroke-linejoin: round;}
.bv-grid{display: grid; gap: 6px; grid-template-columns: 20px repeat(var(--cols, 6), minmax(var(--size-tap), 1fr));}
.bv-coord{font-family: var(--font-num); font-size: 12px; line-height: 16px; color: var(--text-2); display: grid; place-items: center;}
.bv-cell{position: relative; aspect-ratio: 1; min-width: var(--size-tap); min-height: var(--size-tap); border: 0; border-radius: var(--radius-xs); background: var(--bg-2); box-shadow: 0 3px 0 0 var(--bg-0), inset 0 0 0 1px var(--line-1); cursor: pointer; display: grid; place-items: center; padding: 0; transition: transform var(--dur-instant) var(--ease-press), box-shadow var(--dur-instant) var(--ease-press), background var(--dur-fast);}
.bv-cell:hover:not(:disabled){background: var(--bg-3);}
.bv-cell:active:not(:disabled){transform: translateY(3px); box-shadow: 0 0 0 0 var(--bg-0), inset 0 0 0 2px var(--text-1);}
.bv-cell:disabled{cursor: default; box-shadow: inset 0 0 0 1px var(--line-1); transform: translateY(3px);}
.bv-cell .bv-lbl{position: absolute; inset: auto 0 2px 0; font-size: 9px; line-height: 10px; font-family: var(--font-num); color: var(--text-2);}
.bv-cell.is-hit-by-human{background: var(--human-soft);}
.bv-faceoff{display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 0; border-radius: var(--radius-lg); background: var(--bg-1); box-shadow: var(--shadow-lift);}
.bv-side{display: flex; align-items: center; gap: var(--space-2); padding: 10px 12px; min-width: 0; border-radius: var(--radius-lg); transition: box-shadow var(--dur-base) var(--ease-in-out), background var(--dur-base);}
.bv-side--human{background: var(--human-soft); border-radius: var(--radius-lg) 0 0 var(--radius-lg);}
.bv-side--agent{background: var(--agent-soft); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; flex-direction: row-reverse; text-align: right;}
.bv-side.is-turn.bv-side--human{box-shadow: var(--glow-human); position: relative; z-index: 1;}
.bv-side.is-turn.bv-side--agent{box-shadow: var(--glow-agent); position: relative; z-index: 1;}
.bv-who{min-width: 0; flex: 1;}
.bv-who b{display: block; font-weight: 700; font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bv-who small{display: block; font-size: 12px; line-height: 16px; color: var(--text-2);}
.bv-side--human .bv-who b{color: var(--human-text);}
.bv-side--agent .bv-who b{color: var(--agent-text);}
.bv-score{font-family: var(--font-num); font-weight: 700; font-size: 28px; line-height: 32px;}
.bv-vs{display: grid; place-items: center; width: 36px; background: var(--accent); color: var(--on-accent); font-family: var(--font-display); font-weight: 900; font-size: 13px; clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%); margin: 0 -6px; position: relative; z-index: 2;}
.bv-input{flex: 1; min-width: 0; min-height: var(--size-btn-sm); border-radius: var(--radius-sm); border: 2px solid var(--line-2); background: var(--bg-2); color: var(--text-1); padding: 0 12px; font: inherit;}
.bv-input::placeholder{color: var(--text-3);}
.bv-scoreboard{background: var(--bg-1); border-radius: var(--radius-xl); box-shadow: var(--shadow-lift); padding: var(--space-5); display: grid; gap: var(--space-4);}
.bv-totals{display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: var(--space-3);}
.bv-team{display: grid; gap: 2px;}
.bv-team--agent{text-align: right; justify-items: end;}
.bv-team .bv-cap{display: flex; align-items: center; gap: 6px;}
.bv-team--human .bv-cap{color: var(--human-text);}
.bv-team--agent .bv-cap{color: var(--agent-text);}
.bv-team .bv-big{font-family: var(--font-num); font-weight: 700; font-size: 48px; line-height: 48px;}
.bv-split{display: flex; height: 12px; border-radius: var(--radius-pill); overflow: hidden; gap: 3px;}
.bv-split .h{background: var(--human);}
.bv-split .a{background: var(--agent);}
.bv-split .a{background-image: repeating-linear-gradient(90deg, transparent 0 6px, var(--agent-lip) 6px 7px);}
.bv-pergame{width: 100%; border-collapse: collapse; font-size: 14px;}
.bv-pergame td{padding: 8px 0; border-top: 1px solid var(--line-1);}
.bv-pergame td.n{font-family: var(--font-num); font-weight: 700; width: 36px;}
.bv-pergame td.n.h{color: var(--human-text);}
.bv-pergame td.n.a{color: var(--agent-text); text-align: right;}
.bv-pergame .bar{padding: 8px 10px; width: 46%;}
.bv-pergame .bar .bv-split{height: 8px;}
.bv-wordmark{display: inline-flex; align-items: center; gap: 2px; font-family: var(--font-brand); font-weight: 900; font-size: 28px; line-height: 1; letter-spacing: -.02em; color: var(--text-1); text-decoration: none;}
.bv-wordmark .vs{display: inline-flex; align-items: center; justify-content: center; height: 1.05em; padding: 0 .18em; margin: 0 .06em; background: var(--accent); color: var(--on-accent); font-size: .78em; clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);}
.bv-wordmark .tld{color: var(--text-2); font-weight: 800;}
.pg-h2{margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 24px; line-height: 28px; letter-spacing: -.01em;}
.pg-h3{margin: 0 0 var(--space-2); font-family: var(--font-display); font-weight: 800; font-size: 18px; line-height: 22px;}
.pg-steps{display: grid; gap: var(--space-3); counter-reset: s; padding: 0; margin: 0; list-style: none;}
.pg-step{display: grid; grid-template-columns: 52px 1fr; gap: var(--space-3); align-items: start; background: var(--bg-1); border-radius: var(--radius-lg); padding: var(--space-4);}
.pg-step-n{display: grid; place-items: center; width: 52px; height: 52px; border-radius: var(--radius-md); background: var(--accent); color: var(--on-accent); font-family: var(--font-num); font-weight: 700; font-size: 26px; box-shadow: 0 var(--size-lip) 0 var(--accent-lip);}
.pg-step p{margin: 0; color: var(--text-2); font-size: 14px; line-height: 20px;}
.pg-band{display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-5); border-radius: var(--radius-xl); background: var(--bg-1); box-shadow: var(--shadow-lift); background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); background-size: 16px 16px;}
.pg-band p{margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 20px; line-height: 26px;}
.pg-band .bv-tile{width: 48px; height: 48px;}
.pg-band .bv-tile :is(svg,img){width: 28px; height: 28px;}
.pg-foot{margin-top: var(--space-12); padding: var(--space-6) 0; border-top: 1px solid var(--line-1); display: grid; gap: var(--space-4); font-size: 14px; color: var(--text-2);}
.pg-foot nav{display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5);}
.pg-foot nav a{color: var(--text-2); font-weight: 600; text-decoration: none; padding: 6px 0;}
.pg-foot small{font-size: 13px;}
.bv-cell.is-hit-by-human{}
.sh-main{min-width: 0; padding: 0 var(--space-6) var(--space-12);}
.sh-top{position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) 0; background: var(--bg-0);}
.sh-search{flex: 1; max-width: 420px; position: relative;}
.sh-search .bv-input{width: 100%; min-height: 44px; padding-left: 38px; border-radius: var(--radius-pill);}
.sh-search .ic{position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 15px; pointer-events: none;}
.sh-top .sp{flex: 1;}
.sh-hero{display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 420px); gap: var(--space-8); align-items: center; padding: var(--space-8); border-radius: var(--radius-xl); background: var(--bg-1); box-shadow: var(--shadow-lift); background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); background-size: 24px 24px;}
.sh-hero .ov{font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--text-2);}
.sh-hero h1{margin: var(--space-3) 0; font-family: var(--font-display); font-weight: 900; font-size: 48px; line-height: 50px; letter-spacing: -.025em;}
.sh-hero h1 em{font-style: normal; color: var(--human-text);}
.sh-hero h1 strong{color: var(--agent-text); font-weight: 900;}
.sh-hero .lead{margin: 0 0 var(--space-5); font-size: 18px; line-height: 27px; color: var(--text-2); max-width: 520px;}
.sh-ctas{display: flex; gap: var(--space-3); flex-wrap: wrap;}
.sh-proof{display: flex; align-items: center; gap: var(--space-5); margin-top: var(--space-6); flex-wrap: wrap;}
.sh-proof .stat{display: grid; gap: 2px;}
.sh-proof .stat b{font-family: var(--font-num); font-size: 22px; line-height: 26px;}
.sh-proof .stat > span{font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-2);}
.sh-live{border-radius: var(--radius-lg); background: var(--bg-0); box-shadow: inset 0 0 0 2px var(--line-1), var(--shadow-pop); overflow: hidden;}
.sh-live-head{display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--line-1); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;}
.sh-live-head .dot{width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: bv-pulse 1.4s var(--ease-in-out) infinite;}
.sh-live-head .sp{flex: 1;}
.sh-live-head .cnt{font-family: var(--font-num); font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--text-2);}
.sh-live-body{position: relative; padding: 14px; display: grid; gap: 10px;}
.sh-live-body .bv-grid{gap: 4px; grid-template-columns: 16px repeat(6, minmax(0, 1fr));}
.sh-live-body .bv-cell{min-width: 0; min-height: 0;}
.sh-live-body .bv-cell .bv-lbl{font-size: 8px;}
.sh-bubble{position: absolute; right: 14px; bottom: 64px; max-width: 62%; padding: 10px 12px; border-radius: var(--radius-sm); border-bottom-right-radius: 3px; background: var(--agent-soft); box-shadow: var(--shadow-pop), inset 0 0 0 2px var(--agent-lip); font-size: 13px; line-height: 18px; animation: bv-pop var(--dur-celebrate) var(--ease-bounce) both;}
.sh-bubble small{display: block; font-weight: 800; color: var(--agent-text); font-size: 11px;}
.sh-live-foot{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--line-1);}
.sh-live-foot span{font-size: 13px; font-weight: 700;}
.sh-sec-head{display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; margin: var(--space-8) 0 var(--space-3);}
.sh-chips{display: flex; gap: var(--space-2); overflow-x: auto; padding: 2px 2px 8px; margin-bottom: var(--space-3);}
.sh-chip{flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: var(--radius-pill); border: 2px solid var(--line-2); background: var(--bg-1); color: var(--text-1); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;}
.sh-chip[aria-checked="true"]{background: var(--text-1); color: var(--bg-0); border-color: var(--text-1);}
.sh-chip .n{font-family: var(--font-num); font-size: 12px; opacity: .75;}
.sh-chip:focus-visible{outline: 3px solid var(--focus); outline-offset: 2px;}
.hc-grid{display: grid; grid-template-columns: repeat(var(--hc-cols, 2), minmax(0, 1fr)); gap: var(--space-4);}
.hc{display: grid; grid-template-columns: var(--hc-art, 148px) minmax(0, 1fr); border-radius: var(--radius-lg); background: var(--bg-1); box-shadow: var(--shadow-lift); overflow: hidden; min-height: 196px; transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);}
.hc:hover{transform: translateY(-2px);}
.hc-art{position: relative; background: var(--bg-2); overflow: hidden;}
.hc-art > :is(svg,img){position: absolute; inset: 0; width: 100%; height: 100%;}
.hc-art .bv-badge{position: absolute; left: 8px; top: 8px; height: 22px; font-size: 10px; padding: 0 8px;}
.hc-body{display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; min-width: 0;}
.hc-body h3{margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 20px; line-height: 24px;}
.hc-body p{margin: 0; font-size: 14px; line-height: 20px; color: var(--text-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.hc-tags{display: flex; gap: 6px; flex-wrap: wrap;}
.hc-tags > span{display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: var(--radius-pill); background: var(--bg-2); font-size: 12px; font-weight: 700; color: var(--text-1);}
.hc-meta{font-size: 12px; color: var(--text-2);}
.hc-meta b{color: var(--text-1);}
.hc-actions{display: flex; gap: 6px; margin-top: auto; padding-top: 6px; flex-wrap: wrap;}
.hc-actions .bv-btn--sm{min-height: 38px; padding: 0 12px;}
.hc.is-soon .hc-art > :is(svg,img){filter: grayscale(1); opacity: .5;}
.hc--wide{grid-column: 1 / -1; grid-template-columns: 1fr; min-height: 0;}
@media (max-width:899px){.sh .sh-top{padding: 10px var(--space-4); border-bottom: 1px solid var(--line-1);}}
@media (max-width:899px){.sh .sh-main{padding: 0 var(--space-4) var(--space-8);}}
@media (max-width:899px){.sh .sh-hero{grid-template-columns: 1fr; gap: var(--space-5); padding: var(--space-5) var(--space-4); margin-top: var(--space-4);}}
@media (max-width:899px){.sh .sh-hero h1{font-size: 32px; line-height: 35px;}}
@media (max-width:899px){.sh .sh-hero .lead{font-size: 16px; line-height: 24px;}}
@media (max-width:899px){.sh .sh-ctas .bv-btn{flex: 1 1 100%;}}
@media (max-width:899px){.sh .hc-grid{--hc-cols: 1; gap: var(--space-3);}}
@media (max-width:899px){.sh .hc{grid-template-columns: 112px minmax(0, 1fr); min-height: 172px;}}
@media (max-width:899px){.sh .hc-body{padding: 12px;}}
@media (max-width:899px){.sh .hc-body h3{font-size: 18px; line-height: 22px;}}
@media (max-width:899px){.sh .hc-body p{font-size: 13px; line-height: 18px;}}
@media (prefers-reduced-motion: reduce){.hc{transition: none;}}
@media (prefers-reduced-motion: reduce){.sh-live-head .dot{animation: none;}}
@media (min-width:900px){.is-collapsed .hc-grid{--hc-art: 112px;}}
@media (min-width:900px){.is-collapsed .hc-actions .bv-btn--sm{padding: 0 10px;}}
.bv-cap{font-family: var(--font-pixel); letter-spacing: .05em;}
.bv-badge{font-family: var(--font-pixel); letter-spacing: .05em;}
.bv-coord{font-family: var(--font-pixel); letter-spacing: .05em;}
.sh-hero .ov{font-family: var(--font-pixel); letter-spacing: .05em;}
.sh-live-head{font-family: var(--font-pixel); letter-spacing: .05em;}
.sh-proof .stat > span{font-family: var(--font-pixel); letter-spacing: .05em;}
.sh-chip .n{font-family: var(--font-pixel); letter-spacing: .05em;}
.bv-vs{font-family: var(--font-pixel); letter-spacing: .05em;}
.hc-art .bv-badge{font-family: var(--font-pixel); letter-spacing: .05em;}
.bv-badge{font-weight: 400;}
.bv-vs{font-weight: 700; font-size: 12px;}
.sh-hero .ov{color: var(--human-text);}
.sh-hero h1{text-shadow: 0 0 28px rgba(255, 79, 184, .35);}
.sh-hero{background-color: var(--bg-1); background-image: radial-gradient(120% 55% at 50% 118%, rgba(255, 79, 184, .26), transparent 62%), repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 48px), repeating-linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px 48px); box-shadow: var(--glow-neon);}
.sh-live{box-shadow: 0 0 0 2px var(--agent-lip), 0 0 40px -10px var(--agent);}
.hc{box-shadow: 0 0 0 1px var(--line-1);}
.hc:hover{box-shadow: 0 0 0 2px var(--line-2), 0 0 32px -12px var(--agent);}
.bv-wordmark .vs{font-family: var(--font-brand);}
@media (prefers-reduced-motion: reduce){.hc:hover{box-shadow: 0 0 0 2px var(--line-2);}}
.sh-hero h1{font-size: 40px; line-height: 46px; font-weight: 800; letter-spacing: -.02em;}
@media (max-width:899px){.sh .sh-hero h1{font-size: 26px; line-height: 31px;}}
.pg-h2{font-size: 21px; line-height: 26px; font-weight: 700;}
.pg-h3{font-weight: 700; letter-spacing: -.01em;}
.hc-body h3{font-weight: 700; letter-spacing: -.01em;}
.hc-body h3{font-size: 17px; line-height: 22px;}
.bv-btn--play{font-weight: 800; font-size: 18px;}
.pg-step-n{font-family: var(--font-num);}
.bv-score{font-family: var(--font-num);}
.bv-big{font-family: var(--font-num);}
.skin-girder{--gc-spr: 22px; --gc-ink: #120A26; --gc-steel: #FF7A45; --gc-steel-hi: #FFB98A; --gc-steel-lo: #9C3418; --gc-on-steel: #1C0A04; --gc-ladder: #5DE39A; --gc-chute: #FF5C7A; --gc-chute-lo: #9E1F3D; --font-arcade: "Press Start 2P", var(--font-pixel); --gc-spr-x: 0; --gc-girder: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%208%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%23120A26%22/%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%23FFB98A%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23FFE6C9%22/%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%2213%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23FFE6C9%22/%3E%3Crect%20x%3D%2214%22%20y%3D%222%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%239C3418%22/%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%2212%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%239C3418%22/%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%239C3418%22/%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%2211%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%239C3418%22/%3E%3Crect%20x%3D%2212%22%20y%3D%224%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%239C3418%22/%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%2210%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%239C3418%22/%3E%3Crect%20x%3D%2211%22%20y%3D%225%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%23FF7A45%22/%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%23D9572A%22/%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%239C3418%22/%3E%3Crect%20x%3D%2210%22%20y%3D%226%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%23D9572A%22/%3E%3Crect%20x%3D%220%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%23120A26%22/%3E%3C/svg%3E");}
.skin-girder .bv-btn--play{white-space: normal;}
.gc-sprite{display: block; width: var(--gc-spr); height: auto; image-rendering: pixelated; flex: none;}
.gc-sprite--strip{width: 24px;}
.skin-girder .bv-side .gc-sprite--strip{width: 26px;}
.gc-sky{position: absolute; inset: 0; z-index: -1; overflow: hidden; background: linear-gradient(180deg, #170C30 0 14%, #1F0E44 14% 26%, #331257 26% 38%, #4F1766 38% 50%, #761D6E 50% 61%, #A62A70 61% 71%, #D6416D 71% 80%, #FF6E5A 80% 89%, #FFA552 89% 100%);}
.gc-sky::before{content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22120%22%20height%3D%2280%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%2230%22%20y%3D%2275%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F7F3FF%22/%3E%3Crect%20x%3D%22117%22%20y%3D%2277%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%2362E1F8%22/%3E%3Crect%20x%3D%2274%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F7F3FF%22/%3E%3Crect%20x%3D%2233%22%20y%3D%2270%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F7F3FF%22/%3E%3Crect%20x%3D%2291%22%20y%3D%2260%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2362E1F8%22/%3E%3Crect%20x%3D%2281%22%20y%3D%2219%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23F7F3FF%22/%3E%3Crect%20x%3D%2219%22%20y%3D%2266%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%2362E1F8%22/%3E%3Crect%20x%3D%221%22%20y%3D%228%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23F7F3FF%22/%3E%3Crect%20x%3D%225%22%20y%3D%2238%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F7F3FF%22/%3E%3C/svg%3E"); background-size: 120px 80px; opacity: .8; mask-image: linear-gradient(#000 0 40%, transparent 55%); -webkit-mask-image: linear-gradient(#000 0 40%, transparent 55%);}
.gc-sun{position: absolute; left: 50%; bottom: 4%; width: 44%; max-width: 240px; opacity: .9; transform: translateX(-50%); image-rendering: pixelated;}
.gc-skyline{position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30%;}
.skin-girder .bv-btn--play{border-radius: 0; font-family: var(--font-arcade); font-weight: 400; font-size: 11px; line-height: 16px; letter-spacing: 0;}
.skin-girder .bv-vs{font-family: var(--font-arcade);}
.gc-sprite.is-active{animation: gc-bob 700ms steps(1) infinite;}
@media (prefers-reduced-motion: reduce){.gc-sprite.is-active{animation: none !important;}}
.gc-hero-girder{position: absolute; left: 0; right: 0; bottom: 0; height: 24px; background: var(--gc-girder) 0 0 / 48px 24px repeat-x; image-rendering: pixelated; z-index: 2;}
.skin{--font-arcade: "Press Start 2P", "Silkscreen", ui-monospace, monospace; --gc-ink: #120A26; --gc-spr: 22px;}
.skin .bv-vs{font-family: var(--font-arcade);}
.skin .bv-btn--play{border-radius: 0; font-family: var(--font-arcade); font-weight: 400; font-size: 11px; line-height: 16px; letter-spacing: 0; white-space: normal;}
.skin .gc-sprite{display: block; width: var(--gc-spr); height: auto; flex: none;}
.skin .gc-sprite--strip{width: 24px;}
.skin .bv-side .gc-sprite--strip{width: 26px;}
.skin .gc-sprite.is-active{animation: gc-bob 700ms steps(1) infinite;}
@media (prefers-reduced-motion: reduce){.skin .gc-sprite.is-active{animation: none !important;}}
.skin-navy{--gc-steel: #8AA3D1; --gc-steel-hi: #C3D2EE; --gc-steel-lo: #3B5287; --gc-on-steel: #0A1430; --sn-water: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%229%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%2210%22%20y%3D%226%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%2212%22%20y%3D%226%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%227%22%20width%3D%229%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%229%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%2210%22%20y%3D%227%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%2212%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%2213%22%20y%3D%227%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%2214%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%2214%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235A9BE0%22/%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%229%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%221%22%20y%3D%2211%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2213%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%221%22%20y%3D%2212%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%223%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231D4E92%22/%3E%3Crect%20x%3D%224%22%20y%3D%2212%22%20width%3D%2212%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%2213%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%2214%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235A9BE0%22/%3E%3Crect%20x%3D%227%22%20y%3D%2214%22%20width%3D%229%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3Crect%20x%3D%220%22%20y%3D%2215%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%230D2A5E%22/%3E%3C/svg%3E");}
.sn-scene{position: relative; height: 46px; overflow: hidden; border-bottom: 3px solid var(--gc-ink); background: linear-gradient(180deg, #1F0E44 0 22%, #331257 22% 40%, #5A1868 40% 56%, #8E2372 56% 70%, #C9396F 70% 82%, #FF7A55 82% 100%);}
.sn-scene::before{content: ""; position: absolute; inset: 0; background-image: var(--gc-stars, none);}
.sn-horizon{position: absolute; inset: 0; width: 100%; height: 100%;}
.sn-water{padding: 10px 10px 12px; background: var(--sn-water) 0 0 / 32px 32px; image-rendering: pixelated;}
.skin-navy .bv-coord{font-family: var(--font-arcade); font-size: 8px; color: var(--gc-steel-hi);}
.skin-navy .bv-cell{border-radius: 0; background: rgba(6,18,48,.30); box-shadow: inset 0 0 0 1px rgba(127,183,240,.30); overflow: visible;}
.skin-navy .bv-cell:hover:not(:disabled){background: rgba(255,225,77,.16);}
.skin-navy .bv-cell:active:not(:disabled){transform: translateY(2px); box-shadow: inset 0 0 0 2px #FFE14D;}
.skin-navy .bv-cell:disabled{transform: none; box-shadow: inset 0 0 0 1px rgba(127,183,240,.22);}
.skin-navy .bv-cell:focus-visible{outline: 3px solid var(--focus); outline-offset: 3px;}
.skin-navy .bv-cell .bv-lbl{font-family: var(--font-pixel); font-size: 9px; line-height: 10px; color: #C3D2EE; z-index: 3;}
.sn-reticle{position: absolute; inset: -3px; width: calc(100% + 6px); height: calc(100% + 6px); z-index: 2;}
.sn-hit{position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; pointer-events: none;}
.sn-hit > :is(svg,img){grid-area: 1 / 1;}
.sn-flame{width: 74%; height: auto; align-self: end; margin-bottom: 6%; animation: sn-flicker 500ms steps(1) infinite;}
.sn-x{width: 50%; height: auto;}
.sn-miss{position: relative; z-index: 2; width: 54%; height: auto;}
.sn-lamp{animation: sn-blink 1200ms steps(1) infinite;}
.sn-beam{animation: sn-blink 1200ms steps(1) infinite;}
@media (prefers-reduced-motion: reduce){.sn-flame{animation: none !important;}}
@media (prefers-reduced-motion: reduce){.sn-lamp{animation: none !important;}}
@media (prefers-reduced-motion: reduce){.sn-beam{animation: none !important;}}
.sn-x{position: relative; z-index: 1;}
.sn-miss{width: 40%;}
.skin-navy .sn-water{padding: 8px 6px 10px;}
.skin-cab{--ac-body: #2A1B52; --ac-body-lo: #170F33; --ac-hole: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2012%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%224%22%20y%3D%221%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%2210%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%2210%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%2211%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%2211%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%2211%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%220%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%2211%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%222%22%20y%3D%228%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%2210%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%221%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231A1036%22/%3E%3Crect%20x%3D%223%22%20y%3D%229%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%2307040F%22/%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%231A1036%22/%3E%3Crect%20x%3D%2210%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%222%22%20y%3D%2210%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%231A1036%22/%3E%3Crect%20x%3D%228%22%20y%3D%2210%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%232A1B52%22/%3E%3C/svg%3E");}
.ac-bulbs{position: absolute; left: 0; right: 0; top: 3px; height: 4px; background: repeating-linear-gradient(90deg, #FFE14D 0 4px, transparent 4px 10px, #FF4FB8 10px 14px, transparent 14px 20px); animation: ac-chase 600ms steps(1) infinite;}
@media (prefers-reduced-motion: reduce){.ac-bulbs{animation: none !important;}}
.skin-show{--ss-felt: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%229%22%20y%3D%220%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%229%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2211%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2211%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%2215%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2211%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%2214%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%2215%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%221%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%2211%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%2213%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%2214%22%20y%3D%227%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%221%22%20y%3D%228%22%20width%3D%2211%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%2212%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%2213%22%20y%3D%228%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%221%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%2212%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%2213%22%20y%3D%229%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%2210%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%222%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%223%22%20y%3D%2210%22%20width%3D%2213%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%2211%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%2212%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%224%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%225%22%20y%3D%2212%22%20width%3D%2211%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%2213%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%225%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%226%22%20y%3D%2213%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%2214%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%227%22%20y%3D%2214%22%20width%3D%229%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%220%22%20y%3D%2215%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3Crect%20x%3D%227%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2314524E%22/%3E%3Crect%20x%3D%228%22%20y%3D%2215%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%230F3F3C%22/%3E%3C/svg%3E"); --ss-amber: #FFB547;}
.skin-store .px-ic{width: 18px; height: 18px; display: block;}
.skin-store .px-ic--btn{width: 16px; height: 16px; display: inline-block; vertical-align: -3px;}
.skin-store .bv-btn.st-btn-y{--fill: var(--accent); --ink: var(--on-accent); --edge: var(--accent); --lip: var(--accent-lip); border-radius: 0; font-family: var(--font-arcade); font-weight: 400; font-size: 9px; text-transform: uppercase;}
.skin-store .sh-top{border-bottom: 3px solid #2A1B52;}
.skin-store .sh-search .bv-input{border-radius: 0; box-shadow: 0 0 0 3px var(--gc-ink), inset 0 0 0 2px #3A2A63; border: 0; background: #120A26;}
.skin-store .sh-search .ic{display: grid;}
.skin-store .sh-top .bv-btn{border-radius: 0;}
.skin-store .st-hero{position: relative; isolation: isolate; overflow: hidden; border-radius: 0; background: none; box-shadow: 0 0 0 3px var(--gc-ink), 0 0 0 6px #3A2A63; margin: 6px 6px 24px; padding: 40px 40px 72px;}
.skin-store .st-hero .gc-sun{width: 300px; max-width: none; left: 30%; bottom: 20px;}
.skin-store .st-hero .gc-skyline{height: 40%;}
.st-hero-txt{position: relative; display: grid; gap: 14px; justify-items: start;}
.skin-store .st-hero .ov{font-family: var(--font-pixel); font-weight: 700; font-size: 13px; letter-spacing: 0; color: #FFE14D; text-shadow: 2px 2px 0 var(--gc-ink);}
.st-h1{margin: 0 !important; font-family: var(--font-pixel) !important; font-weight: 700 !important; text-transform: uppercase; font-size: 56px !important; line-height: 58px !important; letter-spacing: 0 !important; color: #F7F3FF; text-shadow: 4px 4px 0 #120A26, -2px 0 0 #120A26, 0 -2px 0 #120A26, 2px 0 0 #120A26;}
.st-h1 .h{color: var(--human);}
.st-h1 .a{color: var(--agent);}
.st-h1 .vs{display: inline-block; padding: 0 .18em; color: var(--on-accent); background: var(--accent); transform: skewX(-12deg); text-shadow: none; box-shadow: 4px 4px 0 #120A26; font-size: .7em; vertical-align: .15em;}
.skin-store .st-hero .lead{margin: 0; max-width: 480px; color: #F7F3FF; background: rgba(18,10,38,.72); padding: 8px 12px; font-size: 17px; line-height: 25px;}
.skin-store .st-hero .bv-btn{border-radius: 0;}
.skin-store .st-hero .bv-btn--secondary{font-family: var(--font-pixel); font-weight: 700; text-transform: uppercase;}
.st-hiscore{gap: 6px !important; margin-top: 4px !important;}
.st-hiscore .stat{padding: 8px 12px; background: rgba(11,7,24,.86); box-shadow: inset 0 0 0 2px #3A2A63; gap: 4px !important;}
.st-hiscore .stat > span{font-family: var(--font-arcade); font-size: 7px !important; letter-spacing: 0 !important; color: #FFE14D !important;}
.st-hiscore .stat b{font-family: var(--font-arcade) !important; font-weight: 400; font-size: 16px !important; line-height: 20px !important; color: var(--ss-amber, #FFB547);}
.st-hiscore .stat small{font-size: 11px; color: var(--text-2);}
.st-cast{position: absolute; left: 40px; bottom: 24px; display: flex; gap: 40px; align-items: flex-end; z-index: 1;}
.st-cast-spr{width: 40px;}
.st-crt{position: relative; border-radius: 0; background: #0A1A3E; box-shadow: 0 0 0 4px #2A1B52, 0 0 0 7px var(--gc-ink), 0 0 0 10px #4A347E, 0 18px 40px -12px rgba(0,0,0,.8);}
.st-crt .sh-live-head{font-family: var(--font-arcade); font-weight: 400; font-size: 8px; letter-spacing: 0; color: #FFE14D; background: #120A26; border-bottom: 3px solid var(--gc-ink);}
.st-crt .sh-live-head .dot{border-radius: 0; animation: sn-blink 900ms steps(1) infinite;}
.st-crt .sh-live-head .cnt{font-family: var(--font-pixel); font-size: 11px; color: #C3D2EE;}
.st-crt .sh-live-body{padding: 10px;}
.st-crt .sn-water{padding: 6px;}
.st-crt .bv-faceoff{background: #120A26;}
.st-crt .sh-bubble{border-radius: 0; box-shadow: 0 0 0 3px var(--gc-ink);}
.st-crt .sh-live-foot{background: #120A26; border-top: 3px solid var(--gc-ink);}
.st-crt .sh-live-foot span{font-family: var(--font-pixel); font-size: 12px;}
.st-crt .sh-live-foot .bv-btn{border-radius: 0;}
.st-scan{position: absolute; inset: 0; z-index: 4; pointer-events: none; background: repeating-linear-gradient(180deg, rgba(0,0,0,.18) 0 1px, transparent 1px 3px);}
.skin-store .pg-h2{font-family: var(--font-pixel) !important; font-weight: 700 !important; text-transform: uppercase; font-size: 32px !important; line-height: 36px !important; letter-spacing: 0 !important; text-shadow: 3px 3px 0 #120A26;}
.skin-store .sh-sec-head h2{font-family: var(--font-pixel) !important; font-weight: 700 !important; text-transform: uppercase; font-size: 32px !important; line-height: 36px !important; letter-spacing: 0 !important; text-shadow: 3px 3px 0 #120A26;}
.skin-store .sh-chip{border-radius: 0; font-family: var(--font-pixel); font-weight: 700; text-transform: uppercase; font-size: 12px;}
.skin-store .sh-chip[aria-checked="true"]{background: #FFE14D; color: #1C1A04; border-color: #FFE14D; box-shadow: 3px 3px 0 var(--gc-ink);}
@media (max-width:899px){.skin-store.sh .st-hero{padding: 28px 16px 110px; margin: 16px 0 24px; grid-template-columns: 1fr;}}
@media (max-width:899px){.skin-store.sh .st-h1{font-size: 36px !important; line-height: 38px !important;}}
@media (max-width:899px){.skin-store.sh .st-hero .gc-sun{width: 200px; left: 50%; bottom: 30px;}}
@media (max-width:899px){.skin-store.sh .st-hero .gc-skyline{height: 22%;}}
@media (max-width:899px){.skin-store.sh .st-cast{left: 50%; transform: translateX(-50%); gap: 90px;}}
@media (max-width:899px){.skin-store.sh .st-cast-spr{width: 36px;}}
@media (max-width:899px){.skin-store.sh .pg-h2{font-size: 24px !important; line-height: 28px !important;}}
@media (max-width:899px){.skin-store.sh .sh-sec-head h2{font-size: 24px !important; line-height: 28px !important;}}
@media (prefers-reduced-motion: reduce){.st-crt .sh-live-head .dot{animation: none !important;}}
.skin-store .sh-search .ic .px-ic{width: 18px; height: 18px;}
.skin-store .sh-search .ic{left: 12px;}
.st-crt .sh-live-foot span{font-family: var(--font-body); font-size: 13px; font-weight: 700; text-transform: none;}
@media (max-width:899px){.skin-store.sh .st-crt .sh-live-head{font-size: 7px; flex-wrap: wrap; row-gap: 4px;}}
@media (max-width:899px){.skin-store.sh .st-crt .sh-live-head .cnt{font-size: 10px;}}
.th{position: absolute; inset: 0; overflow: hidden; display: flex; flex-direction: column; background: #120A26;}
.th-top{position: relative; height: 22%; flex: none; border-bottom: 3px solid var(--gc-ink);}
.th-body{position: relative; flex: 1; display: grid; place-items: center;}
.th-grid3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; width: 86%;}
.th-sea .sn-scene{height: 22%; border-bottom-width: 3px;}
.th-sea .th-body{padding: 6px;}
.th-cell{position: relative; aspect-ratio: 1; display: grid; place-items: center; box-shadow: inset 0 0 0 1px rgba(127,183,240,.3); background: rgba(6,18,48,.3);}
.th-cell .sn-miss{width: 50%;}
.th-cell .sn-reticle{inset: -2px; width: calc(100% + 4px); height: calc(100% + 4px);}
.th-ship{position: absolute; inset: 0 -2px;}
.th-ship :is(svg,img){width: 100%; height: 100%; display: block;}
.th-cell:nth-child(4) .th-ship{inset: 0 -2px 0 0;}
.th-cell:nth-child(6) .th-ship{inset: 0 0 0 -2px;}
.th .sn-hit{z-index: 2;}
.th-curtain{background: repeating-linear-gradient(90deg, #8E1F3D 0 6px, #B32A4E 6px 10px, #D63A5E 10px 12px, #B32A4E 12px 16px, #8E1F3D 16px 22px);}
.th-curtain .ac-bulbs{top: auto; bottom: 3px;}
.th-marquee .ac-bulbs{top: auto; bottom: 3px;}
.th-felt{background: var(--ss-felt) 0 0 / 24px 24px; image-rendering: pixelated; display: grid; grid-template-columns: repeat(2, auto); gap: 10px 8px; align-content: center; justify-content: center;}
.th-die{width: 38px; height: 38px; display: block; filter: drop-shadow(0 3px 0 rgba(0,0,0,.45));}
.th-kept{position: relative; transform: translateY(-4px);}
.th-kept b{position: absolute; left: 50%; top: -11px; transform: translateX(-50%); font-family: var(--font-arcade); font-weight: 400; font-size: 6px; line-height: 8px; padding: 1px 2px; background: #FFE14D; color: #1C1A04;}
.th-marquee{display: grid; place-items: center; background: radial-gradient(120% 140% at 50% 0%, #4F1766 0, #22104A 60%, #120A26 100%);}
.th-marquee b{font-family: var(--font-arcade); font-weight: 400; font-size: 8px; color: #FFE14D; text-shadow: 1px 1px 0 #B32A7E; margin-bottom: 4px;}
.th-cab{background: linear-gradient(90deg, #FF4FB8 0 3px, #FFB547 3px 6px, #2FD6F5 6px 9px, transparent 9px) left / 9px 100% no-repeat, linear-gradient(270deg, #FF4FB8 0 3px, #FFB547 3px 6px, #2FD6F5 6px 9px, transparent 9px) right / 9px 100% no-repeat, #2A1B52;}
.th-four .th-grid3{width: 70%; padding: 5px; background: #120A26; box-shadow: 0 0 0 2px var(--gc-ink);}
.th-slot{aspect-ratio: 1; display: grid; place-items: center; background: var(--ac-hole) 0 0 / 100% 100%; image-rendering: pixelated;}
.th-token{width: 84%; height: auto; display: block;}
.th-climb .gc-sun{width: 70%; bottom: 8%;}
.th-climb .gc-skyline{height: 30%;}
.th-floor{position: absolute; left: 0; right: 0; height: 8px; background: var(--gc-girder) 0 0 / 16px 8px repeat-x; image-rendering: pixelated; z-index: 1;}
.th-ladder{position: absolute; left: 58%; bottom: 6%; height: 32%; width: 16px; z-index: 2; display: flex; flex-direction: column; justify-content: space-around; box-shadow: inset 3px 0 0 #5DE39A, inset -3px 0 0 #5DE39A, 0 0 0 2px var(--gc-ink);}
.th-ladder i{display: block; height: 3px; background: #5DE39A;}
.th-sprite{width: 24px; height: auto; display: block;}
.th-spr{position: absolute; z-index: 3;}
.th-spr--h{left: 54%; bottom: 22%;}
.th-spr--a{left: 16%; bottom: calc(36% + 8px);}
.th-flag{position: absolute; right: 12%; bottom: calc(66% + 8px); z-index: 2;}
.th-flagimg{width: 20px; display: block;}
.th-rps{background: linear-gradient(180deg, #1F0E44, #120A26 70%); align-items: center; justify-content: center; gap: 14px;}
.th-duel{position: relative; display: flex; align-items: flex-end; gap: 8px;}
.th-duel b{font-family: var(--font-arcade); font-weight: 400; font-size: 9px; padding: 2px 4px; background: #FFE14D; color: #1C1A04; transform: skewX(-12deg); margin-bottom: 8px;}
.th-hands{position: relative; display: flex; gap: 6px;}
.th-hand{width: 22px; height: 22px; display: block;}
.th-soon{align-items: center; justify-content: center; filter: grayscale(1); opacity: .65;}
.th-board{position: absolute; inset: 14%; background: repeating-conic-gradient(#3A2A63 0 25%, #1B1035 0 50%) 0 0 / 25% 25%; box-shadow: 0 0 0 3px var(--gc-ink), 0 0 0 5px #4A347E;}
.th-soon--backgammon .th-board{background: repeating-linear-gradient(90deg, #3A2A63 0 12.5%, #1B1035 12.5% 25%);}
.th-piece{position: relative; display: block;}
.th-piece :is(svg,img){width: 36px; height: 36px; display: block;}
.th-tag{position: absolute; left: 8px; top: 8px; font-family: var(--font-arcade); font-size: 7px; padding: 2px 4px; background: #BDB3D9; color: #120A26;}
.skin-store .hc.is-soon .hc-art .th{filter: none;}
.skin-store .hc.is-soon .th-soon{filter: grayscale(1);}
.skin-store .hc{border-radius: 0; background: #1B1035; box-shadow: 0 0 0 3px var(--gc-ink), 0 0 0 5px #3A2A63; margin: 5px;}
.skin-store .hc:hover{transform: translateY(-2px); box-shadow: 0 0 0 3px var(--gc-ink), 0 0 0 5px #FFE14D, 0 8px 0 0 rgba(0,0,0,.4);}
.skin-store .hc-art{background: #120A26; border-right: 3px solid var(--gc-ink);}
.skin-store .hc-art .bv-badge{z-index: 5; border-radius: 0; font-family: var(--font-arcade); font-weight: 400; font-size: 7px; background: #FF4FB8; color: #2A0620; box-shadow: 2px 2px 0 var(--gc-ink); left: 6px; top: 6px;}
.skin-store .hc-body h3{font-family: var(--font-pixel); font-weight: 700; text-transform: uppercase; font-size: 20px; line-height: 22px; letter-spacing: 0; text-shadow: 2px 2px 0 #120A26;}
.skin-store .hc-tags > span{border-radius: 0; background: #261747; box-shadow: inset 0 0 0 1px #3A2A63;}
.skin-store .hc-actions .bv-btn{border-radius: 0;}
.skin-store .hc-actions .bv-btn[style*="--fill:var(--accent)"]{font-family: var(--font-arcade); font-weight: 400; font-size: 9px;}
.skin-store .hc--wide{background: #1B1035;}
.skin-store .hc--wide h3{font-size: 18px;}
.skin-store .hc--wide .bv-mk{display: none;}
.skin-store .bv-scoreboard{border-radius: 0; background: #0B0718; box-shadow: 0 0 0 3px var(--gc-ink), 0 0 0 6px #B39A10; margin: 6px; background-image: radial-gradient(rgba(255,181,71,.06) 1px, transparent 1.2px); background-size: 6px 6px;}
.skin-store .bv-scoreboard .bv-big{font-family: var(--font-arcade) !important; font-weight: 400; text-shadow: 3px 3px 0 #120A26;}
.skin-store .bv-scoreboard *{border-radius: 0 !important;}
.skin-store .pg-step{border-radius: 0; background: #1B1035; box-shadow: 0 0 0 3px var(--gc-ink), inset 0 0 0 2px #3A2A63; margin: 3px;}
.skin-store .pg-step-n{border-radius: 0; font-family: var(--font-arcade) !important; font-size: 18px; box-shadow: 0 -3px 0 0 var(--gc-ink), 0 3px 0 0 var(--gc-ink), -3px 0 0 0 var(--gc-ink), 3px 0 0 0 var(--gc-ink), 0 7px 0 0 #B39A10; margin: 3px;}
.skin-store .pg-step h3{font-family: var(--font-pixel); font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 19px;}
.skin-store .pg-band{border-radius: 0; background: #1B1035; box-shadow: 0 0 0 3px var(--gc-ink), inset 0 0 0 2px #7A68A8; margin: 3px;}
.skin-store .pg-band p{font-family: var(--font-pixel); font-weight: 700; text-transform: uppercase; font-size: 18px; line-height: 22px;}
.skin-store .pg-band .bv-btn{border-radius: 0;}
.skin-store .bv-btn--secondary{border-radius: 0;}
.th{isolation: isolate;}
.th-rps .th-sprite{width: 34px;}
.th-hand{width: 26px; height: 26px;}
.th-tag{text-transform: uppercase; font-family: "Press Start 2P", monospace;}
.th-soon .th-piece{filter: grayscale(1);}
.th-soon .th-board{filter: grayscale(1);}
@media (max-width:899px){.skin-store.sh .hc-actions{flex-wrap: nowrap;}}
@media (max-width:899px){.skin-store.sh .hc-actions .bv-btn--sm{padding: 0 10px; white-space: nowrap;}}
@media (max-width:899px){.skin-store.sh .hc-body h3{font-size: 17px; line-height: 19px;}}
.skin-store .bv-badge{border-radius: 0; box-shadow: 2px 2px 0 var(--gc-ink);}
.skin-store .bv-input{border-radius: 0; border: 0; background: #120A26; box-shadow: 0 0 0 3px var(--gc-ink), inset 0 0 0 2px #3A2A63;}
.skin-store .bv-input:focus-visible{box-shadow: 0 0 0 3px var(--gc-ink), inset 0 0 0 2px #FFE14D; outline: none;}
.skin-store .bv-btn{border-radius: 0;}
.skin-store .pg-h3{font-family: var(--font-pixel); font-weight: 700; text-transform: uppercase; letter-spacing: 0;}
.skin-store .bv-cap{font-family: var(--font-arcade); font-weight: 400; letter-spacing: 0; font-size: 8px; color: #FFE14D;}
.skin-store .bv-btn--channel{border-radius: 0;}
.skin-store .bv-btn--channel .bv-tile{border-radius: 0;}
.skin-store .bv-scoreboard .pg-h2{font-size: 24px !important; line-height: 28px !important;}
@media (max-width:899px){.skin-store.sh .bv-scoreboard .pg-h2{font-size: 20px !important; line-height: 24px !important;}}
.rr-sky{position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, #0B0718 0 30%, #160C33 30% 55%, #22104A 55% 75%, #33165E 75% 100%);}
.rr-sky::before{content: ""; position: absolute; inset: 0; background-image: var(--gc-stars-uri, none);}
.rr-moon{position: absolute; right: 10%; top: 8%; width: 56px; height: 56px;}
.rr-city{position: absolute; left: 0; right: 0; bottom: 14px; width: 100%; height: 38%; opacity: .9;}
.rr-roof{position: absolute; left: 0; right: 0; bottom: 0; height: 14px; background: repeating-linear-gradient(90deg, #3A2A63 0 14px, #2A1B52 14px 16px); border-top: 3px solid var(--gc-ink);}
.rr-moon{right: auto; left: 6%; top: 34%; width: 40px; height: 40px;}
.th-rps.rr-stage-th{background: #120A26;}
.th-rps .rr-sky{z-index: -1;}
.th-rps .rr-moon{left: auto; right: 10%; top: 8%; width: 28px; height: 28px;}
.th-rps .rr-city{height: 34%; bottom: 10px;}
.th-rps .rr-roof{height: 10px;}
.th-port{display: block; padding: 4px; background: rgba(11,7,24,.85);}
.th-port--h{box-shadow: 0 0 0 2px var(--gc-ink), inset 0 0 0 2px var(--human);}
.th-port--a{box-shadow: 0 0 0 2px var(--gc-ink), inset 0 0 0 2px var(--agent);}
.th-rps .th-sprite{width: 26px;}
.th-rps .th-hands{margin-bottom: 8px;}
.bv-vs{clip-path: none !important; background: none !important; letter-spacing: 0 !important; text-indent: 0; line-height: 1; width: 44px; margin: 0 -9px; isolation: isolate;}
.bv-vs::before{content: ""; position: absolute; inset: 0 7px; background: var(--accent); transform: skewX(-16deg); z-index: -1;}
.skin .bv-vs{padding-top: 2px;}
.bv-faceoff{overflow: hidden;}
.bv-side.is-turn.bv-side--human{box-shadow: inset 2px 0 0 var(--human), inset 0 2px 0 var(--human), inset 0 -2px 0 var(--human), 0 0 28px -6px rgba(47,214,245,.6);}
.bv-side.is-turn.bv-side--agent{box-shadow: inset -2px 0 0 var(--agent), inset 0 2px 0 var(--agent), inset 0 -2px 0 var(--agent), 0 0 28px -6px rgba(255,79,184,.55);}
.bv-faceoff:has(.bv-side.is-turn.bv-side--human){box-shadow: 0 0 24px -8px rgba(47,214,245,.55), var(--shadow-lift);}
.bv-faceoff:has(.bv-side.is-turn.bv-side--agent){box-shadow: 0 0 24px -8px rgba(255,79,184,.5), var(--shadow-lift);}
.bv-scoreboard .bv-vs{width: 52px !important; margin: 0;}
@keyframes bv-pulse{0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.6); opacity: .5; }}
@keyframes bv-pop{0% { transform: scale(.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; }}
@keyframes gc-bob{0%, 49% { transform: translateY(0); } 50%, 100% { transform: translateY(-2px); }}
@keyframes sn-flicker{0%, 49% { transform: scaleX(1); } 50%, 100% { transform: scaleX(-1); }}
@keyframes sn-blink{0%, 59% { opacity: 1; } 60%, 100% { opacity: .15; }}
@keyframes ac-chase{0%, 49% { background-position: 0 0; } 50%, 100% { background-position: 10px 0; }}
/* Nudge (13 Oct 2026): the question under How it works, on the store (laptop and phone) */
.pg-faq{margin-top:var(--space-3);background:var(--bg-1);box-shadow:inset 0 0 0 2px var(--line-1);padding:var(--space-3) var(--space-4)}
.pg-faq>summary{cursor:pointer;font:700 15px/22px var(--font-body);color:var(--text-1)}
.pg-faq>summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.pg-faq p{margin:var(--space-2) 0 0;color:var(--text-2);font-size:14px;line-height:20px;max-width:70ch}
.pg-faq a{color:var(--human-text)}

/* For AI agents on the home page (15 Oct) */
.st-agents{margin-top:var(--space-6)}
.st-agents p{margin:var(--space-2) 0 0;max-width:72ch;color:var(--text-2);font-size:15px;line-height:23px}
.st-agents a{color:var(--human-text)}
.st-agents code{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;vertical-align:bottom;padding:2px 8px;background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);font:500 13px/22px var(--font-num,ui-monospace,monospace);color:var(--text-1)}
.st-agents-links{font-size:14px!important}