.spider{--table:#e9e6f1;--slot:#d6d1e4;--card:#fff;--card-line:#d9d5e5;--black:#1c1a26;--red:#d42a3a;--back-1:#6c3cf0;--back-2:#5a2fd6;--hint:#ffb020;--speed:.22s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .spider{--table:#1a1724;--slot:#2e2940;--card:#f4f2f8;--card-line:#bdb7cc;--back-1:#6c3cf0;--back-2:#4f28c0}}:root[data-theme=dark] .spider{--table:#1a1724;--slot:#2e2940;--card:#f4f2f8;--card-line:#bdb7cc;--back-1:#6c3cf0;--back-2:#4f28c0}.sp-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 10px;display:flex}.sp-head h1{letter-spacing:-.02em;margin:0 auto 0 0;font-size:28px}.sp-modes{background:var(--surface-2);border-radius:10px;gap:4px;padding:3px;display:flex}.sp-modes button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600}.sp-modes button:hover{color:var(--text)}.sp-modes button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.sp-bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:10px;font-size:14px;display:flex}.sp-bar b{color:var(--text);font-variant-numeric:tabular-nums}.sp-bar .tools{gap:6px;margin-left:auto;display:flex}.sp-bar .btn{height:36px;padding:0 12px;font-size:14px}.sp-table{background:var(--table);border-radius:12px;padding:clamp(6px,1.2vw,14px);position:relative}.sp-board{touch-action:none;-webkit-user-select:none;user-select:none;min-height:300px;position:relative}.sp-slot,.sp-card{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .09);position:absolute;top:0;left:0}.sp-slot{border:1.5px dashed var(--slot)}.sp-slot.stock{cursor:pointer}.sp-slot.stock.empty{cursor:default}.sp-card{transition:transform var(--speed) cubic-bezier(.2, .7, .3, 1);cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform}.instant .sp-card,.instant .sp-slot{transition:none!important}.sp-card.drag{filter:drop-shadow(0 8px 14px #00000040);transition:none}.sp-card .f,.sp-card .b{border-radius:inherit;backface-visibility:hidden;transition:opacity .16s;position:absolute;inset:0}.sp-card .f{background:var(--card);border:1px solid var(--card-line);color:var(--black);box-shadow:0 1px 2px #1410281f}.sp-card.red .f{color:var(--red)}.sp-card .b{background:repeating-linear-gradient(45deg, transparent 0 4px, #ffffff17 4px 8px), linear-gradient(160deg, var(--back-1), var(--back-2));border:2px solid var(--card);box-shadow:0 1px 2px #14102840}.sp-card.up .b,.sp-card:not(.up) .f{opacity:0}.sp-card:not(.up){cursor:default}.sp-card .f b{font-size:calc(var(--cw) * .34);letter-spacing:-.04em;font-weight:700;line-height:1;position:absolute;top:3%;left:7%}.sp-card .f .s{font-style:normal;font-size:calc(var(--cw) * .3);line-height:1;position:absolute;top:3%;right:7%}.sp-card .f .p{text-align:center;font-style:normal;font-size:calc(var(--cw) * .62);line-height:1;position:absolute;bottom:12%;left:0;right:0}.sp-card.court .f .p{font-weight:800;font-size:calc(var(--cw) * .5);opacity:.9}.sp-card.hint .f,.sp-slot.hint,.sp-card.hint:not(.up) .b{box-shadow:0 0 0 3px var(--hint)}.sp-card.shake .f{animation:.26s sp-shake}@keyframes sp-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.sp-toast{opacity:0;pointer-events:none;background:var(--text);color:var(--bg);z-index:50;text-align:center;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.sp-toast.show{opacity:1;transform:translate(-50%)}.sp-result{z-index:60;background:color-mix(in srgb, var(--bg) 60%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sp-result[hidden]{display:none}.sp-result .panel{background:var(--surface);box-shadow:var(--shadow);text-align:center;border:1px solid var(--line);border-radius:16px;width:min(360px,100%);padding:24px 28px}.sp-result h2{margin:0 0 12px;font-size:28px}.sp-result dl{text-align:left;grid-template-columns:auto auto;gap:4px 16px;margin:0 0 18px;font-size:15px;display:grid}.sp-result dt{color:var(--muted)}.sp-result dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.sp-result .row{justify-content:center;gap:8px;display:flex}@media (width<=600px){.sp-bar .btn span{display:none}.sp-bar .btn{padding:0 10px}}.sp-board.small .sp-card .f b{font-size:calc(var(--cw) * .42);letter-spacing:-.07em;top:2%;left:5%}.sp-board.small .sp-card .f .s{font-size:calc(var(--cw) * .32);top:4%;right:4%}.sp-board.small .sp-card .f .p{font-size:calc(var(--cw) * .55);bottom:10%}.sp-board.small .sp-card .b{border-width:1.5px}@media (width<=600px){.sp-table{border-radius:0;margin:0 -12px;padding:8px 4px}}@media (prefers-reduced-motion:reduce){.spider{--speed:0s}}