.duel-fx{position:fixed;inset:0;z-index:110;pointer-events:none;overflow:hidden;perspective:1000px}
.reveal-in{animation:none}
.round-result{animation:result-arrive .22s ease-out}
@keyframes result-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.duel-fx .motion-ghost{pointer-events:none!important;max-width:none!important;min-width:0!important;max-height:none!important;transition:none!important;box-shadow:0 14px 38px #0009;will-change:transform,opacity}
.motion-ring{position:fixed;border:2px solid currentColor;border-radius:10px;box-shadow:0 0 24px currentColor,inset 0 0 20px #fff2;pointer-events:none}
.motion-label{position:fixed;white-space:nowrap;font-size:16px;font-weight:600;letter-spacing:.05em;text-shadow:0 2px 8px #000,0 0 20px #000;pointer-events:none}
.motion-beam{position:fixed;height:2px;background:linear-gradient(90deg,transparent,#8de5ed,#fff);box-shadow:0 0 12px #8de5ed;transform-origin:left center}
.motion-pressure{position:fixed;background:#e7ca87;box-shadow:0 0 18px #f7d898,0 0 40px #e7ca8755}
.motion-spark{position:fixed;width:3px;height:3px;border-radius:50%;background:#ffe8a4;box-shadow:0 0 7px #e7ca87}
.motion-controls{position:fixed;bottom:12px;right:16px;z-index:120;display:flex;align-items:center;gap:12px;padding:7px 10px;background:#101e23ed;border:1px solid #c3aa7255;border-radius:4px;font-size:11px;color:#c8d9db}
.motion-controls button{background:none;border:0;border-bottom:1px solid #9ba6a5;color:#d9c48d;font-size:11px;padding:3px}
.duel-animating .card,.duel-animating .reveal-in{animation:none!important;transition:none!important}
.card.card .badge.recode{color:#a2eef1;border-color:#72c8d2;background:#123238}
.card.card.disabled::before{content:'';position:absolute;inset:16% 4% 38%;z-index:3;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 15px,#b7774922 15px 17px);border:1px solid #be8a5744}
@media(prefers-reduced-motion:reduce){.reveal-in,.card,.phase-step,.round-result{animation:none!important;transition:none!important}.motion-controls{display:none}}

.reveal-veil{position:fixed;inset:0;background:radial-gradient(ellipse,#0b192044,#02090ec9);backdrop-filter:blur(3px)}
.arena .pressure{gap:10px;padding:15px 8px;border-block:1px solid #ceb47744;background:radial-gradient(ellipse,#d7b76412,transparent 70%)}
.arena .pressure-track{gap:17px}.arena .pressure-dot{width:17px;height:17px}.arena .pressure-dot.on{box-shadow:0 0 16px #e4bf6f99,inset 0 0 5px #fff5}.arena .pressure .eyebrow{font-size:12px;letter-spacing:.17em}.arena .pressure-end{font-size:10px}.arena .pressure small{font-size:11px;text-align:center}
.drag-card{pointer-events:none!important;z-index:115;max-width:none!important;max-height:none!important;transition:none!important;box-shadow:0 20px 40px #0009!important}
.hand .card.selectable{touch-action:none;cursor:grab}.card-dragging,.card-dragging *{cursor:grabbing!important;user-select:none}.active-zone.drop-ready{outline:1px dashed #d9c18a;outline-offset:8px}.active-zone.drop-over{outline:2px solid #eed9a5;box-shadow:0 0 42px #d8b55c44;background:#c5a65914}
@media(max-height:750px){.arena .pressure{gap:7px;padding:8px 4px}.arena .pressure-track{gap:12px}.arena .pressure-dot{width:15px;height:15px}}