#eg-surface.spider-surface{touch-action:auto}
.eg-game:has(#eg-surface.spider-surface){max-width:880px}
.sp-top,.sp-table{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;align-items:start}
.sp-top{margin:12px 0 18px}
.sp-column{min-width:0;display:flex;flex-direction:column}
.sp-card{box-sizing:border-box;display:block;position:relative;flex-shrink:0;min-width:0;width:100%;aspect-ratio:5/7;padding:0;margin:0;border:0;border-radius:6px;background:transparent;box-shadow:0 2px 3px #49352230;overflow:hidden;cursor:pointer;touch-action:manipulation}
.sp-card .card-art{display:block;width:100%;height:auto;pointer-events:none}
.sp-back,.sp-stock{background:repeating-linear-gradient(45deg,#254779 0,#254779 3px,#426498 3px,#426498 4px);border:2px solid #fff9ee;box-shadow:0 0 0 1px #8091a9,0 2px 3px #49352230}
.sp-stock{display:flex;align-items:flex-end;justify-content:center;padding:3px}
.sp-stock-label{width:100%;padding:3px 1px;border-radius:3px;background:#173456e8;color:#fff;font:700 clamp(8px,1.4vw,11px)/1.3 Arial,sans-serif;text-align:center}
.sp-stock:disabled{background:#f1f3f6;border:1px dashed #b3bac6;box-shadow:none}
.sp-stock:disabled .sp-stock-label{background:none;color:#7b8494}
.sp-card.sp-empty{display:flex;align-items:center;justify-content:center;background:#f1f3f6;border:1px dashed #b3bac6;box-shadow:none;color:#7b8494;font:700 clamp(8px,1.5vw,12px)/1.25 Arial,sans-serif;text-align:center}
.sp-slot{cursor:default}
/* A card is 140% as tall as it is wide: -112% leaves the top 20% of a face-up card visible, -126% a 10% strip of a face-down one. */
.sp-column>.sp-card+.sp-card{margin-top:-112%}
.sp-column>.sp-back+.sp-card{margin-top:-126%}
.sp-card.sp-selected{outline:3px solid #ef8b19;outline-offset:1px;filter:drop-shadow(0 0 3px #ef8b1980);z-index:1}
.sp-card:focus-visible{outline:3px solid var(--accent-strong);outline-offset:1px;z-index:2}
.sp-card:disabled{cursor:default;opacity:1}
.sp-selection{min-height:38px;margin:14px 0 4px;font-size:13px;text-align:center}
.spider-surface .eg-toolbar button{min-height:44px}
@media(max-width:600px){.sp-top,.sp-table{gap:3px}.sp-card{border-radius:4px}.sp-back,.sp-stock{border-width:1px}.sp-stock{padding:2px}.sp-stock-word{display:none}.sp-column>.sp-card+.sp-card{margin-top:-100%}.sp-column>.sp-back+.sp-card{margin-top:-122%}}