.spider-window{width:940px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 52px);display:flex;flex-direction:column;background:#eed2df;border-color:#b42876;overflow:hidden}.spider-window>.titlebar{flex-shrink:0;background:linear-gradient(#ffb8e1,#ef479f 12%,#d80c7f 55%,#b90369);box-shadow:inset 0 1px #ffdbee}.spider-menu{display:flex;align-items:center;gap:2px;padding:3px 5px;background:#f6e5ed;border-bottom:1px solid #c5a3b4;flex-shrink:0}.spider-menu button{background:none;border:1px solid transparent;padding:5px 9px;color:#441c33;font-size:12px}.spider-menu button:hover{border-color:#b98ca4;background:#fff0f7}.spider-menu button:disabled{color:#b59ba9;cursor:default}.spider-menu>span{margin-left:auto;font:10px Tahoma;color:#92516f;white-space:nowrap;padding:0 5px}.spider-help{padding:10px 16px;color:#593045;background:#fff4f9;border-bottom:1px solid #c4a0b2;font:12px/1.5 Tahoma;max-height:180px;overflow:auto;flex-shrink:0}.spider-help p{margin:5px 0}.spider-scroll{overflow:auto;flex:1;min-height:180px;background:#79264d;scrollbar-color:#ca6a9f #f3d5e5}.spider-table{--spider-card-height:112px;position:relative;min-width:650px;min-height:490px;padding:18px 16px 45px;background:radial-gradient(ellipse at 50% 10%,#b95184,#8b315e 58%,#65203f);box-shadow:inset 0 1px 5px #330c28;isolation:isolate}.spider-table::before{content:'SOLITÁRIA';position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);font:italic bold 48px Georgia;letter-spacing:8px;color:#ffc4e20d;z-index:-1;pointer-events:none}.spider-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;min-height:144px}.spider-completed{display:flex;gap:7px;max-width:75%;width:100%}.spider-finish{position:relative;display:grid;place-items:center;border:1px solid #e7a2c050;border-radius:5px;box-shadow:inset 1px 1px 3px #46132a66;aspect-ratio: .69;flex:1;max-width:64px;font-size:30px;color:#f4afce45}.spider-finish.filled{background:#fff9fc;color:#322235;border-color:#eee;box-shadow:1px 2px 3px #35101e88}.spider-finish b{position:absolute;top:4px;left:5px;font:bold 15px Georgia}.spider-stock{position:relative;width:110px;min-width:110px;height:112px;border:0;background:none;padding:0}.spider-stock>.spider-card-back{width:64px;height:94px;position:absolute;top:0;box-shadow:1px 2px 2px #360e2588}.spider-stock small{position:absolute;bottom:0;right:0;color:#ffe3f0;font:10px Tahoma;white-space:nowrap}.spider-stock:disabled{cursor:default}.spider-card-back{display:block;position:absolute;inset:0;border:4px solid #fff3fa;border-radius:4px;background:repeating-linear-gradient(45deg,transparent 0 4px,#f89dca 4px 5px,transparent 5px 9px),repeating-linear-gradient(-45deg,#9d1a67 0 4px,#d95099 4px 5px,#9d1a67 5px 9px);box-shadow:inset 0 0 0 1px #722047}.spider-card-back::after{content:'♠';display:grid;place-items:center;position:absolute;inset:10px 6px;border:1px solid #fac2df;border-radius:50%;background:#c23d87;color:#ffd1e8;font:24px Georgia}.spider-columns{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;align-items:start}.spider-column{position:relative;min-width:0;touch-action:pan-x pan-y}.spider-empty{width:100%;height:var(--spider-card-height);border:1px solid #eda1c266;border-radius:5px;background:#52142d20;box-shadow:inset 1px 1px 4px #3f0d2444;color:#e798bc40;font:30px Georgia;position:absolute;inset:0 0 auto;cursor:default}.spider-card{position:absolute;left:0;right:0;width:100%;height:var(--spider-card-height);padding:0;border:1px solid #a58b9b;border-radius:5px;background:linear-gradient(120deg,#fff,#fff6fb);box-shadow:1px 2px 3px #330d2666;color:#29202e;font:17px Georgia;user-select:none;-webkit-user-select:none;touch-action:none;text-shadow:none;overflow:hidden}.spider-card.face{cursor:grab}.spider-card.back{border:0;opacity:1}.spider-card.selected{background:#ffddf0;border-color:#ffb6de;box-shadow:0 0 0 2px #ffd1e8,1px 2px 4px #330d26}.spider-card.hinted{box-shadow:0 0 0 3px #fff5a8,0 0 16px #fff296}.spider-column.hint-destination>.spider-empty{outline:3px dashed #fff5a8;outline-offset:2px}.spider-corner{position:absolute;top:3px;left:4px;line-height:.92;font-weight:bold;display:flex;flex-direction:column;align-items:center;z-index:2}.spider-corner i{font-style:normal;font-size:15px}.spider-corner.bottom{top:auto;left:auto;right:4px;bottom:3px;transform:rotate(180deg)}.spider-pips{position:absolute;inset:22px 15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:0 3px}.spider-pips i{font-style:normal;font-size:15px;line-height:1}.spider-pips i:only-child{font-size:38px}.spider-pips.royal{border:1px solid #e5bed2;background:repeating-linear-gradient(45deg,#f9d5e9 0 3px,#fff0f8 3px 6px)}.spider-pips.royal b{font:bold 34px Georgia;color:#a52b70;text-shadow:1px 1px #fff}.spider-status{display:flex;justify-content:flex-end;gap:0;background:linear-gradient(#f6e4ed,#e5c9d8);border-top:1px solid #fff;color:#4f2740;padding:3px 5px;flex-shrink:0;font:11px Tahoma}.spider-status>span{min-width:90px;text-align:center;padding:4px 10px;border:1px inset #f8e5ef}.spider-message{font:11px/1.45 Tahoma;color:#6a3450;background:#f8eaf1;padding:7px 10px;min-height:30px;flex-shrink:0}.spider-victory{position:absolute;z-index:100;top:40%;left:50%;transform:translate(-50%,-50%);padding:26px 40px;background:#fff0f8;color:#8c1c59;text-align:center;border:3px outset #ffe0ef;box-shadow:3px 5px 20px #350d2599}.spider-victory strong{font:bold 25px Georgia;white-space:nowrap}.spider-drag-ghost{position:fixed!important;z-index:100000!important;pointer-events:none!important;opacity:.9;transform:rotate(-5deg);right:auto!important;cursor:grabbing}.spider-window button:focus-visible{outline:2px dotted #ffe8a7;outline-offset:-3px}.spider-menu button:focus-visible{outline-color:#79204f}.spider-icon{width:50px;height:50px;filter:drop-shadow(1px 2px 1px #34183366)}.start-programs button>.spider-icon{width:33px;height:33px;clip-path:none;flex-shrink:0}@media(max-width:700px){.spider-window{top:6px!important;left:4px!important;width:calc(100vw - 8px)!important;max-width:none;max-height:calc(100dvh - 45px)}.spider-window>.titlebar strong{font-size:12px}.spider-menu{padding:2px}.spider-menu button{font-size:11px;padding:7px 5px}.spider-menu>span{font-size:9px;padding:0 3px}.spider-table{min-width:660px;min-height:420px;padding:14px 12px 35px;--spider-card-height:98px}.spider-columns{gap:8px}.spider-top{min-height:124px}.spider-pips{inset:23px 13px}.spider-pips i{font-size:12px}.spider-pips.royal b{font-size:25px}.spider-status>span{min-width:70px}.spider-message{font-size:10px}.spider-help{font-size:11px}}
/* Reference artwork: hot pink felt, chrome-edged cards and bottom score plaque. */
.spider-scroll{background:#f90c7e}.spider-table{background:#fa0c7e url(spider-art/pink-felt.jpg) repeat;background-size:270px auto;display:flex;flex-direction:column;min-height:580px;padding:22px 20px 18px;--spider-card-height:120px}.spider-table::before{content:'';z-index:-1;transform:none;inset:0;left:0;top:0;background:radial-gradient(ellipse at 12% 65%,#fff 0 1px,transparent 2px),radial-gradient(ellipse at 72% 48%,#fff 0 1px,transparent 2px);opacity:.6}.spider-table::after{content:'✦';position:absolute;left:47%;top:62%;font:45px Georgia;color:#fff;text-shadow:0 0 8px white,0 0 20px #ffd1ec;pointer-events:none;z-index:-1}.spider-columns{order:0;flex:1;gap:13px;min-height:350px;margin-bottom:30px}.spider-top{position:relative;order:1;min-height:120px;align-items:flex-end;justify-content:space-between;margin-top:10px}.spider-stock{order:0;height:120px}.spider-stock>.spider-card-back{height:103px;width:77px}.spider-completed{order:2;max-width:190px;align-self:flex-end;gap:3px;margin-bottom:24px}.spider-finish{height:34px;max-width:23px;font-size:16px;border-color:#ff9ac4;background:#ed147280;box-shadow:inset 1px 1px 2px #740e4655}.spider-finish b{font-size:9px;top:1px;left:2px}.spider-score-plaque{order:1;position:relative;isolation:isolate;width:247px;min-height:115px;display:flex;flex-direction:column;justify-content:center;gap:3px;background:url(spider-art/score-frame.png) center/100% 100% no-repeat;margin-left:auto;margin-right:12%;color:white;font:bold 19px/1.25 'Courier New',monospace;text-shadow:1px 2px #9c004e;padding:25px 28px;box-shadow:2px 4px 6px #68052e66}.spider-score-plaque::before{content:'';position:absolute;inset:17px 15px;z-index:-1;background:linear-gradient(120deg,#d90067,#e1006b 60%,#f50080);box-shadow:inset 0 0 12px #eb1a86}.spider-card-back{background:url(spider-art/card-back.png) center/100% 100% no-repeat;border:0;border-radius:7px;box-shadow:1px 2px 3px #65052e}.spider-card-back::after{display:none}.spider-card{border:3px solid #d10064;border-radius:7px;background:linear-gradient(120deg,#ffe8f4,#ffc6df 50%,#ffdfed);box-shadow:inset 1px 1px 0 1px #fff8fc,inset -1px -1px 0 1px #ff84ba,1px 3px 0 #89063d,3px 5px 6px #80002b55;color:#290015}.spider-card.back{border:0;box-shadow:1px 3px 3px #67012a99}.spider-card.face::after{content:'✧';position:absolute;bottom:-2px;left:0;color:#fff;font:17px Georgia;text-shadow:0 0 4px #fff;pointer-events:none}.spider-corner{font:bold 19px/1 Georgia;top:3px;left:4px;flex-direction:row;gap:4px;align-items:center}.spider-corner i{font-size:19px;background:linear-gradient(#290016,#a01260,#270012);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #d35093)}.spider-corner.bottom i{display:none}.spider-pips{inset:27px 16px 18px;gap:1px 4px}.spider-pips i{font-size:17px;background:linear-gradient(#170011,#780044,#240016);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #de72a7)}.spider-pips i:only-child{font-size:43px}.spider-pips.royal{inset:25px 8px 13px;background:#ffc1df;border-color:#d92281}.spider-court{display:block;width:100%;height:100%;background:url(spider-art/court.png) center/cover}.spider-empty{border-color:#ff9aca;background:#e300641a;color:#ffb8d542}.spider-card.selected{background:linear-gradient(120deg,#fff5d5,#ffd8e9);box-shadow:inset 1px 1px white,0 0 0 2px #ffedac,0 0 13px #fff8bd}.spider-card.hinted{box-shadow:inset 1px 1px white,0 0 0 2px #fff48e,0 0 16px #ffef9b}.spider-table .spider-stock small{text-shadow:1px 1px #a8004f}.spider-table .spider-columns .spider-card{font-weight:bold}@media(max-width:700px){.spider-table{padding:16px 12px;min-height:510px;--spider-card-height:105px}.spider-columns{gap:9px;min-height:310px;margin-bottom:20px}.spider-top{min-height:105px}.spider-stock{height:105px}.spider-stock>.spider-card-back{height:90px;width:65px}.spider-score-plaque{width:215px;min-height:100px;font-size:17px;margin-right:8%;padding:23px}.spider-corner{font-size:16px;gap:2px;left:3px;top:3px}.spider-corner i{font-size:16px}.spider-pips{inset:25px 10px 16px}.spider-pips i{font-size:14px}.spider-pips i:only-child{font-size:35px}}
.spider-sparkle{position:absolute;pointer-events:none;z-index:-1;color:#fff;font:32px Georgia;line-height:1;text-shadow:0 0 5px #fff,0 0 15px #ffecf8;animation:spider-glint 4s ease-in-out infinite}.spider-sparkle:nth-of-type(2n){animation-delay:1.6s;font-size:23px}@keyframes spider-glint{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.spider-sparkle{animation:none}}
/* Crisp vector artwork and a consistent chrome finish. */
.spider-window{width:1100px;border:2px solid #ac135a;box-shadow:inset 0 0 0 1px #ffbadd,0 10px 35px #2b002b70;border-radius:9px 9px 2px 2px}.spider-window>.titlebar{height:31px;background:linear-gradient(#ffe4f3 0,#ff83c0 7%,#ee358f 35%,#d80b72 70%,#b00559);border-bottom:1px solid #91034e;box-shadow:inset 0 1px white}.spider-window>.titlebar strong{font:bold 13px Tahoma;text-shadow:1px 1px #83063c;letter-spacing:.1px}.spider-menu{padding:5px 8px;background:linear-gradient(#fff5fa,#f4d8e6);box-shadow:inset 0 1px #fff}.spider-menu button{border:1px solid #c09eae;border-radius:3px;background:linear-gradient(#fff,#f7e8ef 48%,#e6c9d7);box-shadow:inset 0 1px white,0 1px 1px #a8768c22;padding:5px 12px;margin-right:3px;font-size:11px}.spider-menu button:hover{border-color:#ad356b;background:linear-gradient(#fff8fc,#f9c4df)}.spider-menu button:active{background:#e4aac5;box-shadow:inset 0 1px 3px #96526e55}.spider-menu button:disabled{background:#f0e0e8;border-color:#d2bdc7;box-shadow:none}.spider-menu>span{letter-spacing:.4px}.spider-table{container-type:inline-size;min-width:740px;min-height:570px;padding:24px 22px 20px;background:#f10d76 url(spider-art/felt-hd.svg) center/cover;--spider-card-height:clamp(92px,calc((100cqw - 108px)*.144),140px);box-shadow:inset 0 1px 8px #9a004233}.spider-table::after{display:none}.spider-table::before{opacity:.4}.spider-columns{gap:12px;min-height:365px;margin-bottom:24px}.spider-card{border:0;border-radius:6px;background:var(--card-face) center/100% 100% no-repeat;box-shadow:0 2px 1px #88043f,1px 4px 5px #74003260;overflow:visible;transition:filter .12s,box-shadow .12s}.spider-card.face>.spider-corner,.spider-card.face>.spider-pips,.spider-card.face::after{display:none}.spider-card.face:hover{filter:brightness(1.045)}.spider-card.selected{background:var(--card-face) center/100% 100% no-repeat;filter:brightness(1.1);box-shadow:0 0 0 2px #fff0b2,0 0 13px #fff1a780,1px 4px 5px #74003260}.spider-card.hinted{box-shadow:0 0 0 2px #fff09f,0 0 16px #fff2b0}.spider-card.back{background:none;box-shadow:0 2px 1px #88043f,1px 4px 5px #74003260}.spider-card-back{background:url(spider-art/back-hd.svg) center/100% 100% no-repeat;border-radius:6px;box-shadow:none}.spider-top{display:grid;grid-template-columns:190px 1fr 190px;align-items:center;gap:16px;min-height:124px;margin-top:0}.spider-stock{width:110px;min-width:110px;height:124px;justify-self:start}.spider-stock>.spider-card-back{width:74px;height:107px;box-shadow:1px 2px 2px #71003480}.spider-stock small{font-size:10px;right:0;bottom:0;letter-spacing:.3px}.spider-score-plaque{justify-self:center;width:280px;min-height:110px;margin:0;padding:20px 30px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:url(spider-art/plaque-hd.svg) center/100% 100% no-repeat;box-shadow:0 4px 6px #80003850;text-align:center;font-family:Georgia,serif}.spider-score-plaque::before{display:none}.spider-score-plaque>span{display:flex;flex-direction:column;gap:6px;justify-content:center}.spider-score-plaque small{font:bold 9px Tahoma;letter-spacing:1.5px;color:#ffe4f2}.spider-score-plaque b{font:bold 29px/1 Georgia;text-shadow:0 2px #a3004a}.spider-completed{width:100%;max-width:190px;align-self:center;margin:0;gap:4px}.spider-finish{min-width:0;aspect-ratio:auto;max-width:none;height:38px;border:1px solid #ffb4d26b;border-radius:3px;background:linear-gradient(#d5005b22,#ac004522);box-shadow:inset 0 1px 3px #8e003433;color:#ffcee16b;font-size:15px}.spider-finish.filled{background:linear-gradient(#fff0f8,#ffc4df);color:#680133;border-color:#fff5fc;box-shadow:0 2px 3px #78003a60}.spider-finish b{font-size:8px}.spider-status{padding:3px 8px;background:linear-gradient(#f9e8f0,#eed0df);font-size:10px}.spider-status>span{border:0;min-width:90px;border-left:1px solid #c9a7b9;padding:4px 9px}.spider-message{background:#fcf0f6;padding:8px 12px;color:#702441;font-size:11px;border-top:1px solid #fff}.spider-sparkle{font-family:Georgia;filter:drop-shadow(0 0 2px #fff8);font-size:26px!important;opacity:.85}.spider-victory{background:linear-gradient(#fff5fb,#ffd0e7);border-radius:6px;border:2px solid #fff0fa;outline:1px solid #a3215c}@media(max-width:700px){.spider-window>.titlebar{height:29px}.spider-window>.titlebar strong{font-size:12px}.spider-menu{padding:4px}.spider-menu button{padding:6px 8px;margin-right:1px;font-size:10px}.spider-menu>span{letter-spacing:0;font-size:8px}.spider-table{padding:18px 14px 16px;min-height:520px}.spider-columns{gap:12px;min-height:320px;margin-bottom:28px}.spider-top{grid-template-columns:110px 1fr 160px;gap:15px}.spider-score-plaque{width:245px;min-height:99px;padding:17px 25px}.spider-score-plaque b{font-size:25px}.spider-stock{height:113px}.spider-stock>.spider-card-back{width:65px;height:94px}.spider-completed{max-width:160px}.spider-finish{height:33px}.spider-status>span{min-width:75px}.spider-message{font-size:10px}}