/* Server-timed Catch Arcade. Scoped to gwa-. */
.gwa-card{margin:24px clamp(14px,4vw,54px) 0;color:var(--ink-hi)}
.gwa-shell{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:26px;padding:24px;border:1px solid var(--hairline);border-radius:22px;background:linear-gradient(125deg,var(--panel),color-mix(in srgb,var(--p200) 18%,var(--raised)));box-shadow:0 18px 48px rgba(42,33,64,.12)}
.gwa-cardart{position:relative;height:150px;overflow:hidden;border-radius:18px;background:var(--well)}.gwa-cardart img{width:100%;height:100%;object-fit:cover}.gwa-cardart:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(20,14,32,.72))}.gwa-cardart span{position:absolute;z-index:1;left:12px;bottom:10px;color:#fff;font:850 11px/1 var(--font-num);letter-spacing:.08em;text-transform:uppercase}
.gwa-kicker{font:850 10px/1.2 var(--font-num);letter-spacing:.14em;color:var(--p500)}.gwa-copy h2{margin:7px 0 7px;font-size:clamp(25px,3.4vw,40px);line-height:1.02;letter-spacing:-.04em}.gwa-copy p{max-width:720px;margin:0;color:var(--ink-mid);font-size:14px;line-height:1.55}.gwa-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px}.gwa-open,.gwa-start{min-height:42px;padding:0 18px;border-radius:999px;background:var(--p400);color:var(--on-accent);font-weight:850;box-shadow:0 8px 22px color-mix(in srgb,var(--p400) 28%,transparent)}.gwa-open:hover,.gwa-start:hover{transform:translateY(-1px)}.gwa-start:disabled{opacity:.55;cursor:not-allowed}.gwa-meta{font:750 11px/1.2 var(--font-num);color:var(--ink-lo)}
.gwa-back{position:fixed;z-index:2147482600;inset:0;display:grid;place-items:center;padding:18px;background:rgba(19,13,31,.74);backdrop-filter:blur(14px)}.gwa-modal{display:flex;flex-direction:column;width:min(960px,100%);max-height:min(900px,calc(100dvh - 36px));overflow:hidden;border:1px solid var(--hairline-2);border-radius:24px;background:var(--panel);box-shadow:0 28px 100px rgba(0,0,0,.42);color:var(--ink-hi)}
.gwa-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px 12px}.gwa-top h2{margin:4px 0 0;font-size:29px;letter-spacing:-.04em}.gwa-close{width:44px;height:44px;border:1px solid var(--hairline);border-radius:50%;background:var(--raised);font-size:28px;line-height:1}.gwa-content{overflow:auto;padding:0 22px 22px}
.gwa-lobby{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:20px;padding:18px;border:1px solid var(--hairline);border-radius:18px;background:var(--well)}.gwa-skin{position:relative;min-height:220px;overflow:hidden;border-radius:14px}.gwa-skin img{width:100%;height:100%;object-fit:cover}.gwa-skin:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(12,8,20,.75))}.gwa-skin span{position:absolute;z-index:1;left:12px;bottom:12px;color:#fff;font:850 11px/1 var(--font-num);letter-spacing:.08em;text-transform:uppercase}.gwa-lobbycopy{align-self:center}.gwa-lobbycopy h3{margin:0 0 7px;font-size:26px;letter-spacing:-.035em}.gwa-lobbycopy p{margin:0;color:var(--ink-mid);line-height:1.5}.gwa-lobbycopy small{display:block;margin-top:9px;color:var(--ink-lo)}.gwa-tiers{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.gwa-tiers span{padding:7px 9px;border:1px solid var(--hairline);border-radius:999px;background:var(--raised);font:800 10px/1 var(--font-num)}
.gwa-board{margin-top:14px;border:1px solid var(--hairline);border-radius:16px;overflow:hidden}.gwa-boardhead{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;background:var(--well);font:800 10px/1.2 var(--font-num);letter-spacing:.08em}.gwa-boardhead span{color:var(--ink-lo);text-align:right}.gwa-boardempty{padding:30px 14px;text-align:center;color:var(--ink-lo)}.gwa-boardrow{display:grid;grid-template-columns:50px 1fr 90px;gap:10px;align-items:center;min-height:44px;padding:0 13px;border-top:1px solid var(--hairline)}.gwa-boardrow strong{text-align:right;font-family:var(--font-num)}.gwa-boardrow.is-viewer{background:color-mix(in srgb,var(--p200) 20%,var(--raised));box-shadow:inset 3px 0 var(--p400)}
.gwa-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.gwa-hud div{padding:10px 12px;border:1px solid var(--hairline);border-radius:13px;background:var(--well)}.gwa-hud small{display:block;font:800 9px/1 var(--font-num);letter-spacing:.1em;color:var(--ink-lo)}.gwa-hud strong{display:block;margin-top:5px;font:900 20px/1 var(--font-num)}
.gwa-arena{position:relative;height:430px;overflow:hidden;border:1px solid var(--hairline-2);border-radius:18px;background:radial-gradient(circle at center,color-mix(in srgb,var(--gwa-accent,#f06aae) 22%,var(--well)),var(--well))}.gwa-arenaart{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;filter:saturate(.8)}.gwa-ready{position:absolute;inset:0;display:grid;place-items:center;font:850 12px/1 var(--font-num);letter-spacing:.12em;color:var(--ink-lo)}
.gwa-target{position:absolute;z-index:2;width:70px;height:70px;margin:-35px 0 0 -35px;padding:4px;border:2px solid #fff;border-radius:20px;background:var(--gwa-accent,#f06aae);box-shadow:0 8px 24px rgba(0,0,0,.26),0 0 25px color-mix(in srgb,var(--gwa-accent,#f06aae) 60%,transparent);animation:gwaPop .18s ease-out both}.gwa-target img{width:100%;height:100%;object-fit:cover;border-radius:14px}.gwa-target span{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--p400);color:#fff;font:900 10px/1 var(--font-num)}.gwa-target.is-hit{animation:gwaHit .16s ease-in both}.gwa-live{min-height:34px;padding:9px 4px 0;text-align:center;font-weight:750;color:var(--p500)}
.gwa-result{display:grid;place-items:center;min-height:450px;padding:34px;text-align:center;border:1px solid var(--hairline);border-radius:18px;background:var(--well)}.gwa-result h3{margin:0 0 6px}.gwa-result p{margin:8px 0;color:var(--ink-mid)}.gwa-sealed{font:850 10px/1 var(--font-num);letter-spacing:.14em;color:var(--p500)}.gwa-finalscore{margin-top:12px;font:950 clamp(64px,12vw,116px)/.9 var(--font-num);letter-spacing:-.08em;color:var(--ink-hi)}.gwa-reward,.gwa-noreward{margin:12px 0;padding:10px 14px;border-radius:999px;background:var(--gain);color:#fff;font-weight:850}.gwa-noreward{background:var(--raised);color:var(--ink-mid);border:1px solid var(--hairline)}.gwa-result small{color:var(--ink-lo)}.gwa-result .gwa-start{margin-top:18px}
@keyframes gwaPop{from{opacity:0;transform:scale(.5) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes gwaHit{to{opacity:0;transform:scale(1.6) rotate(12deg)}}
@media(max-width:760px){.gwa-card{width:min(100% - 20px,1180px);margin-top:16px}.gwa-shell{grid-template-columns:108px minmax(0,1fr);gap:16px;padding:18px}.gwa-cardart{height:125px}.gwa-copy h2{font-size:28px}.gwa-back{padding:8px}.gwa-modal{max-height:calc(100dvh - 16px);border-radius:18px}.gwa-top{padding:16px 14px 10px}.gwa-content{padding:0 14px 14px}.gwa-lobby{grid-template-columns:120px minmax(0,1fr);padding:12px;gap:13px}.gwa-skin{min-height:210px}.gwa-lobbycopy h3{font-size:21px}.gwa-arena{height:min(52dvh,390px)}.gwa-target{width:62px;height:62px;margin:-31px 0 0 -31px}.gwa-result{min-height:390px;padding:24px 14px}}
@media(max-width:430px){.gwa-shell{grid-template-columns:1fr}.gwa-cardart{height:105px}.gwa-lobby{grid-template-columns:1fr}.gwa-skin{min-height:120px;height:120px}.gwa-hud{grid-template-columns:repeat(2,1fr)}.gwa-arena{height:330px}.gwa-boardhead{display:block}.gwa-boardhead span{display:block;margin-top:5px;text-align:left}.gwa-target{width:58px;height:58px;margin:-29px 0 0 -29px}.gwa-finalscore{font-size:64px}}
@media(prefers-reduced-motion:reduce){.gwa-target,.gwa-target.is-hit{animation:none}.gwa-open:hover,.gwa-start:hover{transform:none}}
@media(prefers-reduced-motion:no-preference){.gwa-open,.gwa-start{transition:transform .18s ease}.gwa-modal{animation:gwaModal .18s ease-out both}@keyframes gwaModal{from{opacity:0;transform:translateY(8px) scale(.99)}}}