.spider-game{-webkit-user-select:none;user-select:none;gap:14px;display:grid}.spider-loading{min-height:520px;color:var(--muted);place-items:center;font-weight:800;display:grid}.spider-toolbar{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.spider-status{font-variant-numeric:tabular-nums;align-items:center;gap:12px;min-width:0;font-size:.82rem;display:flex}.spider-status strong{color:#176b4f}.spider-status span{color:var(--muted);white-space:nowrap;font-weight:800}.spider-actions{justify-content:flex-end}.spider-actions button{min-height:38px}.spider-board{touch-action:manipulation;background:radial-gradient(circle at 48% 38%,#ffffff0e,#0000 42%),repeating-linear-gradient(115deg,#ffffff05 0 1px,#0000 1px 5px),#185f49;border:1px solid #0f4636;border-radius:8px;min-height:650px;padding:62px 14px 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff09,0 18px 45px #13453429}.spider-board:after{content:"";pointer-events:none;border:1px solid #efc86e33;border-radius:4px;position:absolute;inset:7px}.spider-tableau{z-index:2;grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;gap:7px;display:grid;position:relative}.spider-column{flex-direction:column;min-width:0;min-height:500px;display:flex;position:relative}.spider-empty-column{aspect-ratio:.7;cursor:pointer;background:#05281e24;border:2px solid #efc86e47;border-radius:6px;width:100%;padding:0;position:absolute;inset:0 0 auto}.spider-card.is-hint-target,.spider-empty-column.is-hint-target{z-index:19;box-shadow:0 0 0 2px #ffd66f,0 7px 14px #0520184d}.spider-card.is-drop-target,.spider-empty-column.is-drop-target{z-index:19;box-shadow:0 0 0 2px #ffd66f,0 0 0 3px #185f498c,0 7px 14px #0520184d}.spider-card{z-index:1;aspect-ratio:.7;color:#161b1a;cursor:grab;text-align:left;-webkit-touch-callout:none;touch-action:none;background:#fffefa;border:1px solid #191e1c52;border-radius:6px;flex:none;width:100%;padding:0;font-family:Georgia,Times New Roman,serif;transition:box-shadow .14s,transform .14s;position:relative;overflow:hidden;box-shadow:0 2px 5px #0520183d}.spider-column>.spider-card:not(.is-first){margin-top:-112%}.spider-column>.spider-card.is-face:not(.is-first){margin-top:-102%}.spider-card.is-back{background-color:#684ea8;background-image:linear-gradient(45deg,#ffffff2b 25%,#0000 25% 75%,#ffffff2b 75%),linear-gradient(45deg,#ffffff2b 25%,#0000 25% 75%,#ffffff2b 75%);background-position:0 0,6px 6px;background-size:12px 12px;border:3px solid #f7f0dc;box-shadow:inset 0 0 0 2px #453071,0 2px 5px #0520183d}.spider-card.suit-hearts,.spider-card.suit-diamonds{color:#bd2838}.spider-card-corner{justify-items:center;font-size:clamp(.65rem,1.25vw,1rem);line-height:.85;display:grid;position:absolute;top:5%;left:8%}.spider-card-corner i{margin-top:3px;font-size:.8em;font-style:normal}.spider-card-suit{font-size:clamp(.9rem,2.2vw,1.8rem);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.spider-card.is-selected{z-index:20;transform:translateY(-2px);box-shadow:0 0 0 3px #ffd66f,0 7px 14px #0520185c}.spider-card.is-dragging{z-index:30;pointer-events:none;cursor:grabbing;transition:none;box-shadow:0 10px 18px #05201866}.spider-board.is-dragging,.spider-board.is-dragging .spider-card{cursor:grabbing}.spider-card.is-hinted{animation:.8s ease-in-out infinite alternate spiderHint}@keyframes spiderHint{0%{box-shadow:0 0 0 1px #ffd66f59}to{box-shadow:0 0 0 3px #ffd66f,0 7px 14px #0520184d}}.spider-completed{z-index:3;gap:4px;display:flex;position:absolute;top:14px;right:14px}.spider-completed span{color:#ffffff47;border:1px solid #ffffff47;border-radius:4px;place-items:center;width:28px;height:38px;font:800 .78rem Georgia,serif;display:grid}.spider-completed span.is-complete{color:#181a19;background:#fffefa;border-color:#f3d685;box-shadow:0 2px 4px #0003}.spider-stock{z-index:3;color:#fff;cursor:pointer;background:#05281e33;border:2px solid #ffffff59;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:58px;height:40px;font-weight:900;display:flex;position:absolute;top:12px;left:14px}.spider-stock.has-cards{background:#684ea8;border:3px solid #f7f0dc;box-shadow:inset 0 0 0 2px #453071}.spider-stock small{font-size:.62rem}.spider-stock:disabled{cursor:default;opacity:.45}.spider-message{min-height:22px;color:var(--muted);text-align:center;margin:-5px 0;font-size:.85rem;font-weight:750}.spider-controls{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(250px,.8fr) minmax(260px,1fr) minmax(260px,.8fr);align-items:end;gap:14px;padding:13px;display:grid}.spider-difficulty{grid-template-columns:auto repeat(3,1fr);align-items:center;gap:5px;display:grid}.spider-difficulty>span,.spider-number>span{color:var(--muted);font-size:.74rem;font-weight:850}.spider-difficulty button{min-height:38px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #c9c0b4;border-radius:6px;padding:0 8px;font-size:.78rem;font-weight:800}.spider-difficulty button[aria-pressed=true]{color:#49327d;background:#eeeafd;border-color:#7257b5}.spider-number{gap:5px;display:grid}.spider-number>span:last-child{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.spider-number input{min-width:0;min-height:38px;color:var(--text);font:inherit;border:1px solid #c9c0b4;border-radius:6px;padding:0 9px}.spider-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.spider-stats div{text-align:center;gap:2px;display:grid}.spider-stats strong{font-variant-numeric:tabular-nums;font-size:.95rem}.spider-stats span{color:var(--muted);font-size:.68rem;font-weight:800}.spider-seo{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;display:grid}.spider-seo section{min-width:0}.spider-seo h2{margin:0 0 9px;font-size:1.15rem}.spider-seo ul{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.65}@media (hover:hover){.spider-card.is-face:not(.is-dragging):hover{transform:translateY(-2px);box-shadow:0 7px 14px #0520184d}}@media (max-width:820px){.spider-board{min-height:590px;padding-inline:8px}.spider-tableau{gap:4px}.spider-column{min-height:450px}.spider-controls{grid-template-columns:1fr 1fr}.spider-stats{grid-column:1/-1}}@media (max-width:560px){.spider-game{gap:10px}.spider-toolbar{flex-direction:column;align-items:stretch;padding:9px}.spider-status{justify-content:space-between}.spider-actions{grid-template-columns:repeat(3,1fr) auto;width:100%;display:grid}.spider-actions button{min-width:0;padding-inline:5px;font-size:.75rem}.spider-board{border-radius:6px;min-height:510px;padding:54px 4px 10px}.spider-board:after{inset:4px}.spider-tableau{gap:2px}.spider-column{min-height:420px}.spider-card{border-radius:3px}.spider-card.is-back{background-size:8px 8px;border-width:2px}.spider-column>.spider-card:not(.is-first){margin-top:-108%}.spider-column>.spider-card.is-face:not(.is-first){margin-top:-95%}.spider-card-corner{font-size:.57rem;top:7%;left:7%}.spider-card-suit{display:none}.spider-completed{gap:2px;top:10px;right:7px}.spider-completed span{width:19px;height:29px;font-size:.58rem}.spider-stock{width:55px;height:34px;top:8px;left:7px}.spider-controls{grid-template-columns:1fr;gap:10px;padding:10px}.spider-stats{grid-column:auto}.spider-seo{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.spider-card{transition:none}.spider-card.is-hinted{animation:none;box-shadow:0 0 0 2px #ffd66f}}