.spider-game{--sp-accent:#c5b6ff;max-width:1160px;margin:auto;color:#f0edff}.spider-game *{box-sizing:border-box}.spider-game .sp-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 20px}.spider-game .sp-eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--sp-accent)}.spider-game h2{font-size:clamp(24px,4vw,36px);line-height:1.15;margin:7px 0}.spider-game .sp-score{text-align:right;display:grid}.spider-game .sp-score strong{font-size:32px;color:var(--sp-accent)}.spider-game .sp-score span{font-size:12px;color:#c1b8d8;white-space:nowrap}.spider-game .sp-dashboard{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#251b3d80;border:1px solid #bd9efa30;border-radius:16px;margin:20px 0}.spider-game .sp-small{font-size:10px;letter-spacing:.1em;color:#b5a6d1}.spider-game .sp-runs{display:flex;gap:7px;margin-top:9px}.spider-game .sp-run{width:36px;height:46px;display:grid;place-content:center;border:1px dashed #c5aaf74d;border-radius:7px;font-size:24px;color:#987bbb;background:#100a1a44}.spider-game .sp-complete{background:#f4f0ff;color:#292139;border-style:solid;box-shadow:0 2px 8px #0004}.spider-game button{touch-action:manipulation}.spider-game .sp-stock{display:flex;align-items:center;gap:12px;background:#443062;border:1px solid #a886d58c;border-radius:10px;padding:10px 14px;color:#f0e7ff;cursor:pointer}.spider-game .sp-stock-art{font-size:32px;line-height:1}.spider-game .sp-stock>span:last-child{display:grid;gap:5px;text-align:left}.spider-game .sp-stock strong{font-size:12px}.spider-game .sp-stock small{font-size:11px;color:#c6b6df}.spider-game .sp-stock:disabled{opacity:.5;cursor:default}.spider-game .sp-toolbar{display:flex;gap:8px;flex-wrap:wrap}.spider-game .sp-toolbar button{padding:10px 14px;min-height:40px;border-radius:9px;border:1px solid #c1a4eb55;background:#302242;color:#f0e5ff;font:inherit;font-size:12px;cursor:pointer}.spider-game .sp-toolbar button:disabled{opacity:.4;cursor:default}.spider-game .sp-toolbar .sp-subtle{margin-left:auto;background:transparent}.spider-game .sp-selection{font-size:12px;line-height:1.6;min-height:20px;color:#c9bddb}.spider-game .sp-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#9070b2 #23152f;padding:3px 3px 16px}.spider-game .sp-columns{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-width:680px}.spider-game .sp-column-label{height:34px;width:100%;background:#312143;border:1px solid #c5aafa25;border-radius:7px;color:#c4afd9;font-size:11px;font-weight:700;opacity:1;margin-bottom:10px}.spider-game .sp-stack{display:flex;flex-direction:column;min-height:160px}.spider-game .sp-card{width:100%;height:88px;flex-shrink:0;background:#faf8f2;color:#252238;border:1px solid #dfd8e3;box-shadow:0 2px 5px #0004;border-radius:8px;padding:6px;font-family:Georgia,serif;text-align:left;position:relative;cursor:pointer}.spider-game .sp-card:not(:last-child){margin-bottom:-57px}.spider-game .sp-rank{font-size:20px;font-weight:bold;display:flex;gap:3px;line-height:1}.spider-game .sp-rank>span{font-size:18px}.spider-game .sp-suit{position:absolute;bottom:8px;right:9px;font-size:29px}.spider-game .sp-red{color:#b73554}.spider-game .sp-back{height:70px;flex-shrink:0;border-radius:7px;border:1px solid #a48dbc;background:repeating-linear-gradient(45deg,#423457,#423457 5px,#382949 5px,#382949 10px);box-shadow:0 1px 4px #0004;margin-bottom:-55px}.spider-game .sp-selected{background:#e8dcff;outline:3px solid #ad82f9;outline-offset:-3px}.spider-game .sp-target{background:#5a3b7c!important;border:2px solid #d6b7ff!important;color:#fff!important;box-shadow:0 0 0 2px #c9a8ff22;cursor:pointer}.spider-game .sp-empty-column{height:132px;border:1px dashed #b694db80;background:#26193755;color:#c0a6d7;border-radius:8px;display:grid;align-content:center;gap:9px;font-size:12px;padding:6px}.spider-game .sp-empty-column small{font-size:9px;line-height:1.5}.spider-game .sp-footnote{font-size:11px;line-height:1.6;color:#b5a2cb}.spider-game .sp-finished{border-color:#d7beff;background:#4b3265}.spider-game button:focus-visible,.spider-game .sp-scroll:focus-visible{outline:3px solid #ffe6a0;outline-offset:3px}@media(max-width:600px){.spider-game .sp-dashboard{display:grid;padding:12px;gap:12px;margin:14px 0}.spider-game .sp-runs{gap:6px}.spider-game .sp-run{width:32px;height:40px}.spider-game .sp-stock{justify-content:center}.spider-game .sp-stock>span:last-child{display:flex;gap:14px;align-items:center}.spider-game .sp-stock-art{font-size:24px}.spider-game .sp-score strong{font-size:27px}.spider-game .sp-toolbar button{padding:9px 12px}.spider-game .sp-intro{margin-bottom:14px}}
.spider-game{color:var(--table-text,#f0edff)}.spider-game .sp-rank{position:absolute;top:6px;left:6px}.spider-game .sp-score span,.spider-game .sp-selection,.spider-game .sp-footnote{color:var(--table-muted,#c1b8d8)}
html[data-kg-theme=light] .spider-game{--sp-accent:#65418b}html[data-kg-theme=light] .spider-game .sp-dashboard{background:#f0eaf7;border-color:#b7a3c6}html[data-kg-theme=light] .spider-game .sp-small{color:#654e7b}html[data-kg-theme=light] .spider-game .sp-run{background:#e3d8ee;color:#745986;border-color:#a18ab2}html[data-kg-theme=light] .spider-game .sp-run.sp-complete{background:#fff;color:#292139}html[data-kg-theme=light] .spider-game .sp-run.sp-complete.sp-red{color:#b73554}html[data-kg-theme=light] .spider-game .sp-column-label,html[data-kg-theme=light] .spider-game .sp-empty-column{background:#ece3f5;color:#66497c;border-color:#b09bc2}html[data-kg-theme=light] .spider-game .sp-toolbar button{background:#ece3f5;color:#56386f;border-color:#b9a4cc}html[data-kg-theme=light] .spider-game .sp-toolbar .sp-subtle{background:transparent}html[data-kg-theme=light] .spider-game .sp-finished{background:#e9dcfa;color:#40295b}