.fcl-lobby{gap:var(--space-3);flex-direction:column;width:100%;max-width:440px;margin:0 auto;display:flex}.fcl-promo{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--ring), var(--shadow-2);color:#fff;text-align:center;background:repeating-linear-gradient(#178042 0 24px,#14703a 24px 48px);flex-direction:column;display:flex}.fcl-promo span{filter:drop-shadow(0 6px 10px #00000059);font-size:56px;line-height:1}.fcl-promo b{font-size:var(--step-1);text-shadow:0 2px 6px #0006}.fcl-wait{margin:var(--space-5) auto}.fcl-match{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%;max-width:min(520px,63dvh - 182.7px);margin:0 auto;display:flex;position:relative}.fcl-hud{align-items:center;column-gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-raised);box-shadow:var(--ring);grid-template-rows:auto auto;grid-template-columns:1fr auto 1fr;display:grid}.fcl-side{color:#ff6b6b;text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;font-weight:700;overflow:hidden}.fcl-side.is-me{color:#3ddc84;text-align:left}.fcl-score{font-size:var(--step-3);grid-area:1/2}.fcl-hud .fcl-side:not(.is-me){grid-area:1/3}.fcl-clock{color:var(--text-secondary);font-size:var(--step-0);text-align:center;grid-area:2/1/auto/-1}.fcl-pitch{border-radius:var(--radius-md);width:100%;box-shadow:var(--ring), var(--shadow-2);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.fcl-canvas{display:block}.fcl-touch{touch-action:none;position:absolute;inset:0 34% 0 0}.fcl-stick{pointer-events:none;background:#0000002e;border:2px solid #ffffff73;border-radius:50%;width:92px;height:92px;margin:-46px 0 0 -46px;position:absolute}.fcl-stick i{background:#fffc;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}.fcl-kick{color:#04140b;background:var(--accent);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:3px solid #ffffffd9;border-radius:50%;width:84px;height:84px;font-size:15px;font-weight:800;transition:transform 80ms ease-out;position:absolute;bottom:16%;right:14px;box-shadow:0 6px 18px #0006}.fcl-kick.is-on{background:#ffd166;transform:scale(.92)}.fcl-flash{color:#ff6b6b;text-shadow:0 4px 16px #0009;white-space:nowrap;pointer-events:none;font-size:44px;font-weight:900;animation:1.3s ease-out forwards fcl-flash;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.fcl-flash.is-mine{color:#3ddc84}@keyframes fcl-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.fcl-leave{font-size:13px}.fcl-end{z-index:2;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-base) 92%, transparent);box-shadow:var(--ring), var(--shadow-3,var(--shadow-2));text-align:center;flex-direction:column;display:flex;position:absolute;inset:30% 8% auto}.fcl-end .button-block{width:100%}.fcl-end small{color:var(--text-secondary)}.fcl-end-title{font-size:var(--step-4,32px)}.fcl-end-title.is-win{color:#3ddc84}.fcl-end-title.is-lose{color:#ff6b6b}.fcl-end-score{font-size:var(--step-3)}@media (max-width:899px){.fcl-match.is-live{z-index:70;max-width:none;padding:calc(var(--safe-top) + 8px) 10px calc(var(--safe-bottom) + 6px);background:var(--bg-base);margin:0;position:fixed;inset:0;overflow:hidden}.fcl-match.is-live>:not(.fcl-end){width:100%;max-width:calc((100dvh - var(--safe-top) - var(--safe-bottom) - 130px) * .63);margin-inline:auto}.fcl-match.is-live .fcl-hud{padding-block:6px}.fcl-match.is-live .fcl-kick{right:18px;bottom:calc(var(--safe-bottom) + 18px);position:fixed}.fcl-match.is-live .fcl-touch{z-index:1;position:fixed;inset:0 42% 0 0}.fcl-match.is-live .fcl-stick{z-index:2;position:fixed}.fcl-match.is-live .fcl-kick{z-index:2}.fcl-match.is-live .fcl-leave{z-index:2;align-self:flex-start;width:auto;max-width:none;margin-inline:0;position:relative}}:is(.fcl-match:has(.fcl-end) .fcl-kick,.fcl-match:has(.fcl-end) .fcl-touch,.fcl-match:has(.fcl-end) .fcl-stick){display:none}@media (max-width:899px){.fcl-match.is-live{background:linear-gradient(180deg, #06180e8c, #06180ed1 70%), url(/assets/minigames/card_duel/cover-bg-560.webp) center / cover no-repeat, var(--bg-base)}}.fcl-hud .fcl-score{text-shadow:0 2px 10px #00000059}