.spider-page{max-width:1480px;margin:auto;padding:24px 32px 60px}.spider-page .game-heading{text-align:left;margin-bottom:20px}.spider-page .game-heading h1{letter-spacing:-1.3px;margin:14px 0 2px;font-size:40px}.spider-page .game-heading p{color:#5775a8;margin:0;font-size:17px}.spider-layout{grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:22px;display:grid}.spider-game{color:#fff;isolation:isolate;background:radial-gradient(at 40% 25%,#176c47 0%,#095435 60%,#07432e 100%);border-radius:15px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #003c2430}.spider-game:before{content:"";pointer-events:none;opacity:.12;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.spider-toolbar{background:#003e1f20;border-bottom:1px solid #c7ecd323;align-items:center;gap:16px;min-height:86px;padding:18px 20px;display:flex}.spider-mode{color:#0a2a30;background:#c8e0d5eb;border-radius:10px;align-items:center;gap:8px;min-width:152px;padding:0 12px;display:flex}.spider-mode>span{font-size:28px}.spider-mode select{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;max-width:140px;padding:14px 2px;font-weight:650}.spider-mode option{color:#17372b;background:#fff}.spider-meters{flex:1;justify-content:center;gap:25px;display:flex}.spider-meters>div{align-items:center;gap:10px;display:flex}.spider-meters svg{width:25px;height:25px}.spider-meters strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;display:block}.spider-meters small{color:#d3e9dd;font-size:13px}.spider-stack-icon{font-size:36px;line-height:1}.spider-tools{gap:9px;display:flex}.spider-game button{font:inherit;cursor:pointer}.spider-tools button{color:#fff;background:#003e2d40;border:1px solid #d0efde40;border-radius:10px;place-items:center;min-width:44px;height:44px;display:grid}.spider-tools svg{width:22px;height:22px}.spider-table{grid-template-columns:minmax(0,1fr) 116px;gap:12px;padding:10px 18px 0;display:grid}.spider-canvas{min-width:0}.spider-canvas .game-runtime{box-shadow:none;background:0 0;border:0;padding:0}.spider-canvas .stage-wrap{aspect-ratio:auto;background:0 0;border:0;padding:0}.spider-canvas .game-stage{aspect-ratio:auto;background:0 0;width:100%;height:340px;min-height:0;overflow:hidden}.spider-canvas canvas{touch-action:none;max-width:100%;display:block}.spider-canvas .runtime-status,.spider-canvas .motion-notice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.spider-stock{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:45px;font-size:13px;display:flex}.spider-stock-button{filter:drop-shadow(0 6px 5px #002f2770);background:0 0;border:0;width:79px;height:112px;padding:0;position:relative}.spider-card-back{background:repeating-linear-gradient(55deg,#0000 0 7px,#81b3ff65 8px 9px,#0000 10px 14px),repeating-linear-gradient(-55deg,#1854bd 0 7px,#81b3ff65 8px 9px,#1854bd 10px 14px);border:4px solid #fafbff;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:3px -3px #a6c7e3,6px -6px #e2eafb,9px -9px #9cc6ae}.spider-card-back:after{content:"";border:1px solid #b0d0ff;border-radius:3px;position:absolute;inset:3px}.spider-card-back i{color:#c2d8ff;filter:drop-shadow(0 2px 2px #154eaa);font-size:36px;font-style:normal}.spider-stock p{color:#e3eee8;background:#003d2c80;border-radius:11px;margin:0;padding:12px 10px;font-size:13px;line-height:1.5}.spider-stock-button:disabled{opacity:.4}.spider-completed{padding:0 22px}.spider-completed>span{font-size:14px}.spider-completed>div{gap:9px;margin-top:9px;display:flex}.spider-completed>div>span{color:#ecf8ea;border:1px solid #c0e0ce60;border-radius:6px;place-items:center;width:49px;height:68px;font-size:32px;display:grid}.spider-completed .is-complete{background:#ffffff18;animation:.4s ease-out spider-complete}.spider-notice{color:#ffeab6;height:30px;margin:5px 22px;font-size:13px;line-height:30px}.spider-controls{background:#005a3325;border-top:1px solid #c6ebd52b;gap:16px;padding:17px 20px;display:flex}.spider-controls>button{color:#fff;background:#ffffff08;border:1px solid #d2ebdf55;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:55px;padding:10px 23px;font-weight:600;display:flex}.spider-controls svg{width:23px;height:23px}.spider-controls .spider-primary{margin-left:auto}.spider-game .spider-primary{color:#fff;background:linear-gradient(#1689ff,#0060f5);border:1px solid #218aff}.spider-game button:hover:not(:disabled){filter:brightness(1.12)}.spider-game button:disabled{cursor:default;opacity:.45}.spider-sidebar{flex-direction:column;gap:16px;padding-top:0;display:flex}.spider-sidebar section{background:#ffffffeb;border:1px solid #e1ecf8;border-radius:15px;padding:20px;box-shadow:0 3px 12px #1c63a005}.spider-sidebar h2{letter-spacing:-.4px;align-items:center;gap:10px;margin:0 0 18px;font-size:20px;display:flex}.spider-sidebar h2 svg{color:#0877ff;width:25px;height:25px}.spider-sidebar h2>span{color:#0877ff;font-size:26px}.spider-sidebar ol{flex-direction:column;gap:17px;margin:0;padding:0;list-style:none;display:flex}.spider-sidebar li{color:#4b6792;gap:12px;font-size:14px;line-height:1.5;display:flex}.spider-sidebar li b{color:#087aff;background:#e5f1ff;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:17px;font-weight:500;display:grid}.spider-sidebar a{color:#0870e5;margin-top:18px;font-size:13px;display:inline-block}.spider-sidebar dl{margin:0;font-size:14px}.spider-sidebar dl>div{border-bottom:1px solid #edf1f7;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.spider-sidebar dl>div:last-child{border:0;padding-bottom:0}.spider-sidebar dt{color:#4b6792}.spider-sidebar dd{font-variant-numeric:tabular-nums;color:#14294e;margin:0}.spider-save{color:#7386a2;margin:10px 2px 5px;font-size:12px}.spider-save button{color:#0870e5;cursor:pointer;background:0 0;border:0}.spider-keyboard{color:#637d9b;font-size:12px}.spider-keyboard summary{cursor:pointer}.spider-keyboard p{max-width:700px}.spider-guide{border-top:1px solid #e1eaf5;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px;padding-top:28px;scroll-margin-top:20px;display:grid}.spider-guide h2,.spider-faq h2{font-size:21px}.spider-guide li{color:#526c90;margin-bottom:8px;font-size:14px;line-height:1.7}.spider-guide ol,.spider-guide ul{padding-left:20px}.spider-faq{margin:25px 0 35px}.spider-faq details{border-bottom:1px solid #dfebf7;padding:14px 0}.spider-faq summary{cursor:pointer;font-weight:600}.spider-faq p{color:#526c90;max-width:900px;font-size:14px;line-height:1.7}.spider-victory{color:#183952;z-index:10;background:#fffffff5;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.8s ease-out spider-complete;display:flex;position:absolute;inset:90px 14% 110px;box-shadow:0 15px 60px #002e3940}.spider-victory>span{color:#119366;font-size:36px}.spider-victory h2{margin:0;font-size:34px}.spider-victory strong{font-size:25px}.spider-victory p{color:#637a91;margin:0}.spider-victory button,.spider-dialog button{color:#173f60;cursor:pointer;background:#f1f7fd;border:1px solid #d4e4f1;border-radius:8px;padding:12px 22px}.spider-dialog{color:#15324d;border:0;border-radius:16px;width:420px;max-width:calc(100% - 32px);padding:28px;box-shadow:0 20px 100px #001c4280}.spider-dialog::backdrop{background:#00282e70}.spider-dialog h2{margin:0 0 12px;font-size:23px}.spider-dialog p{color:#607891}.spider-dialog>div{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.spider-game.is-fullscreen{z-index:100;border-radius:0;padding:0 max(8px,50vw - 750px);position:fixed;inset:0;overflow:auto}.spider-game:fullscreen{border-radius:0;width:100%;height:100%;padding:0 max(8px,50vw - 750px);overflow:auto}.spider-game.is-fullscreen .game-stage,.spider-game:fullscreen .game-stage{height:calc(100dvh - 300px);min-height:270px}.spider-loader{color:#235744!important;background:radial-gradient(at 50% 30%,#f4fbf8,#e8f4ef)!important}.spider-loader .mine-loader-track>span{background:linear-gradient(90deg,#37b589,#0871ff)}.spider-loader-friends{justify-content:center;align-items:center;gap:8px;height:120px;display:flex;position:relative}.spider-loader-friends>span{color:#173853;background:#fffdf7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:55px;height:80px;animation:1.3s ease-in-out infinite spider-bob;display:flex;box-shadow:0 5px #d0e5de,0 10px 18px #003b2920}.spider-loader-friends>span:nth-child(2){color:#e45171;transform:translateY(-12px)}.spider-loader-friends b{font-size:32px}.spider-loader-friends i{letter-spacing:1px;font-size:18px;font-style:normal}.spider-loader-friends em{color:#efb945;font-size:23px;animation:1.8s ease-in-out infinite spider-bob;position:absolute;top:0;right:0}.is-hinted{animation:.8s ease-in-out infinite spider-stock-pulse}@keyframes spider-bob{50%{translate:0 -10px;rotate:5deg}}@keyframes spider-stock-pulse{50%{filter:drop-shadow(0 0 12px #ffe47a)}}@keyframes spider-complete{0%{opacity:0;transform:translateY(-12px)scale(.9)}to{opacity:1;transform:none}}@media (min-width:1600px){.spider-canvas .game-stage{height:400px}}@media (max-width:1190px){.spider-page{padding:20px}.spider-layout{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.spider-toolbar{gap:10px;padding:14px}.spider-meters{gap:13px}.spider-meters svg,.spider-stack-icon{display:none}.spider-meters strong{font-size:19px}.spider-mode{min-width:130px;padding:0 8px}.spider-mode select{max-width:115px;font-size:14px}.spider-table{grid-template-columns:minmax(0,1fr) 88px;gap:8px;padding:8px 12px 0}.spider-stock-button{width:62px;height:90px}.spider-stock p{font-size:11px}.spider-sidebar section{padding:16px}.spider-sidebar h2{font-size:18px}.spider-controls{gap:12px;padding:14px}.spider-controls>button{padding:10px 18px}}@media (max-width:959px){.spider-layout{grid-template-columns:1fr}.spider-sidebar{grid-template-columns:1fr 1fr;padding-top:0;display:grid}.spider-canvas .game-stage{height:360px}.spider-page .game-heading h1{font-size:34px}.spider-guide{gap:20px}}@media (max-width:600px){.spider-page{padding:15px 10px 40px}.spider-page .game-heading{margin-bottom:16px;padding:0 5px}.spider-page .game-heading h1{letter-spacing:-.7px;font-size:30px}.spider-page .game-heading p{font-size:14px;line-height:1.5}.spider-game{border-radius:12px}.spider-toolbar{flex-wrap:wrap;gap:12px;padding:12px 12px 10px}.spider-mode{order:0;min-width:0;max-width:170px}.spider-mode select{max-width:130px;padding:9px 0}.spider-mode>span{font-size:24px}.spider-tools{order:1;margin-left:auto}.spider-tools button{width:36px;min-width:36px;height:36px}.spider-meters{flex:none;order:2;justify-content:space-around;gap:8px;width:100%}.spider-meters>div{gap:7px}.spider-meters svg{width:21px;height:21px;display:block}.spider-meters strong{font-size:18px}.spider-meters small{font-size:11px}.spider-table{padding:4px 3px 0;display:block;position:relative}.spider-canvas .game-stage{height:310px}.spider-stock{gap:7px;max-width:100px;padding:0;font-size:10px;line-height:1.2;position:absolute;bottom:-78px;right:17px}.spider-stock-button{width:36px;height:49px}.spider-card-back{border-width:2px;border-radius:4px;box-shadow:2px -2px #a6c7e3,4px -4px #e2eafb}.spider-card-back i{font-size:22px}.spider-stock p{display:none}.spider-completed{height:85px;padding:6px 105px 0 12px}.spider-completed>span{font-size:12px}.spider-completed>div{gap:4px}.spider-completed>div>span{border-radius:4px;width:calc(12.5% - 3.5px);height:39px;font-size:19px}.spider-notice{height:auto;min-height:28px;margin:4px 12px;font-size:11px;line-height:1.4}.spider-controls{gap:7px;padding:12px 10px}.spider-controls>button{border-radius:8px;gap:5px;min-height:44px;padding:8px 10px;font-size:12px}.spider-controls svg{width:18px;height:18px}.spider-sidebar{grid-template-columns:1fr;gap:12px}.spider-sidebar section{padding:20px}.spider-sidebar li{font-size:14px}.spider-guide{grid-template-columns:1fr;gap:5px;padding:15px 8px}.spider-faq{padding:0 8px}.spider-victory{inset:125px 16px 110px}.spider-victory h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.spider-game *,.spider-loader *{transition:none!important;animation:none!important}}.spider-game{--spider-board-height:340px}.spider-page .game-heading{padding-bottom:0}.spider-page .game-heading nav ol{justify-content:flex-start}.spider-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spider-page .related-games{width:100%}.spider-page .related-games .game-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.spider-page .related-games .game-card{display:block}.spider-page .related-games .game-card img{width:100%}.spider-game.is-fullscreen,.spider-game:fullscreen{--spider-board-height:max(270px,calc(100dvh - 300px))}@media (min-width:1600px){.spider-game{--spider-board-height:400px}}@media (max-width:959px){.spider-game{--spider-board-height:360px}.spider-page .related-games .game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.spider-game{--spider-board-height:310px}}.spider-page .game-heading{min-height:130px;position:relative}.spider-page .game-heading>h1,.spider-page .game-heading>p{max-width:calc(100% - 314px)}.spider-heading-art{pointer-events:none;opacity:.72;width:292px;height:126px;position:absolute;top:0;right:0}.spider-art-card{color:#5381a8;background:linear-gradient(145deg,#fffefa,#edf5ff);border:2px solid #c8dcef;border-radius:10px;width:66px;height:94px;position:absolute;top:9px;box-shadow:0 7px 14px #aec8dd28}.spider-art-card>span{font-size:17px;font-weight:700;line-height:1;position:absolute;top:7px;left:8px}.spider-art-card small{margin-top:2px;font-size:12px;display:block}.spider-art-card>b{place-items:center;font-family:Georgia,serif;font-size:38px;font-weight:400;display:grid;position:absolute;inset:28px 0 0}.art-king{top:22px;left:45px;transform:rotate(-19deg)}.art-queen{color:#da8798;z-index:1;background:linear-gradient(145deg,#fffdfb,#fceef1);border-color:#f0d6dc;top:0;left:108px;transform:rotate(-3deg)}.art-jack{color:#6fa597;background:linear-gradient(145deg,#fcfffc,#e8f4ee);border-color:#d0e4dc;top:20px;left:169px;transform:rotate(15deg)}.spider-art-spark{color:#a5c5e6;font-size:24px;position:absolute}.spark-one{top:2px;left:21px}.spark-two{font-size:20px;top:77px;right:23px}@media (max-width:1190px){.spider-page .game-heading>h1,.spider-page .game-heading>p{max-width:calc(100% - 261px)}.spider-heading-art{transform-origin:100%;width:245px;transform:scale(.9)}}@media (max-width:959px){.spider-page .game-heading{min-height:125px}.spider-page .game-heading>h1,.spider-page .game-heading>p{max-width:calc(100% - 215px)}.spider-heading-art{transform:scale(.8)}}@media (max-width:600px){.spider-page .game-heading{min-height:0}.spider-page .game-heading>h1,.spider-page .game-heading>p{max-width:none}.spider-heading-art{display:none}}:is(.spider-game:has(.spider-canvas .stage-message) .spider-table,.spider-game:has(.spider-canvas .stage-message) .game-runtime,.spider-game:has(.spider-canvas .stage-message) .stage-wrap){position:static;overflow:visible}.spider-game .stage-message{z-index:30;border-radius:inherit;background:#edf7f2;inset:0}.spider-game .spider-loader{gap:16px}.spider-game .spider-loader .mine-loader-mascot{margin-bottom:12px;transform:scale(1.15)}.spider-notice.has-hint{color:#fff6d9;background:#002f26a8;border:1px solid #e0d09d55;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:auto;min-height:36px;margin:5px 20px 10px;padding:7px 12px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.spider-hint-step{color:#143c34;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.source-step{background:#ffd45c}.target-step{background:#79e6ff}.spider-hint-arrow{color:#ffe39b;margin:0 5px;font-size:23px}@media (max-width:600px){.spider-notice.has-hint{gap:6px;margin:5px 10px 10px;padding:6px;font-size:11px}.spider-hint-step{width:19px;height:19px;font-size:11px}.spider-hint-arrow{margin:0 2px}}.spider-notice{height:auto;min-height:30px;padding-block:4px;line-height:1.5}.spider-notice.has-selection{color:#fff2c6;background:#003c2a;border:1px solid #ffd45c88;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:8px 12px;display:flex}.spider-notice.has-selection strong{white-space:nowrap;color:#ffd45c}.spider-celebration{z-index:15;pointer-events:none;border-radius:inherit;color:#fff1c5;text-align:center;background:radial-gradient(#043d32eb 0%,#043d32b8 40%,#043d3210 80%);flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:2.8s both spider-celebration-reveal;display:flex;position:absolute;inset:0;overflow:hidden}.spider-celebration>strong{letter-spacing:-1px;text-shadow:0 3px 20px #e5b44e66;z-index:1;font-size:clamp(24px,3vw,38px);font-weight:800}.spider-celebration>p{color:#fff0c9;z-index:1;background:#073d32;border:1px solid #ffe4a966;border-radius:30px;margin:12px 0 0;padding:8px 22px;font-size:16px;font-weight:600}.spider-celebration-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffdc7919 0deg 10deg,#0000 10deg 30deg);width:800px;animation:12s linear infinite spider-rays;position:absolute;-webkit-mask-image:radial-gradient(circle,#000,#0000 65%);mask-image:radial-gradient(circle,#000,#0000 65%)}.spider-celebration-badge{z-index:1;color:#ffe4a0;align-items:center;gap:22px;font-size:28px;display:flex}.spider-celebration-badge>b{color:#fff3c4;background:linear-gradient(135deg,#8e6b27,#4d3912);border:2px solid #ffe6a1;border-radius:50%;place-items:center;width:88px;height:88px;font-size:54px;animation:.7s cubic-bezier(.2,.8,.25,1.2) both spider-medal;display:grid;box-shadow:0 0 0 7px #ffd67418,0 0 55px #ffd67455}.spider-celebration-cards{z-index:1;justify-content:center;height:108px;margin-top:12px;display:flex}.spider-celebration-cards>span{color:#173c36;width:62px;height:86px;transform:translateY(var(--lift)) rotate(var(--fan));background:linear-gradient(145deg,#fffffa,#fff0c9);border:2px solid #ffe5a8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0 -7px;font-size:23px;font-weight:700;animation:.7s .15s both spider-fan;display:flex;box-shadow:0 8px 22px #00291c70}.spider-celebration-cards b{font-size:29px;line-height:1}.spider-confetti{position:absolute;inset:0;overflow:hidden}.spider-confetti i{left:var(--x);background:var(--color);width:7px;height:13px;animation:spider-confetti-fall 2.2s var(--delay) cubic-bezier(.1,.4,.6,1) both;border-radius:2px;position:absolute;top:-8%}.spider-confetti i:nth-child(3n){border-radius:50%;width:6px;height:6px}@keyframes spider-celebration-reveal{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}@keyframes spider-medal{0%{opacity:0;transform:scale(.45)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes spider-fan{0%{opacity:0;transform:translateY(35px)rotate(0)scale(.6)}to{transform:translateY(var(--lift)) rotate(var(--fan));opacity:1}}@keyframes spider-rays{to{transform:rotate(90deg)}}@keyframes spider-confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{transform:translate(var(--drift),700px) rotate(560deg);opacity:0}}@media (prefers-reduced-motion:reduce){.spider-celebration,.spider-celebration-badge>b,.spider-celebration-cards>span{animation:none}.spider-celebration-rays,.spider-confetti{display:none}}.spider-game:has(.spider-celebration) .spider-victory{visibility:hidden}.spider-stall{z-index:16;color:#244d43;text-align:center;background:linear-gradient(145deg,#fffdf4,#eef9f3);border:2px solid #d5eadf;border-radius:24px;width:min(420px,100% - 28px);padding:22px 26px 26px;animation:.4s ease-out spider-stall-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 70px #002e3770}.spider-stall h2{letter-spacing:-.6px;margin:8px 0 10px;font-size:26px}.spider-stall p{color:#638276;max-width:315px;margin:0 auto 22px;font-size:14px;line-height:1.6}.spider-stall button{color:#315d4e;background:#fff;border:1px solid #c5ded0;border-radius:12px;padding:11px 18px;font-weight:600}.spider-stall .spider-stall-close{color:#729085;background:0 0;border:0;width:40px;height:40px;padding:0;font-size:28px;position:absolute;top:8px;right:8px}.spider-stall-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.spider-stall-art{place-items:center;width:190px;height:140px;margin:0 auto;display:grid;position:relative}.spider-stall-friend{transform-origin:50% 100%;background:#fffdf6;border:2px solid #d7e7de;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:76px;height:106px;animation:2.5s ease-in-out infinite spider-stall-sway;display:flex;position:relative;box-shadow:0 7px #cfdfd5}.spider-stall-friend b{color:#355c50;font-size:36px}.spider-stall-friend i{color:#426152;font-size:23px;font-style:normal}.spider-stall-friend em{font-size:18px;font-style:normal;animation:2.5s infinite spider-stall-tear;position:absolute;top:55px;right:1px}.spider-stall-cloud{color:#bdceda;font-size:38px;animation:3s ease-in-out infinite spider-bob;position:absolute;top:0;left:10px}.spider-stall-star{color:#dfb75b;font-size:29px;animation:2s ease-in-out infinite spider-bob;position:absolute;bottom:22px;right:8px}@keyframes spider-stall-in{0%{opacity:0;transform:translate(-50%,-45%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes spider-stall-sway{0%,to{translate:0;rotate:-6deg}50%{translate:0 -5px;rotate:6deg}}@keyframes spider-stall-tear{0%,30%{opacity:0;translate:0 -4px}45%{opacity:1}to{opacity:0;translate:0 18px}}@media (prefers-reduced-motion:reduce){.spider-stall,.spider-stall-friend,.spider-stall-friend em,.spider-stall-cloud,.spider-stall-star{animation:none}}.spider-game .spider-dialog{color:#254d43;text-align:center;background:radial-gradient(at 50% 0,#e7f6e9,#0000 65%),#fffdf7;border:2px solid #e0eee4;border-radius:26px;width:440px;max-width:calc(100% - 28px);padding:26px 30px 30px;overflow:visible;box-shadow:0 28px 90px #002d3766}.spider-dialog[open]{animation:.28s ease-out spider-new-open}.spider-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#052d3666}.spider-game .spider-dialog h2{letter-spacing:-.7px;margin:12px 0;font-size:28px;line-height:1.2}.spider-game .spider-dialog p{color:#6d857a;max-width:300px;margin:0 auto;font-size:14px;line-height:1.65}.spider-dialog .spider-dialog-close{color:#7c9488;background:0 0;border:0;border-radius:50%;width:40px;height:40px;padding:0;font-size:28px;position:absolute;top:10px;right:10px}.spider-dialog .spider-dialog-close:hover{background:#e8f1e9}.spider-dialog .spider-dialog-actions{grid-template-columns:1fr 1.2fr;gap:12px;margin-top:26px;display:grid}.spider-dialog-actions button{color:#4b6c5f;background:#f2f6ef;border:1px solid #d5e3d7;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-size:14px;font-weight:650;display:flex}.spider-dialog-actions svg{flex-shrink:0;width:20px;height:20px}.spider-dialog-actions .spider-primary{box-shadow:0 4px #0052c9,0 7px 16px #0879ed24}.spider-new-art{isolation:isolate;width:240px;height:168px;margin:0 auto;position:relative}.spider-new-halo{background:radial-gradient(circle,#d9efdb 0%,#e5f3e4 65%,#0000 66%);border-radius:50%;position:absolute;inset:9px 37px 0}.spider-new-card{transform-origin:50% 90%;border:2px solid #fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:75px;height:103px;display:flex;position:absolute;box-shadow:0 5px #bdd5c9,0 10px 17px #264d3b15}.spider-new-card b{font-size:33px;line-height:1.1}.spider-new-card i{letter-spacing:2px;margin-top:7px;font-size:24px;font-style:normal}.spider-new-card.card-left{color:#bd6a71;background:#ffe8df;animation:3s ease-in-out -.8s infinite spider-new-float;top:42px;left:30px;rotate:-21deg}.spider-new-card.card-right{color:#6089b1;background:#e4effb;animation:3s ease-in-out -1.6s infinite spider-new-float;top:40px;right:29px;rotate:20deg}.spider-new-card.card-center{color:#315b4b;background:#fffef6;animation:3s ease-in-out infinite spider-new-float;top:26px;left:83px}.spider-new-card em{opacity:.7;background:#edb5a5;border-radius:50%;width:10px;height:5px;position:absolute;top:72px;left:12px}.spider-new-card em:last-child{left:auto;right:12px}.spider-new-spark{color:#d8ae52;z-index:2;animation:2.5s ease-in-out infinite spider-new-float;position:absolute}.spider-new-spark.spark-a{font-size:22px;top:24px;left:12px}.spider-new-spark.spark-b{font-size:32px;animation-delay:-1s;top:9px;right:14px}.spider-new-spark.spark-c{font-size:16px;animation-delay:-1.6s;bottom:15px;right:5px}@keyframes spider-new-open{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes spider-new-float{50%{translate:0 -6px}}@media (max-width:480px){.spider-game .spider-dialog{padding:23px 20px 25px}.spider-game .spider-dialog h2{font-size:25px}.spider-dialog-actions button{padding:10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.spider-dialog[open],.spider-new-art .spider-new-card,.spider-new-spark{animation:none}}.spider-celebration.is-grand-finale{background:radial-gradient(#075343fa,#032e27ed);gap:12px;animation-duration:4.2s}.is-grand-finale .spider-celebration-badge{display:none}.is-grand-finale>strong{letter-spacing:-2px;color:#0000;background:linear-gradient(#fff9dc,#ffd47a);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,6vw,66px);line-height:1.15}.spider-win-trophy{filter:drop-shadow(0 10px 15px #dd9c2840);width:145px;height:145px}.is-grand-finale>.spider-win-trophy{z-index:1;width:175px;height:175px;animation:.8s cubic-bezier(.2,.8,.25,1.2) both spider-medal}.is-grand-finale .spider-confetti i{animation-duration:3.7s}.is-grand-finale .spider-celebration-rays{background:repeating-conic-gradient(#ffdb7b25 0deg 8deg,#0000 8deg 24deg);width:1200px}.spider-fireworks{pointer-events:none;position:absolute;inset:0}.burst{width:1px;height:1px;position:absolute;top:27%;left:20%}.burst-1{top:34%;left:80%}.burst-2{top:15%;left:52%}.burst i{width:5px;height:22px;transform:rotate(var(--angle)) translateY(-20px);background:linear-gradient(#fffbe0,#ffd78000);border-radius:5px;animation:1.6s ease-out 2 both spider-firework;position:absolute;box-shadow:0 0 8px #ffd78088}.burst-1 i{background:linear-gradient(#9cf3dc,#77dbd000);animation-delay:.5s}.burst-2 i{animation-delay:1s}@keyframes spider-firework{0%{opacity:0;transform:rotate(var(--angle)) translateY(-10px) scaleY(.2)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-115px) scaleY(.5)}}.spider-game .spider-win-dialog{color:#244c40;z-index:16;text-align:center;background:radial-gradient(at 50% 0,#fff0be,#0000 57%),#fffef7;border:2px solid #efe2b9;border-radius:28px;gap:0;width:min(448px,100% - 28px);padding:20px 28px 26px;animation:.65s cubic-bezier(.2,.8,.25,1.1) both spider-win-arrive;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #002e3960,0 0 0 1000px #00392d8c}.spider-win-art{justify-content:center;align-items:center;gap:8px;height:137px;display:flex}.spider-win-laurel{color:#d5a244;font-size:28px;animation:2.5s ease-in-out infinite spider-new-float}.spider-win-laurel:last-child{animation-delay:-1.2s}.spider-game .spider-win-ribbon{letter-spacing:1.6px;text-transform:uppercase;color:#5f7f41;background:#eaf3df;border:1px solid #d7e5c4;border-radius:30px;margin:7px 0 12px;padding:6px 16px;font-size:11px;font-weight:750}.spider-game .spider-win-dialog h2{letter-spacing:-1px;margin:0 0 7px;font-size:40px}.spider-game .spider-win-subtitle{color:#81907b;margin:0 0 20px;font-size:14px;line-height:1.5}.spider-win-stats{background:#f7f8eb;border:1px solid #e6e6d4;border-radius:15px;grid-template-columns:repeat(3,1fr);width:100%;padding:14px 0;display:grid}.spider-win-stats>div{border-right:1px solid #e1e5d1;flex-direction:column;gap:4px;display:flex}.spider-win-stats>div:last-child{border:0}.spider-win-stats strong{color:#315643;font-variant-numeric:tabular-nums;font-size:23px;line-height:1.2}.spider-win-stats span{color:#82907a;font-size:11px}.spider-game .spider-win-mode{color:#8b967f;margin:11px 0 17px;font-size:12px}.spider-win-actions{flex-direction:column;gap:9px;width:100%;display:flex}.spider-win-actions button{border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:43px;font-size:14px;font-weight:650;display:flex}.spider-win-actions svg{width:19px;height:19px}.spider-win-actions .spider-primary{box-shadow:0 3px #0052ca}.spider-win-actions button:not(.spider-primary){color:#67805d;background:0 0;border:0;padding:8px}@keyframes spider-win-arrive{0%{opacity:0;transform:translate(-50%,-43%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:600px){.spider-game .spider-win-dialog{padding:16px 20px 20px}.spider-win-art{height:116px}.spider-win-trophy{width:125px;height:125px}.spider-game .spider-win-dialog h2{font-size:34px}.spider-win-stats strong{font-size:21px}.burst{left:14%}.burst-1{left:86%}}@media (prefers-reduced-motion:reduce){.is-grand-finale>.spider-win-trophy,.spider-game .spider-win-dialog,.spider-win-laurel{animation:none}.spider-fireworks{display:none}}.spider-example{gap:12px;margin:16px 0;display:flex}.spider-example span{color:#182b25;background:#fff;border:1px solid #ccc;border-radius:8px;padding:18px 12px;font-size:24px}.spider-example .red{color:#b7253b}.spider-controls{flex-wrap:wrap}.spider-mode select{max-width:100%}.spider-mode-guide{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:767px){.spider-mode-guide{grid-template-columns:1fr}}.spider-sidebar .spider-mode-panel{padding:20px}.spider-sidebar .spider-mode-panel h2{margin-bottom:6px}.spider-mode-panel h2 svg{color:#087cff;flex:none;width:25px;height:25px}.spider-mode-description{color:#6382ac;margin:0 0 16px;font-size:12px;line-height:1.5}.spider-mode-links{flex-direction:column;gap:12px;display:flex}.spider-mode-cards{order:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.spider-mode-cards>a{color:#112b54;text-align:center;background:linear-gradient(160deg,#fff,#f8fbff);border:1px solid #dfebf8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:94px;margin-top:0;padding:10px 4px;font-size:12px;font-weight:700;line-height:1.3;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.spider-mode-cards>a:hover{background:#f0f7ff;border-color:#8bbbff}.spider-mode-cards>a[aria-current=true]{color:#087cff;background:linear-gradient(160deg,#e9f6ff,#fff);border-color:#087cff;box-shadow:0 0 0 1px #087cff,inset 0 0 16px #deefff80}.spider-mode-cards>a:focus-visible,.spider-all-modes:focus-visible{outline-offset:3px;outline:3px solid #087cff}.spider-mode-symbols{justify-content:center;align-items:center;gap:1px;height:36px;font-size:26px;line-height:1;display:flex}.spider-mode-symbols.suits-1{font-size:36px}.spider-mode-symbols.suits-4{grid-template-columns:repeat(2,1fr);gap:0 3px;font-size:19px;display:grid}.spider-mode-symbols .red{color:#d24b61}.spider-sidebar .spider-all-modes{order:1;align-self:flex-start;margin-top:0;font-size:12px;text-decoration:none}@media (min-width:601px) and (max-width:959px){.spider-mode-panel{grid-column:1/-1}.spider-mode-cards>a{min-height:88px}.spider-mode-description{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.spider-mode-cards>a{transition:none}}.spider-seo-guide{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin-top:24px;padding:0}.spider-seo-guide>section,.spider-page .spider-faq{background:#ffffffed;border:1px solid #e1ecf8;border-radius:15px;min-width:0;padding:22px}.spider-seo-guide h2,.spider-page .spider-faq h2{letter-spacing:-.3px;margin:0 0 14px;font-size:20px;line-height:1.35}.spider-seo-guide p,.spider-seo-guide figcaption{color:#4b6792;margin:0;font-size:14px;line-height:1.75}.spider-seo-guide p+p{margin-top:12px}.spider-seo-guide a{color:#0865ce;text-underline-offset:3px}.spider-seo-guide>section>a{align-items:center;min-height:44px;margin-top:8px;font-weight:600;display:inline-flex}.spider-rule-list{margin:0}.spider-rule-list li:last-child{margin-bottom:0}.spider-difficulty-guide table{border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:1.5}.spider-difficulty-guide th,.spider-difficulty-guide td{vertical-align:top;border-bottom:1px solid #e3edf7;padding:12px 8px}.spider-difficulty-guide thead th{color:#4b6792;background:#f2f7fd;font-weight:500}.spider-difficulty-guide tbody th{width:32%;font-weight:600}.spider-difficulty-guide td{color:#4b6792}.spider-difficulty-guide tr:last-child>th,.spider-difficulty-guide tr:last-child>td{border-bottom:0}.spider-difficulty-guide td:nth-child(2){white-space:nowrap;letter-spacing:1px}.spider-move-guide figure{margin:0}.spider-move-demo{color:#214d40;background:#f0f7f5;border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:16px;padding:16px 10px;display:grid}.spider-move-demo>div>b{text-align:center;margin-bottom:12px;font-size:13px;display:block}.spider-demo-columns{justify-content:center;align-items:flex-start;gap:12px;min-height:142px;display:flex}.spider-demo-columns>div{position:relative}.spider-demo-columns small{text-align:center;font-size:9px;position:absolute;top:-3px;left:0;right:0;transform:translateY(-100%)}.spider-demo-stack{border:1px dashed #b3ccbf;border-radius:7px;flex-direction:column;flex:0 0 51px;width:51px;min-height:69px;display:flex}.spider-demo-stack span{color:#173e34;background:#fffef9;border:1px solid #bfd1c7;border-radius:6px;flex:none;height:69px;padding:5px 7px;font-size:17px;font-weight:650;line-height:1.2;display:block;position:relative;box-shadow:0 2px 3px #173e3410}.spider-demo-stack span+span{margin-top:-45px}.spider-demo-stack .is-red{color:#bf3447}.spider-demo-arrow{color:#187a56;font-size:23px}.spider-mobile-guide{grid-column:1/-1}.spider-page .spider-faq{margin:16px 0 24px}.spider-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 24px;display:grid}.spider-faq-grid details{min-width:0;padding:0}.spider-faq-grid summary{min-height:48px;padding:14px 0;font-size:14px;line-height:1.5}.spider-faq-grid p{margin:0 0 15px}.spider-seo-guide a:focus-visible,.spider-faq summary:focus-visible{outline-offset:3px;border-radius:3px;outline:3px solid #087cff}.spider-sidebar section:has(>a[href=\#spider-guide]) h2{margin-bottom:4px}.spider-sidebar section>a[href=\#spider-guide]{align-items:center;min-height:44px;margin-top:0;display:inline-flex}@media (max-width:767px){.spider-seo-guide{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:20px}.spider-seo-guide>section,.spider-page .spider-faq{padding:18px 16px}.spider-seo-guide h2,.spider-page .spider-faq h2{font-size:19px}.spider-faq-grid{grid-template-columns:minmax(0,1fr)}.spider-difficulty-guide th,.spider-difficulty-guide td{padding:10px 5px;font-size:12px}.spider-difficulty-guide td:nth-child(2){letter-spacing:0}.spider-move-demo{gap:5px;padding:16px 5px}.spider-demo-columns{gap:7px}.spider-demo-stack{flex-basis:45px;width:45px}.spider-demo-stack span{padding:5px;font-size:16px}}.spider-seo-guide h3{margin:18px 0 8px;font-size:16px;line-height:1.4}.spider-strategy-guide>div+div{border-top:1px solid #e3edf7;margin-top:22px;padding-top:18px}@media (max-width:600px){.spider-tools button{width:44px;min-width:44px;height:44px}}.spider-game[data-spider-busy].is-fullscreen,.spider-game[data-spider-busy]:fullscreen{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.spider-game[data-spider-busy].is-fullscreen>.spider-table,.spider-game[data-spider-busy]:fullscreen>.spider-table{overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow:auto}.spider-game[data-spider-busy].is-fullscreen>.spider-toolbar,.spider-game[data-spider-busy]:fullscreen>.spider-toolbar,.spider-game[data-spider-busy].is-fullscreen>.spider-completed,.spider-game[data-spider-busy]:fullscreen>.spider-completed,.spider-game[data-spider-busy].is-fullscreen>.spider-notice,.spider-game[data-spider-busy]:fullscreen>.spider-notice,.spider-game[data-spider-busy].is-fullscreen>.spider-controls,.spider-game[data-spider-busy]:fullscreen>.spider-controls{flex:none}@media (max-width:600px){.spider-game[data-spider-busy].is-fullscreen .spider-stock,.spider-game[data-spider-busy]:fullscreen .spider-stock{height:0;margin-left:auto;margin-right:14px;position:sticky;bottom:8px;transform:translateY(-80px)}.spider-game[data-spider-busy].is-fullscreen .spider-stock-button,.spider-game[data-spider-busy]:fullscreen .spider-stock-button{flex-shrink:0}}