.db-bench{--db-card-w:clamp(140px, 11.5vw, 176px);--db-card-h:calc(var(--db-card-w) * 1.4);--db-gap:12px;--db-radius:10px}@media (max-width:900px){.db-bench{--db-card-w:clamp(104px, 13vw, 132px);--db-gap:9px}}@media (max-width:560px){.db-bench{--db-card-w:clamp(96px, 24vw, 128px);--db-gap:7px}}.db-rail{grid-template-columns:repeat(var(--db-slots,7), minmax(0, 1fr));gap:var(--db-gap);min-height:calc(var(--db-card-h) + 30px);touch-action:pan-y;align-items:end;display:grid}.db-rail.db-deck{align-items:start}.db-slot{aspect-ratio:1/1.4;width:100%;position:relative}.db-empty{border-radius:var(--db-radius);border:1px dashed var(--color-line);background:#ffffff06;place-items:center;transition:background .18s,border-color .18s;display:grid;position:absolute;inset:0}body.db-dragging .db-target .db-empty{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);animation:1.4s ease-in-out infinite dbPadPulse}@keyframes dbPadPulse{50%{background:color-mix(in srgb, var(--color-accent) 22%, transparent)}}.db-card{border-radius:var(--db-radius);cursor:pointer;will-change:transform;touch-action:none;background:#0d0320 50%/cover no-repeat;border:none;padding:0;transition:transform .2s cubic-bezier(.2,.9,.3,1.25),box-shadow .2s,filter .2s,opacity .18s;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 30px #000000b8}.db-card:hover{transform:translateY(-11px)rotate(-.8deg);box-shadow:0 26px 50px #000000d1,0 0 34px #3ce8ff73}.db-card:focus-visible{box-shadow:0 12px 30px #000000b8, 0 0 0 3px var(--color-accent), 0 0 38px #00d9ffb3;outline:none}.db-card.db-lifted{z-index:60;cursor:grabbing;transform:translateY(-30px)scale(1.16)rotate(2deg);box-shadow:0 56px 96px #000000eb,0 0 58px #00d9ffcc,0 0 120px #9370db73}body.db-dragging .db-card:not(.db-lifted){opacity:.55}body.db-dragging .db-card:not(.db-lifted):hover{transform:none;box-shadow:0 12px 30px #000000b8}.db-card.db-spent{opacity:.5;filter:grayscale(.7);cursor:not-allowed}.db-card.db-spent:hover{transform:none;box-shadow:0 12px 30px #000000b8}.db-noart{letter-spacing:2px;color:var(--color-ash);background-image:repeating-linear-gradient(0deg, #ffffff07 0 1px, transparent 1px 3px), radial-gradient(120% 90% at 50% 8%, color-mix(in srgb, var(--db-tint,var(--color-line)) 26%, transparent), transparent 62%), linear-gradient(180deg, var(--color-panel-2), var(--color-abyss));place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.db-fx{pointer-events:none;mix-blend-mode:screen;opacity:0;position:absolute;inset:0}.db-card.db-fx-school .db-fx{background:radial-gradient(62% 36% at 28% 90%, var(--db-tint) 0%, transparent 72%), radial-gradient(48% 28% at 72% 98%, var(--db-tint) 0%, transparent 74%), radial-gradient(38% 24% at 52% 70%, var(--db-tint) 0%, transparent 78%);filter:blur(15px);animation:6.5s ease-in-out infinite dbSmoke}@keyframes dbSmoke{0%,to{opacity:.36;transform:translate(0,0)scale(1)}50%{opacity:.66;transform:translateY(-18px)scale(1.24)}}.db-card.db-fx-sigil .db-fx{background:radial-gradient(56% 48% at 50% 50%, var(--db-tint) 0%, transparent 70%), radial-gradient(26% 22% at 50% 50%, #fff8d8 0%, transparent 76%);filter:blur(11px);animation:3.2s ease-in-out infinite dbGlow}@keyframes dbGlow{0%,to{opacity:.42;transform:scale(.96)}50%{opacity:.92;transform:scale(1.16)}}.db-motes{pointer-events:none;opacity:0;background-image:radial-gradient(circle at 22% 34%, var(--db-tint) 0 1.6px, transparent 2.6px), radial-gradient(circle at 71% 66%, var(--db-tint) 0 1.2px, transparent 2.1px);height:120%;filter:drop-shadow(0 0 4px var(--db-tint));background-size:62px 74px,47px 103px;position:absolute;inset:-10% 0 0}.db-card.db-fx-school .db-motes{animation:6s linear infinite dbMotes}.db-card.db-fx-sigil .db-motes{animation:4.5s linear infinite dbMotes}.db-card.db-fx-school,.db-card.db-fx-sigil{animation:6.5s ease-in-out infinite dbRim}.db-card.db-fx-sigil{animation-duration:3.2s}@keyframes dbRim{0%,to{box-shadow:0 12px 30px #000000b8, inset 0 0 14px -4px var(--db-tint)}50%{box-shadow:0 12px 30px #000000b8, inset 0 0 30px -2px var(--db-tint), 0 0 20px -6px var(--db-tint)}}.db-card.db-fx-school:hover,.db-card.db-fx-sigil:hover,.db-card.db-fx-school:focus-visible,.db-card.db-fx-sigil:focus-visible,.db-card.db-lifted{animation:none}@keyframes dbMotes{0%{opacity:0;transform:translateY(12%)}20%{opacity:1}72%{opacity:1}to{opacity:0;transform:translateY(-24%)}}.db-lvl{z-index:4;letter-spacing:1px;color:var(--color-bone);box-shadow:inset 0 0 0 1px var(--db-rarity,var(--color-line));text-shadow:0 0 6px #000;pointer-events:none;background:#06021ad1;border-radius:3px;padding:1px 5px;font-size:8.5px;position:absolute;top:6px;left:6px}.db-pip{z-index:4;color:#06010f;background:var(--color-gold);pointer-events:none;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9.5px;font-weight:900;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 0 14px #ffd70099}.db-rail.db-deck .db-pip{background:var(--color-accent);box-shadow:0 0 14px #00d9ff99}.db-verb{text-align:center;letter-spacing:2px;color:var(--color-accent);text-shadow:0 0 12px #00d9ffcc,0 0 4px #000;opacity:0;pointer-events:none;font-size:9px;transition:opacity .18s;position:absolute;inset:auto 0 -20px}body.db-dragging .db-target .db-verb{opacity:1}.db-flight{z-index:2000;pointer-events:none;border-radius:var(--db-radius);transition:transform .32s cubic-bezier(.22,.75,.3,1),opacity .32s;position:fixed;overflow:hidden;box-shadow:0 30px 60px #000000e6,0 0 40px #00d9ff99}@media (prefers-reduced-motion:reduce){.db-card,.db-flight,.db-empty{transition:none}.db-card:hover,.db-card.db-lifted{transform:none}body.db-dragging .db-target .db-empty{animation:none}.db-fx,.db-motes,.db-card.db-fx-school,.db-card.db-fx-sigil{animation:none!important}.db-fx{opacity:.55}.db-motes{opacity:.7}.db-flight{display:none}}.db-probe{width:var(--db-card-w);visibility:hidden;pointer-events:none;height:0;display:block}