body.spider-page{--spider-card-width:clamp(25px, 9vw, 80px);--spider-card-height:calc(var(--spider-card-width) * 1.42);--spider-gap:clamp(2px, 1vw, 10px)}.spider-page{--card-width:var(--spider-card-width);--card-height:var(--spider-card-height);--card-radius:6px}.spider-page #game-container{box-sizing:border-box;width:100%;max-width:1000px;padding:var(--spider-gap);flex-direction:column;margin:0 auto;display:flex;overflow-x:hidden}.spider-page .slot,.spider-page .stock-pile,.spider-page .card{width:var(--spider-card-width)!important;height:var(--spider-card-height)!important;box-sizing:border-box!important}.spider-page .top-row{width:100%;margin-bottom:calc(var(--spider-gap) * 2);justify-content:space-between;display:flex}.spider-page .left-group,.spider-page .right-group{gap:var(--spider-gap);display:flex}.spider-page .stock-pile{color:#ffffff80;cursor:pointer;background-color:#0003;border:2px dashed #ffffff4d;border-radius:6px;justify-content:center;align-items:center;font-size:clamp(.6rem,1.5vw,1rem);display:flex;position:relative}.spider-page .completed-slot{opacity:.5;background-color:#0000001a;border:2px dashed #ffffff26;border-radius:6px;position:relative}.spider-page .stock-pile .card,.spider-page .top-row .card{position:absolute;top:0;left:0}.spider-page .spider-grid{gap:var(--spider-gap);grid-template-columns:repeat(10,minmax(0,1fr));width:100%;display:grid}.spider-page .tableau-col{min-height:calc(var(--spider-card-height) * 4);position:relative}.spider-page .tableau-bg{cursor:pointer;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.spider-page .tableau-col .card{--vert-overlap:calc(var(--spider-card-height) * .3);position:absolute;left:50%;transform:translate(-50%)}.spider-page .card{width:var(--card-width);height:var(--card-height);border-radius:6px;position:absolute}.spider-page .stock-pile .card,.spider-page .top-row .card{top:0;left:0;box-shadow:-2px 2px 5px #00000080}.spider-page .card.back{background:var(--card-back-bg);border:var(--card-back-border);box-shadow:var(--card-back-shadow);cursor:default}.spider-page .card.back:before{content:"";inset:calc(var(--card-width) * .07);border:1.5px solid var(--card-back-frame);border-radius:calc(var(--card-radius) * .6);pointer-events:none;position:absolute}.spider-page .card.back *{display:none}.spider-page select.difficulty-select{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #3b82f6;border-radius:4px;padding:8px 12px;font-family:Poppins,sans-serif}.spider-page .completed-slot{opacity:.5}.spider-page .completed-slot.filled{opacity:1;border:1px solid #0f9;box-shadow:0 0 10px #00ff994d}.spider-page header{box-sizing:border-box;width:100%;padding:10px var(--spider-gap,15px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;height:auto;display:flex}.spider-page .logo{flex:1;min-width:120px;font-size:clamp(1rem,4vw,1.5rem)}.spider-page .controls-row{align-items:center;gap:clamp(8px,2vw,15px);display:flex}.spider-page .controls-row span,.spider-page .controls-row .btn{white-space:nowrap}.spider-page .difficulty-select{text-overflow:ellipsis;max-width:150px;padding:6px 10px;font-size:clamp(.75rem,2.5vw,.9rem)}@media (width<=650px){.spider-page .controls-row{border-top:1px solid #ffffff1a;justify-content:space-between;width:100%;margin-top:5px;padding-top:10px}.spider-page #score-disp{font-weight:700;margin-left:0!important}}