.shop-tabs { gap:8px; }
.shop-page .shop-tabs button { font-size:11px; padding:11px 14px; }
.shop-page select { max-width:340px; margin-bottom:18px; }
.shop-card { gap:12px; min-height:270px; }
.shop-card h3,.shop-card p { margin:0; }
.shop-discount { color:#32734f; font-weight:800; }
.bundle-contents { font-size:11px!important; }
.shop-balance { color:#302c20; }
.shop-card .effect-preview { color:#344238; }
[data-theme=dark] .shop-discount { color:#a9e5c3; }
.match-intro { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; top:6%; width:86%; min-width:0; padding:8px; background:transparent; border:0; box-shadow:none; }
.match-intro[hidden] { display:none!important; }
.intro-fighter { flex:1 1 130px; min-width:0; max-width:240px; padding:10px; border:1px solid #758779; border-radius:10px; color:#24332c; background:#fff9e8ef; }
.intro-fighter strong { font-size:14px; overflow:hidden; text-overflow:ellipsis; }
.intro-fighter span { font-size:8px; letter-spacing:1px; }
.intro-fighter[data-banner=neon] { background:#24345ded; color:#e8ffff; }
.intro-fighter[data-banner=sunrise] { background:linear-gradient(130deg,#ffedbd,#ffc3ae); }
.intro-fighter[data-banner=gold] { background:linear-gradient(130deg,#fff1ba,#deb348); }
[data-frame=bronze] { border:2px solid #bd855b!important; }
[data-frame=champion] { border:3px double #cba036!important; }
[data-frame=neon] { border:2px solid #75ffcc!important; box-shadow:0 0 12px #75ffcc66; animation:nameplate-pulse 1.5s ease-in-out infinite alternate; }
.announcer-line { position:absolute; left:50%; bottom:16%; transform:translateX(-50%); z-index:8; width:max-content; max-width:80%; padding:8px 13px; border-radius:10px; background:#20232bde; color:#fff1ba; font-size:13px; font-weight:800; text-align:center; pointer-events:none; }
.announcer-line[data-event=win],.announcer-line[data-event=lose] { top:5%; bottom:auto; }
.quick-emote-select { position:absolute; bottom:55px; right:14px; z-index:9; width:150px; font-size:11px; padding:7px; }
.emote-bubble { display:flex; flex-direction:column; gap:6px; border:0; box-shadow:none; background:transparent; max-width:85%; text-align:center; pointer-events:none; }
.emote-bubble span { padding:10px 14px; border:2px solid var(--ink); border-radius:18px; background:var(--paper); font-size:12px; }
.emote-bubble [data-lane=peer] { border-color:#d69361; }
[data-banner=halloween] { background:linear-gradient(125deg,#40254f,#754122)!important; color:#fff0d0!important; }
[data-banner=winter] { background:linear-gradient(125deg,#e5faff,#9acadd)!important; color:#204664!important; }
[data-banner=space] { background:radial-gradient(ellipse at top,#563c81,#171d3a)!important; color:#eae7ff!important; }
[data-banner=beach] { background:linear-gradient(125deg,#90e5dc,#f3daa3)!important; color:#274b49!important; }
#replay-canvas[data-filter=comic] { filter:contrast(1.3) saturate(1.6); }
#replay-canvas[data-filter=vhs] { filter:contrast(.9) saturate(.7); }
#replay-canvas[data-filter=glow] { box-shadow:0 0 22px #7de9d959; }
@keyframes nameplate-pulse { to { box-shadow:0 0 18px #75ffccaa; } }
@media(max-width:550px) { .intro-fighter { padding:6px; flex-basis:90px; } .intro-fighter strong { font-size:11px; } .intro-fighter span { font-size:7px; } .announcer-line { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { [data-frame=neon],.ko-effect,.emote-bubble { animation:none!important; } }