.combat,.combat__panel{gap:var(--space-3);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}.combat__hint{color:var(--color-muted);margin:0;font-size:.95rem}.combat__muted{color:var(--color-muted);font-size:.9rem}.combat__subtitle{margin:var(--space-2) 0 0;font-size:1rem}.combat__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.combat__signin{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.combat__slots{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.combat__slot{aspect-ratio:5/7;border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface);place-items:center;display:grid;overflow:hidden}.combat__slot img{object-fit:cover;width:100%;height:100%;display:block}.combat__grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.combat__pick{border-radius:var(--radius);outline-offset:3px;outline:3px solid #0000;min-width:0}.combat__pick[data-picked]{outline-color:var(--color-primary)}.combat__pick .tilt-wrap,.combat__pick .tilt-card{width:100%}.combat__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.combat__row{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.combat__row-main{flex:10rem;gap:4px;min-width:0;display:grid}.combat__row-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.combat__chips{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.combat__chip{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;min-height:2.5rem;padding:.35rem .7rem}.combat__chip[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.combat__result-tag{white-space:nowrap;font-weight:700}.combat__meter{background:var(--color-border);border-radius:999px;height:8px;display:block;overflow:hidden}.combat__meter i{background:var(--color-primary);height:100%;transition:width .4s;display:block}.combat__duel{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.combat__duel img{aspect-ratio:5/7;object-fit:cover;border-radius:var(--radius);width:100%;display:block}.combat__duel-mid{text-align:center;justify-items:center;gap:2px;display:grid}@media (min-width:600px){.combat__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.combat__slots{gap:var(--space-3)}}@media (min-width:900px){.combat__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.combat__panel{width:100%;max-width:56rem;margin-inline:auto}}@media (min-width:1200px){.combat__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.combat [role=tablist]{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.combat [role=tablist]::-webkit-scrollbar{display:none}.combat [role=tab]{white-space:nowrap;flex:none}.deckb{gap:var(--space-2)}.deckb__zone{z-index:5;background:var(--color-bg);padding:var(--space-2) 0;gap:var(--space-1);display:grid;position:sticky;top:4.25rem}.deckb[data-dragging] .deckb__zone{outline:2px dashed var(--color-primary);outline-offset:4px;border-radius:var(--radius)}.deckb__slots{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:34rem;margin:0;margin-inline:auto;padding:0;list-style:none;display:grid}.deckb__slot{aspect-ratio:5/7;border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface);place-items:center;min-width:0;display:grid}.deckb__slot[data-empty]{color:var(--color-muted)}.deckb__card{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;position:relative}.deckb__slot .deckb__card img{object-fit:cover;border-radius:var(--radius);width:100%;height:100%;display:block}.deckb__count{text-align:center;color:var(--color-muted);margin:0;font-weight:700}.deckb__actions{justify-content:center;display:flex}.deckb__sort{gap:var(--space-1);flex-wrap:wrap;display:flex}.deckb__pool .tilt-wrap,.deckb__pool .tilt-card{width:100%}.deckb__zoom{z-index:6;color:#fff;cursor:pointer;background:#0009;border:0;border-radius:999px;width:2.25rem;height:2.25rem;font-size:1rem;line-height:1;position:absolute;top:4px;right:4px}.deckb__pool-item .deckb__card{cursor:grab}.deckb__ghost{pointer-events:none;z-index:1000;filter:drop-shadow(0 12px 18px #0006);width:min(8rem,30vw);position:fixed;transform:translate(-50%,-50%)rotate(-4deg)}.deckb__ghost .tilt-wrap,.deckb__ghost .tilt-card,.deckb__slot .tilt-wrap,.deckb__slot .tilt-card{width:100%}.combat__duel{animation:.55s cubic-bezier(.2,.8,.2,1) both duel-in;animation-delay:calc(var(--i,0) * .14s)}.combat__side{perspective:600px;min-width:0;position:relative}.combat__side img{width:100%;height:auto;display:block}.combat__side--spin img{animation:.9s cubic-bezier(.3,.7,.3,1) both duel-spin;animation-delay:calc(var(--i,0) * .14s + .55s)}.combat__side--explode img{animation:.55s ease-in both duel-out;animation-delay:calc(var(--i,0) * .14s + .6s)}.combat__side--explode:after{content:"";pointer-events:none;opacity:0;animation:.6s ease-out both duel-boom;animation-delay:calc(var(--i,0) * .14s + .6s);background:radial-gradient(circle,#fff6b0 0 8%,#ffb347 22%,#ff5e3a 38%,#0000 64%);border-radius:50%;position:absolute;inset:-10%}@keyframes duel-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes duel-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes duel-out{to{opacity:0;transform:scale(.6)rotate(-14deg)}}@keyframes duel-boom{0%{opacity:0;transform:scale(.3)}30%{opacity:1}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.combat__duel,.combat__side img,.combat__side:after{animation:none!important}}.combat__row-cards{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}