.spider-app .spider-top{z-index:1;align-items:flex-start;gap:18px;display:flex;position:relative}.spider-app .spider-stock{flex:none}.spider-app .spider-stock .playing-card{aspect-ratio:5/7;width:clamp(48px,4.6vw,70px);height:auto}.spider-app .spider-completed{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:min(100%,560px);margin-left:auto;display:grid}.spider-app .spider-complete{aspect-ratio:5/7;color:#8fc9bd;background:#071f2175;border:1px dashed #78d8be3d;border-radius:7px;place-items:center;font:700 10px/1 Georgia,serif;display:grid}.spider-app .spider-complete.is-filled{color:#f8c857;background:#f8c85712;border-style:solid;border-color:#f4cb5c99}.spider-app .spider-complete b{font-size:clamp(11px,1.3vw,18px)}.spider-app .spider-complete small{font-size:clamp(9px,1vw,13px)}.spider-app .spider-complete span{opacity:.35}.spider-app .spider-tableau-wrap{margin-top:18px;padding-bottom:4px}.spider-app .tableau{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-top:0}.spider-app .tableau-column{height:clamp(420px,60vh,620px)}.spider-app .stack-card{width:100%}.spider-app .playing-card{aspect-ratio:5/7;border-radius:7px;width:100%;height:auto}.spider-app .playing-card .corner{font-size:clamp(8px,.95vw,14px);top:4px;left:4px}.spider-app .playing-card .corner.bottom{inset:auto 4px 4px auto}.spider-app .playing-card .pip-field{inset:20% 16%}.spider-app .playing-card .pip{font-size:clamp(8px,1.05vw,16px)}.spider-app .playing-card .pip-count-1 .pip{font-size:clamp(18px,2.4vw,34px)}.spider-app .playing-card .pip-count-2 .pip,.spider-app .playing-card .pip-count-3 .pip{font-size:clamp(12px,1.45vw,22px)}.spider-app .playing-card .pip-count-4 .pip,.spider-app .playing-card .pip-count-5 .pip,.spider-app .playing-card .pip-count-6 .pip{font-size:clamp(10px,1.25vw,19px)}.spider-app .playing-card .pip-count-7 .pip,.spider-app .playing-card .pip-count-8 .pip,.spider-app .playing-card .pip-count-9 .pip,.spider-app .playing-card .pip-count-10 .pip{font-size:clamp(7px,1vw,15px)}.spider-app .playing-card .court-face{inset:10% 12%}.spider-app .playing-card.card-back{border-width:3px;font-size:clamp(14px,1.8vw,24px)}.spider-app .playing-card.card-back b{filter:none;font-size:clamp(14px,1.8vw,24px)}.spider-app .pile>span{font-size:9px}.spider-app .spider-column-target{z-index:1}.spider-app .spider-column .stack-card{z-index:2}@media (max-width:800px){.spider-app .spider-tableau-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.spider-app .tableau{gap:5px;min-width:560px}.spider-app .tableau-column{height:360px}.spider-app .spider-top{gap:10px}.spider-app .spider-completed{gap:4px}.spider-app .spider-stock .playing-card{width:46px}}@media (max-width:520px){.spider-app .tableau{min-width:520px}.spider-app .spider-completed{width:100%}}.spider-app{isolation:isolate}.spider-app .message-strip{z-index:1;position:relative}.spider-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spider-backdrop:before{content:"";background:radial-gradient(circle at calc(var(--spider-mx,50) * 1%) calc(var(--spider-my,28) * 1%), #f8c85733 0, #44ddc517 22%, transparent 54%), radial-gradient(circle at 15% 85%, #ff77690f, transparent 42%);position:absolute;inset:-18%}.spider-aura{background:radial-gradient(at 12% 0,#44ddc514,#0000 44%),radial-gradient(at 92% 100%,#f8c8570f,#0000 46%);position:absolute;inset:0}.spider-suits{transform:translate3d(calc((var(--spider-mx,50) - 50) * .09px), calc((var(--spider-my,50) - 50) * .06px), 0);transition:transform .25s ease-out;position:absolute;inset:0}.spider-suits i{left:var(--x,50%);top:var(--y,50%);color:#d7f3ec24;font-family:Georgia,Times New Roman,serif;font-size:var(--size,24px);opacity:0;animation:spiderSuitDrift var(--duration,15s) linear infinite;animation-delay:var(--delay,0s);will-change:transform, opacity;font-style:normal;line-height:1;position:absolute}.spider-web{color:#d7f3ec;opacity:.075;width:clamp(220px,28vw,360px);height:auto;animation:22s ease-in-out infinite alternate spiderWebSway;position:absolute;top:-54px;right:-42px;transform:rotate(12deg)}.spider-watermark{color:#d7f3ec;opacity:.045;width:min(300px,24vw);height:auto;position:absolute;bottom:4%;right:3%;transform:rotate(-8deg)}.spider-app .title-block{display:flex}.spider-title-mark{width:clamp(24px,2.4vw,32px);height:auto;color:var(--gold);filter:drop-shadow(0 0 10px #f8c8574d);flex:none}@media (max-width:800px){.spider-app .title-block{display:none}}@keyframes spiderSuitDrift{0%{transform:translate3d(0, 26px, 0) rotate(var(--rotate,0deg));opacity:0}12%{opacity:.14}86%{opacity:.07}to{transform:translate3d(20px, -78px, 0) rotate(calc(var(--rotate,0deg) + 20deg));opacity:0}}@keyframes spiderWebSway{0%{transform:rotate(10deg)scale(1)}to{transform:rotate(16deg)scale(1.04)}}@media (max-width:800px){.spider-web{opacity:.06;width:220px}.spider-watermark{width:180px}.spider-suits i{font-size:calc(var(--size,24px) * .82)}}@media (prefers-reduced-motion:reduce){.spider-suits i{opacity:.05;animation:none}.spider-suits{transition:none;transform:none}.spider-web{animation:none}}