.spider-shell{--card-w:clamp(60px, 7.6vw, 122px);--card-h:calc(var(--card-w) * 1.4);--hidden-step:clamp(11px, 1.35vh, 18px);--visible-step:clamp(24px, 3.15vh, 38px);color:#f5f0e5;height:100%;min-height:0;font-family:var(--font-sans);background:radial-gradient(circle at 50% -20%,#84ae913d,#0000 45%),radial-gradient(circle at 92% 100%,#cb9f521a,#0000 35%),repeating-linear-gradient(112deg,#0000 0 4px,#ffffff03 5px 6px),#0c3629;position:relative;overflow:hidden}.spider-shell:before{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(#ffffff0b .7px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0;box-shadow:inset 0 0 140px #00000085}.spider-toolbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#051813e6,#051813b8);border-bottom:1px solid #f0d79f26;grid-template-columns:minmax(118px,1fr) auto minmax(300px,1fr);align-items:center;gap:20px;min-height:68px;padding:10px clamp(14px,2vw,32px);display:grid;position:relative;box-shadow:0 12px 35px #0003}.spider-game-title{gap:1px;display:grid}.spider-game-title span{color:#9eb6a9;font:500 .57rem var(--font-mono);letter-spacing:.16em}.spider-game-title strong{color:#fff9eb;font:600 1.34rem/1.05 var(--font-display);letter-spacing:-.03em}.spider-game-title em{color:#7f9a8c;font:.52rem var(--font-mono);letter-spacing:.08em;white-space:nowrap;font-style:normal}.spider-tools{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.spider-tools button{color:#dce9df;min-height:36px;font:600 .64rem var(--font-mono);cursor:pointer;background:#ffffff0b;border:1px solid #e0cc9b24;border-radius:9px;padding:0 12px;transition:all .18s}.spider-tools button:hover:not(:disabled){color:#fff4cf;background:#ffffff16;border-color:#eacb836b;transform:translateY(-1px)}.spider-tools button:disabled{opacity:.3;cursor:not-allowed}.spider-tools button.is-icon{min-width:36px;padding:0 9px;font-size:.82rem}.spider-stats{justify-content:flex-end;gap:clamp(9px,1.5vw,24px);display:flex}.spider-stats span{gap:3px;min-width:40px;display:grid}.spider-stats small{color:#809b8d;font:.5rem var(--font-mono);letter-spacing:.12em}.spider-stats b{color:#efe4c7;font:600 .7rem var(--font-mono)}.spider-top-row{z-index:4;grid-template-columns:190px 1fr auto;align-items:center;gap:22px;height:112px;padding:13px clamp(14px,2vw,32px) 7px;display:grid;position:relative}.spider-stock{color:#b7c8bf;cursor:pointer;background:0 0;border:0;width:152px;height:80px;padding:0;position:relative}.spider-stock:disabled{cursor:default;opacity:.55}.spider-stock i{background:var(--card-back) center / contain no-repeat;filter:drop-shadow(0 5px 5px #00000040);border-radius:6px;width:49px;height:69px;position:absolute;top:0;left:0}.spider-stock span{font:.56rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;position:absolute;bottom:-1px;left:0}.spider-foundations{grid-column:3;gap:5px;display:flex}.spider-foundations>span{color:#e1d5b321;background:#0000001f;border:1px solid #dce7df1a;border-radius:7px;place-items:center;width:42px;height:58px;font:1.25rem Georgia,serif;display:grid}.spider-foundations>span:after{content:"♠"}.spider-foundations>span.is-complete{color:#1a2b23;background:linear-gradient(145deg,#f7f0df,#d9caa8);box-shadow:0 5px 14px #0003}.spider-foundations>span.is-complete:after{content:""}.spider-tableau{z-index:3;grid-template-columns:repeat(10, var(--card-w));justify-content:space-between;gap:clamp(4px,.8vw,14px);height:calc(100% - 222px);min-height:0;padding:0 clamp(8px,1.7vw,28px) 18px;display:grid;position:relative;overflow:auto hidden}.spider-status-footer{z-index:10;color:#b8cec2;letter-spacing:.01em;text-align:center;background:linear-gradient(#05181373,#051813d1);border-top:1px solid #f0d79f1f;justify-content:center;align-items:center;gap:9px;height:42px;padding:0 clamp(120px,13vw,210px);font-size:.7rem;display:flex;position:relative}.spider-status-footer span{color:#e7c77b}.spider-column{width:var(--card-w);min-width:var(--card-w);border-radius:10px;height:100%;transition:background .2s;position:relative}.spider-column.is-hint-target{background:#ebcd7c14;box-shadow:inset 0 0 0 1px #ebcd7c2e}.spider-empty-mark{width:var(--card-w);height:var(--card-h);color:#e2efe512;background:#00000014;border:1px solid #dfece214;border-radius:9px;place-items:center;font:2rem Georgia,serif;display:grid;position:absolute;top:0;left:0}.spider-card{top:calc(var(--hidden-before) * var(--hidden-step) + var(--visible-before) * var(--visible-step));width:var(--card-w);min-width:var(--card-w);max-width:var(--card-w);height:var(--card-h);cursor:pointer;text-align:left;filter:drop-shadow(0 4px 4px #00000040);background:0 0;border:0;border-radius:clamp(5px,.55vw,10px);padding:0;transition:transform .16s,filter .16s;position:absolute;left:0}.spider-card:hover{filter:drop-shadow(0 8px 7px #0000004d);transform:translateY(-2px)}.spider-card.is-selected{filter:drop-shadow(0 0 7px #f6d783)drop-shadow(0 9px 8px #00000059);transform:translateY(-7px)}.spider-card.is-hinted{animation:1s ease-in-out infinite spider-hint}@keyframes spider-hint{0%,to{filter:drop-shadow(0 4px 4px #00000040)}50%{filter:drop-shadow(0 0 9px #f5d57b)}}.spider-back,.spider-face{border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.spider-back{background:var(--card-back) center / 100% 100% no-repeat}.spider-face{color:#17211d;background:#f3eddf;font-family:Georgia,Times New Roman,serif;box-shadow:inset 0 0 0 1px #30261d6b}.spider-face.is-hearts,.spider-face.is-diamonds{color:#a21f32}.spider-generated-face{background-image:var(--face-sheet);background-repeat:no-repeat;background-size:400% 400%;background-position:var(--face-x) var(--face-y);clip-path:inset(0 round 6%);display:block;position:absolute;inset:0;transform:translateZ(0)}.spider-corner{z-index:2;justify-items:center;line-height:.83;display:grid;position:absolute;top:5%;left:8%}.spider-corner b{font-size:clamp(.82rem,1.5vw,1.4rem)}.spider-corner i{font-size:clamp(.66rem,1.2vw,1.05rem);font-style:normal}.spider-corner.is-bottom{inset:auto 8% 5% auto;transform:rotate(180deg)}.spider-pips{grid-template-columns:repeat(2,1fr);align-content:space-around;place-items:center;display:grid;position:absolute;inset:20% 22%}.spider-pips i{font-size:clamp(.52rem,.9vw,1.05rem);font-style:normal;line-height:.7}.spider-pips i:last-child:nth-child(odd){grid-column:1/-1}.spider-pips.is-rank-1{grid-template-columns:1fr;inset:28%}.spider-pips.is-rank-1 i{font-size:clamp(1.45rem,2.6vw,3rem)}.spider-pips.is-rank-2,.spider-pips.is-rank-3{grid-template-columns:1fr;inset:23% 25%}.spider-pips.is-rank-2 i,.spider-pips.is-rank-3 i{font-size:clamp(.9rem,1.65vw,1.8rem)}.spider-court-art{background:linear-gradient(145deg,#c6a15626,#0000 55%);border:1px solid;place-items:center;display:grid;position:absolute;inset:18% 22%;transform:rotate(4deg)}.spider-court-art:before,.spider-court-art:after{content:"";border:1px solid #b78f4152;position:absolute;inset:5px}.spider-court-art:after{inset:14px;transform:rotate(45deg)}.spider-court-art i{opacity:.2;font-size:clamp(1.35rem,2.7vw,3rem);font-style:normal}.spider-court-art b{text-shadow:1px 1px #f4e7c6;font-size:clamp(1.4rem,2.7vw,3rem);position:absolute}.spider-court-art span{color:#b78b3e;position:absolute;bottom:6%}.spider-skin-picker{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071b15f5;border:1px solid #efdaa633;border-radius:16px;width:min(720px,100% - 28px);max-height:calc(100% - 76px);padding:16px;position:absolute;top:62px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 70px #00000080}.spider-skin-picker header{color:#d9cba9;font:.7rem var(--font-mono);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.spider-skin-picker header button{color:#c7d5cd;cursor:pointer;background:0 0;border:0;font-size:1.3rem}.spider-skin-picker section+section{border-top:1px solid #ffffff14;margin-top:14px;padding-top:13px}.spider-skin-picker h3{color:#8fa79a;font:.58rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px}.spider-face-skins,.spider-back-skins{gap:9px;display:grid}.spider-face-skins{grid-template-columns:repeat(3,1fr)}.spider-back-skins{grid-template-columns:repeat(5,1fr)}.spider-face-skins button,.spider-back-skins button{color:#adc1b5;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:10px;padding:9px;transition:all .18s}.spider-face-skins button:hover,.spider-back-skins button:hover{background:#fff1}.spider-face-skins button.is-active,.spider-back-skins button.is-active{color:#fff1c8;background:#e4c7771a;border-color:#e4c777}.spider-face-skins button{text-align:left;grid-template-rows:auto auto;grid-template-columns:52px 1fr;align-items:center;column-gap:11px;display:grid}.spider-face-skin-preview{background:#f3eddf;border-radius:5px;grid-row:1/3;width:48px;height:67px;display:block;position:relative;overflow:hidden;box-shadow:0 5px 10px #00000047}.spider-face-skins strong{align-self:end;font-size:.68rem}.spider-face-skins small{color:#80998b;align-self:start;font-size:.56rem}.spider-back-skins img{object-fit:fill;border-radius:5px;width:52px;height:73px;margin:0 auto 7px;display:block}.spider-back-skins span{font-size:.56rem;line-height:1.25;display:block}.spider-modal,.spider-win{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03100cb8;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.spider-modal>div,.spider-win>div{text-align:center;background:radial-gradient(circle at 50% 0,#46745947,#0000 50%),#09271e;border:1px solid #e9cf913d;border-radius:24px;width:min(620px,100%);padding:clamp(28px,5vw,54px);position:relative;box-shadow:0 35px 100px #0000008c}.spider-modal-close{color:#adc0b5;cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:15px;right:17px}.spider-modal>div>span,.spider-win small{color:#dcbf76;font:.62rem var(--font-mono);letter-spacing:.16em}.spider-modal h2,.spider-win h2{font:600 clamp(2rem, 5vw, 3.5rem)/.95 var(--font-display);letter-spacing:-.05em;margin:12px 0 8px}.spider-modal p,.spider-win p{color:#9fb6aa;max-width:430px;margin:0 auto 24px;font-size:.78rem;line-height:1.55}.spider-modal section{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.spider-modal section button{color:#eef4ef;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;gap:4px;padding:20px 10px;transition:all .2s;display:grid}.spider-modal section button:hover{background:#e1c5741a;border-color:#e1c574;transform:translateY(-3px)}.spider-modal section b{color:#e6ca80;font:2rem Georgia,serif}.spider-modal section span{font-weight:700}.spider-modal section small{color:#91a89c;font-size:.62rem}.spider-help-modal>div{width:min(700px,100%)}.spider-help-modal .spider-rules{text-align:left;grid-template-columns:1fr;gap:8px;display:grid}.spider-help-modal .spider-rules p{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:34px 1fr;gap:10px;max-width:none;margin:0;padding:13px 15px;display:grid}.spider-help-modal .spider-rules b{color:#e6ca80;font:.72rem var(--font-mono)}.spider-help-modal .spider-rules span{color:#b8c9bf;font-size:.73rem;line-height:1.5}.spider-shortcuts{text-align:left;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:7px 10px;margin-top:14px;display:grid}.spider-shortcuts kbd{color:#ead794;font:.58rem var(--font-mono);background:#00000029;border:1px solid #e5c87940;border-radius:6px;padding:5px 7px}.spider-shortcuts span{color:#8fa79a;font-size:.66rem}.spider-help-ok{color:#14281f;cursor:pointer;background:#e5c879;border:0;border-radius:9px;margin:18px auto 0;padding:12px 20px;font-weight:800}.spider-win>div>span{color:#ead184;margin-bottom:9px;font-size:3rem;animation:1.5s ease-in-out infinite spider-win-pulse;display:block}@keyframes spider-win-pulse{50%{filter:drop-shadow(0 0 18px #e6c66d);transform:scale(1.12)}}.spider-win button{color:#14281f;cursor:pointer;background:#e5c879;border:0;border-radius:10px;padding:14px 22px;font-weight:800}.spider-progress{background:#0000003d;border-radius:99px;grid-column:2;max-width:340px;height:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e8d6a81a}.spider-progress i{border-radius:inherit;background:linear-gradient(90deg,#8fb79a,#e6c977);transition:width .35s;display:block;position:absolute;inset:0 auto 0 0}.spider-column.is-lifted{z-index:6}.spider-ghost-layer{z-index:70;pointer-events:none;position:fixed;inset:0}.spider-ghost{filter:drop-shadow(0 7px 9px #0000005c);border-radius:clamp(5px,.55vw,10px);position:absolute;overflow:hidden}.spider-foundations>span.is-complete{animation:.45s ease-out .34s backwards spider-foundation-pop}@keyframes spider-foundation-pop{0%{opacity:.25;transform:scale(.72)}60%{transform:scale(1.1)}to{opacity:1;transform:none}}.spider-tableau.is-paused .spider-card,.spider-tableau.is-paused .spider-empty-mark{filter:blur(9px);pointer-events:none}.spider-pause-veil{z-index:12;background:#061a146b;place-items:center;display:grid;position:absolute;inset:0}.spider-pause-veil>div{color:#e9dcb4;justify-items:center;gap:7px;display:grid}.spider-pause-veil span{font-size:2.4rem}.spider-pause-veil strong{font:600 1.5rem var(--font-display);letter-spacing:-.03em}.spider-pause-veil button{color:#14281f;cursor:pointer;background:#e5c879;border:0;border-radius:9px;margin-top:5px;padding:10px 18px;font-weight:800}.spider-dead-end{z-index:11;color:#f0c7b4;background:#60281c61;border:1px solid #e6927657;border-radius:99px;align-items:center;gap:10px;width:fit-content;max-width:calc(100% - 24px);padding:7px 14px;font-size:.7rem;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.spider-dead-end button{color:#f6ded1;font:600 .62rem var(--font-mono);cursor:pointer;background:0 0;border:1px solid #f0c7b44d;border-radius:99px;padding:5px 11px}.spider-dead-end button:hover:not(:disabled){background:#ffffff14}.spider-dead-end button:disabled{opacity:.35;cursor:not-allowed}.spider-seed-row{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:16px;display:grid}.spider-seed-row label{color:#8fa79a;font:.58rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.spider-seed-row input{color:#f1f6f2;min-width:0;font:.78rem var(--font-mono);letter-spacing:.1em;background:#00000038;border:1px solid #ffffff1f;border-radius:9px;padding:10px 12px}.spider-seed-row input:focus-visible{outline-offset:1px;outline:2px solid #e5c8798c}.spider-seed-row button{color:#14281f;cursor:pointer;background:#e5c879;border:0;border-radius:9px;padding:10px 16px;font-weight:800}.spider-seed-row button:disabled{opacity:.35;cursor:not-allowed}.spider-replay{color:#b3c7bb;cursor:pointer;background:0 0;border:1px dashed #ffffff29;border-radius:9px;width:100%;margin-top:9px;padding:10px;font-size:.7rem}.spider-replay:hover{color:#f0dfae;border-color:#e5c87966}.spider-stats-modal>div{width:min(760px,100%)}.spider-stats-table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:.68rem}.spider-stats-table th,.spider-stats-table td{text-align:right;border-bottom:1px solid #ffffff12;padding:8px 6px}.spider-stats-table thead th{color:#8fa79a;font:.55rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.spider-stats-table tbody th{color:#eadfbe;text-align:left;font-weight:700}.spider-stats-table tbody td{color:#c2d3c8;font-family:var(--font-mono)}.spider-stats-table tr.is-current th,.spider-stats-table tr.is-current td{color:#f7e6b4;background:#e5c87912}.spider-stats-modal p.spider-stats-note{color:#9fb6aa;max-width:none;margin:0 0 14px;font-size:.7rem}.spider-stats-note b{color:#eadfbe}.spider-stats-reset{color:#eec3b1;cursor:pointer;background:0 0;border:1px solid #f0a89247;border-radius:9px;padding:9px 16px;font-size:.68rem}.spider-stats-reset:hover{background:#f0a8921a}.spider-win-actions{justify-content:center;gap:9px;display:flex}.spider-win-actions .is-ghost{color:#d7e3da;background:0 0;box-shadow:inset 0 0 0 1px #ffffff29}@media (max-width:1100px){.spider-toolbar{grid-template-columns:auto 1fr}.spider-tools{justify-self:end}.spider-stats{grid-column:1/-1;justify-content:center}.spider-top-row{grid-template-columns:135px 1fr auto}.spider-foundations>span{width:31px;height:43px}.spider-progress{max-width:220px}}@media (max-width:760px){.spider-shell{--card-w:68px;--hidden-step:12px;--visible-step:27px;overflow:auto}.spider-toolbar{grid-template-columns:1fr auto;gap:8px;padding:9px 10px;position:sticky;top:0}.spider-game-title span{display:none}.spider-tools{flex-wrap:nowrap;max-width:calc(100vw - 110px);overflow-x:auto}.spider-tools button{flex:none;padding:0 8px}.spider-tools button.is-icon{min-width:32px;padding:0 7px}.spider-stats{display:none}.spider-game-title em{font-size:.48rem}.spider-progress{max-width:none}.spider-dead-end{flex-wrap:wrap;justify-content:center;width:auto;max-width:none;bottom:50px;left:12px;right:12px;transform:none}.spider-seed-row{grid-template-columns:1fr auto}.spider-seed-row label{grid-column:1/-1}.spider-stats-table{font-size:.6rem}.spider-stats-table th,.spider-stats-table td{padding:7px 3px}.spider-win-actions{flex-direction:column}.spider-top-row{grid-template-columns:130px 1fr 270px;width:760px;height:96px;padding-left:12px}.spider-tableau{grid-template-columns:repeat(10,68px);gap:7px;width:760px;height:690px;padding:0 8px 20px;overflow:visible}.spider-status-footer{width:760px;height:40px;padding:0 90px;font-size:.62rem}.spider-skin-picker{position:fixed;top:64px}.spider-face-skins{grid-template-columns:1fr}.spider-back-skins{grid-template-columns:repeat(2,1fr)}.spider-back-skins img{width:42px;height:59px}.spider-modal,.spider-win{position:fixed}.spider-modal section{grid-template-columns:1fr}}@media (max-height:720px) and (min-width:761px){.spider-shell{--hidden-step:10px;--visible-step:23px}.spider-toolbar{min-height:58px;padding-block:7px}.spider-top-row{height:84px;padding-top:6px}.spider-tableau{height:calc(100% - 180px)}.spider-status-footer{height:38px}.spider-stock{transform-origin:0;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.spider-card,.spider-win>div>span{transition:none;animation:none}.spider-foundations>span.is-complete{animation:none}.spider-progress i{transition:none}}