.ui-card--mode-deck.is-top-card .card-title{animation:.36s steps(3,end) .1s glitch-burst}@media (prefers-reduced-motion:reduce){.ui-card--mode-deck.is-top-card .card-title{animation:none}}.ui-card--mode-deck{width:320px;height:216px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);background:linear-gradient(165deg, color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 7%, var(--bg-color)) 0%, color-mix(in srgb, var(--bg-color) 96%, var(--text-main)) 100%);background-color:var(--bg-color);-webkit-backdrop-filter:none;--card-mode-accent:var(--accent);--card-mode-secondary:var(--text-main);--card-mode-spark:var(--accent);--card-x:0px;--card-y:0px;--card-z:0px;--card-rot:0deg;--card-scale:1;--card-scale-eff:1;transform:translate3d(var(--card-x,0px), var(--card-y,0px), 0) rotateZ(var(--card-rot,0deg)) scale(var(--card-scale-eff,1));transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, opacity var(--dur-fast) ease-out;border:1px solid color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 22%, transparent);box-shadow:var(--shadow-card);backface-visibility:hidden;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:18px;overflow:hidden}.ui-card--mode-deck.is-top-card{border-color:color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 24%, transparent);height:216px;box-shadow:var(--shadow-card)}.ui-card--mode-deck.is-stacked-card{cursor:pointer;background:color-mix(in srgb, var(--bg-color) 96%, var(--text-main));border-color:color-mix(in srgb, var(--text-main) 14%, transparent);height:216px;box-shadow:var(--glass-shadow);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, opacity var(--dur-fast) ease-out}.ui-card--mode-deck.is-stacked-card:hover{border-color:color-mix(in srgb, var(--text-main) 24%, transparent)}.ui-card--mode-deck.is-stacked-card .card-actions{pointer-events:none}@media (width<=768px){.ui-card--mode-deck,.ui-card--mode-deck.is-top-card,.ui-card--mode-deck.is-stacked-card{height:172px;top:14px}.ui-card--mode-deck{width:min(100% - 24px,328px);padding:var(--spacing-md)}}.cards-deck-wrapper.is-user-dragging .ui-card--mode-deck,.deck-stage[data-release] .ui-card--mode-deck{will-change:transform, opacity}.cards-deck-wrapper.is-user-dragging .ui-card--mode-deck.is-top-card{transform:translate3d(var(--drag-x,0px), calc(var(--drag-abs-x,0px) * .04), 0) rotateZ(var(--drag-rot,0deg)) scale(calc(1.02 * (1000 / 920)));transition:none}.cards-deck-wrapper.is-user-dragging .deck-stage[data-drag-dir=next] .ui-card--mode-deck[data-stack-pos="1"],.cards-deck-wrapper.is-user-dragging .deck-stage[data-drag-dir=prev] .ui-card--mode-deck[data-is-prev=true]{z-index:var(--z-carousel-lift);transform:translate3d(calc(var(--card-x) * (1 - var(--drag-progress,0))), calc(var(--card-y) * (1 - var(--drag-progress,0))), 0) rotateZ(calc(var(--card-rot) * (1 - var(--drag-progress,0)))) scale(calc(var(--card-scale-eff) + (1.08696 - var(--card-scale-eff)) * var(--drag-progress,0)));transition:none}.deck-stage[data-release=fling] .ui-card--mode-deck{transition:transform var(--dur-fling) var(--ease-fling), border-color var(--dur-fling) ease, box-shadow var(--dur-fling) ease}.deck-stage[data-release=settle] .ui-card--mode-deck{transition:transform var(--dur-settle) var(--ease-out), border-color var(--dur-settle) ease, box-shadow var(--dur-settle) ease}.cards-deck-wrapper.is-reduced-motion .ui-card--mode-deck{transition:opacity var(--dur-fast) linear;transform:none}.cards-deck-wrapper.is-reduced-motion .ui-card--mode-deck.is-stacked-card{opacity:0;pointer-events:none}.cards-deck-wrapper.is-reduced-motion .ui-card--mode-deck.is-top-card{opacity:1}.cards-deck-wrapper.is-reduced-motion.is-user-dragging .ui-card--mode-deck.is-top-card{transform:translate3d(var(--drag-x,0px), 0, 0)}@media (width>=769px){.ui-card--mode-deck,.ui-card--mode-deck.is-top-card,.ui-card--mode-deck.is-stacked-card{width:calc(var(--deck-w) * .92);height:calc(var(--deck-h) * .92);top:calc(var(--deck-h) * .04);padding:var(--spacing-md) var(--spacing-lg)}.ui-card--mode-deck .card-plate-pattern{background:radial-gradient(circle at 86% 26%, color-mix(in srgb, var(--card-mode-accent,var(--accent)) 18%, transparent) 0%, transparent 56%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 5%, transparent) 0 1px, transparent 1px 40px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 5%, transparent) 0 1px, transparent 1px 40px)}.ui-card--mode-deck.is-stacked-card .card-desc{visibility:hidden}}.ui-card--stat-chip{justify-content:center;align-items:center;gap:var(--spacing-xs);min-width:0;min-height:40px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:0 0;flex-direction:row;display:flex}.ui-card--stat-chip .stat-icon{color:var(--text-muted);flex-shrink:0}.ui-card--stat-chip .stat-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-xs);text-transform:none;font-weight:600}.ui-card--stat-chip .stat-value{font-family:var(--font-display);font-size:var(--font-size-base);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}@media (width<=768px){.ui-card--stat-chip{padding:var(--spacing-xs) var(--spacing-xxs)}.ui-card--stat-chip .stat-value{font-size:var(--font-size-base)}}@media (width<=360px){.ui-card--stat-chip{padding:var(--spacing-xs) 2px;gap:var(--spacing-xxs)}.ui-card--stat-chip .stat-value{font-size:var(--font-size-xs)}}.ui-card--xp{padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:none;border-radius:0}.ui-card--stat{padding:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);align-items:center;gap:var(--spacing-xxs);flex-direction:column;display:flex}.ui-card--badge-detail{padding:var(--spacing-sm);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact);border:1px solid var(--glass-border);box-shadow:none;gap:var(--spacing-xs);margin-top:var(--spacing-md);z-index:var(--z-floating);border-radius:0;flex-direction:column;flex-shrink:0;display:flex}.ui-card--locked{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);max-width:280px;box-shadow:var(--glass-shadow-strong);animation:sheet-in var(--dur-sheet-in) var(--steps-sheet-in);flex-direction:column;display:flex}@media (width<=900px),(height<=720px){.ui-card--xp-end{margin-bottom:var(--spacing-md)}}.ui-card--xp-end{width:90%;max-width:600px;margin:0 auto var(--spacing-md);padding:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);--i:2;animation:px-row-in var(--dur-fast) var(--steps-row) calc(var(--i,0) * var(--stagger)) backwards;pointer-events:auto;gap:var(--spacing-sm);box-shadow:var(--glass-shadow);flex-direction:column;display:flex}@media (width<=640px){.ui-card--xp-end{width:calc(100% - 40px);padding:var(--spacing-sm)}}.ui-card--rules{gap:var(--spacing-xs);padding:var(--spacing-ms);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--black);flex-direction:column;display:flex}