.spider-page{max-width:1600px;margin:auto;padding:28px 4% 90px}.spider-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.spider-heading a{font-size:12px}.spider-heading h2{margin:16px 0 8px;font:clamp(36px,5vw,62px)/1.1 The Seasons,Georgia,serif}.spider-heading p{margin:0;font-size:14px}.spider-stats{letter-spacing:1px;gap:28px;font-size:10px;display:flex}.spider-stats strong{font-variant-numeric:tabular-nums;margin-top:8px;font:28px Georgia,serif;display:block}.spider-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;display:flex}.spider-toolbar span{margin-left:auto;font-size:11px}.spider-page button{cursor:pointer}.spider-toolbar button,.spider-confirm button{color:inherit;background:0 0;border:1px solid #15332d66;padding:10px 16px}.spider-page button:disabled{cursor:default;opacity:.45}.spider-page :focus-visible{outline-offset:3px;outline:3px solid #c38c3c}.spider-message{min-height:52px;padding:16px 0;font-size:13px}.spider-table{background:#163b36 var(--card-game-felt) center/cover;color:#f6edda;border:8px solid #4c3023;border-radius:20px;padding:28px 24px 38px}.spider-stock-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.spider-stock{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:18px;font-size:12px;display:flex}.spider-stock strong{margin-top:8px;display:block}.spider-card-back{background:#18352f var(--card-game-back) center/cover;border:3px solid #f6edda;border-radius:4px;width:55px;height:78px;box-shadow:3px 3px #b9af97,6px 6px #f6edda}.spider-finished{gap:8px;display:flex}.spider-finished>span{color:#d5ba7d;border:1px solid #d5ba7d55;border-radius:4px;place-items:center;width:36px;height:50px;display:grid}.spider-finished .complete{color:#163b36;background:#f6edda;font-size:25px}.spider-scroll{padding:8px 5px 18px;overflow-x:auto}.spider-columns{grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;min-width:780px;display:grid}.spider-column{min-width:0;position:relative}.spider-card,.spider-empty{border-radius:5px;width:100%;height:120px;position:absolute;left:0}.spider-empty{color:#d5ba7d88;background:#10292333;border:1px dashed #e4cda077}.spider-card{color:#15332d;text-align:left;background:#f6edda;border:1px solid #d6c7a5;padding:5px 7px;box-shadow:1px 3px 5px #0004}.spider-card>span{font:18px Georgia,serif;position:absolute;top:5px;left:7px}.spider-card b{place-items:center;font:34px Georgia,serif;display:grid}.spider-card.face-down{background:#163b36 var(--card-game-back) center/cover;opacity:1;border:3px solid #e7ddc8}.spider-card.chosen{background:#ffdfa2;border-color:#b03129;box-shadow:0 0 0 2px #bd4433}.spider-stock-note{color:#e9c77f;font-size:12px}.spider-rules{max-width:780px;margin-top:24px;font-size:14px;line-height:1.7}.spider-rules summary{cursor:pointer;font-weight:700}.spider-confirm{background:#e8dfcb;margin-top:16px;padding:16px}.spider-confirm button{margin-right:10px}.spider-win{text-align:center;padding:30px}.spider-win strong{color:#f5d58c;font:32px Georgia,serif}@media (max-width:650px){.spider-heading{display:block}.spider-stats{margin-top:20px}.spider-toolbar span{width:100%;margin:4px 0}.spider-table{border-width:5px;padding:20px 10px}.spider-stock-row{flex-wrap:wrap}.spider-finished{gap:6px}.spider-finished>span{width:27px;height:38px}.spider-columns{gap:10px;min-width:720px}}.spider-table{--spider-card-width:clamp(72px,7vw,104px);--spider-card-height:calc(var(--spider-card-width)*1.46);padding-bottom:30px}.spider-columns{grid-template-columns:repeat(10,var(--spider-card-width));min-width:calc(var(--spider-card-width)*10 + 108px);gap:12px;width:max-content;margin-inline:auto}.spider-card,.spider-empty{width:var(--spider-card-width);height:var(--spider-card-height);box-sizing:border-box}.spider-page .spider-card.face-down:disabled{opacity:1}.spider-stock-row{max-width:calc(var(--spider-card-width)*10 + 108px);margin-inline:auto;margin-bottom:18px}.spider-scroll{padding-bottom:22px}.spider-card>span{font-size:18px;line-height:22px}.spider-card b{font-size:40px}@media (max-width:650px){.spider-table{--spider-card-width:72px}.spider-columns{gap:10px;min-width:810px}.spider-stock-row{margin-bottom:20px}.spider-card>span{font-size:16px}}.spider-card.face-up{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.spider-card.face-up:active{cursor:grabbing}.spider-card.drag-source{opacity:.22}.spider-column.drop-allowed{outline-offset:5px;background:#e9c77f12;border-radius:5px;outline:2px dashed #e9c77f}.spider-drag-ghost{z-index:90;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 16px 15px #0005);position:fixed;transform:rotate(3deg)scale(1.035)}.spider-drag-ghost .spider-card{pointer-events:none;opacity:1}.spider-scroll{overscroll-behavior-x:contain}.spider-below-table{padding:26px 0 0}.spider-below-table .spider-heading{align-items:flex-end;gap:24px}.spider-below-table .spider-heading h2{margin:10px 0 8px;font-size:clamp(30px,3.3vw,46px)}.spider-below-table .spider-heading a{font-size:11px}.spider-below-table .spider-heading p{color:var(--muted-foreground);font-size:13px}.spider-below-table .spider-stats{flex-shrink:0;gap:28px}.spider-below-table .spider-stats>span{min-width:78px}.spider-below-table .spider-stats strong{font-size:26px}.spider-below-table .spider-toolbar{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.spider-below-table .spider-message{min-height:44px;color:var(--muted-foreground);padding:14px 0 0;line-height:1.5}.spider-rules{margin-top:18px}@media (max-width:650px){.spider-below-table{padding-top:22px}.spider-below-table .spider-heading{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.spider-below-table .spider-stats{gap:22px;margin-top:0}.spider-below-table .spider-toolbar{gap:8px;margin-top:18px}.spider-below-table .spider-toolbar button{padding:10px 12px}.spider-below-table .spider-toolbar span{margin-top:6px}}.spider-table{box-sizing:border-box;grid-template-rows:auto auto minmax(0,1fr);height:clamp(640px,76svh,820px);padding-bottom:22px;display:grid;position:relative;overflow:hidden}.spider-stock-row{width:100%;min-width:0;margin-bottom:0}.spider-stock-note{min-height:18px;margin:12px 0;font-size:11px;line-height:18px}.spider-scroll{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d5ba7d88 #10292344;overscroll-behavior:contain;min-height:0;overflow:auto}.spider-columns{align-items:stretch;min-height:100%}.spider-column{min-height:100%}.spider-win{z-index:30;background:#163b36f5;border:1px solid #d5ba7d;position:absolute;inset:35% 10% auto;box-shadow:0 16px 40px #0005}@media (max-width:650px){.spider-table{height:660px;padding-bottom:16px}.spider-stock-row{margin-bottom:0}.spider-stock-note{min-height:36px;margin:10px 0;font-size:10px}.spider-win{padding:22px 14px;inset:35% 5% auto}}.spider-control-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:18px;display:flex}.spider-control-row .spider-toolbar{border:0;margin:0;padding:0}.spider-control-row .spider-stats{margin:0}.spider-control-row .spider-stats>span{width:auto;margin:0}.spider-save-status{color:var(--muted-foreground);margin:10px 0 0;font-size:11px}.spider-page .spider-control-row{grid-template-columns:minmax(0,1fr);display:grid}.spider-status-row{justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.spider-below-table .spider-status-row .spider-message{min-width:0;min-height:0;color:inherit;padding:0;font:20px/1.3 Georgia,serif}.spider-status-row .spider-stats{flex-shrink:0}@media (max-width:650px){.spider-control-row{flex-wrap:wrap;gap:12px}.spider-control-row .spider-toolbar{margin:0}.spider-control-row .spider-stats{gap:18px}.spider-control-row .spider-stats>span{min-width:48px}.spider-control-row .spider-stats strong{font-size:20px}}.spider-board-title{text-align:center;color:#f6edda;flex:1}.spider-board-title h2{margin:0 0 6px;font:clamp(24px,3vw,40px)/1.1 The Seasons,Georgia,serif}.spider-board-title p{color:#e5d8bd;margin:0;font-size:12px}@media (max-width:900px){.spider-page .spider-stock-row{grid-template-columns:1fr auto;gap:12px;display:grid}.spider-board-title{grid-area:1/1/auto/-1}.spider-board-title h2{font-size:26px}.spider-board-title p{font-size:11px}.spider-page .spider-stock{grid-area:2/1}.spider-page .spider-finished{grid-area:2/2}}@media (max-height:550px) and (orientation:landscape){.spider-fullscreen .spider-stock-row{gap:12px;display:flex}.spider-fullscreen .spider-board-title h2{margin-bottom:3px;font-size:22px}.spider-fullscreen .spider-board-title p{font-size:10px}}.spider-row-deal{z-index:80;pointer-events:none;position:fixed;inset:0}.spider-dealt-card{perspective:700px;animation:spider-deal-flight .44s cubic-bezier(.2,.7,.25,1) var(--deal-delay) both;will-change:transform,opacity;position:absolute}.spider-dealt-turn{width:100%;height:100%;transform-style:preserve-3d;animation:spider-deal-turn .44s ease-out var(--deal-delay) both;position:relative}.spider-dealt-back,.spider-dealt-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5px;position:absolute;inset:0;overflow:hidden;box-shadow:2px 5px 12px #0005}.spider-dealt-back{background:#163b36 var(--card-game-back) center/cover;border:2px solid #e7ddc8}.spider-dealt-face{color:#15332d;background:#f6edda;border:1px solid #d6c7a5;transform:rotateY(180deg)}@keyframes spider-deal-flight{0%{transform:translate(var(--deal-x),var(--deal-y)) rotate(-12deg) scale(.65);opacity:0}8%{opacity:1}75%{opacity:1;transform:translateY(-8px)rotate(3deg)scale(1.04)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes spider-deal-turn{0%,30%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.spider-dealt-card,.spider-dealt-turn{animation-duration:1ms;animation-delay:0s}}@media (max-width:700px){.spider-column.drop-allowed{background:0 0;outline:none}.spider-column.drop-allowed:before{content:"";width:calc(100% + 6px);height:calc(var(--stack-height) + 6px);box-sizing:border-box;pointer-events:none;background:#e9c77f12;border:2px dashed #e9c77f;border-radius:6px;position:absolute;top:-3px;left:-3px}}