.spider-difficulty-btn{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2px;cursor:pointer;height:32px;display:inline-flex;align-items:center;min-width:170px;margin-right:10px;&:hover { background:rgba(0,0,0,0.4); border-color:rgba(255,255,255,0.3); } &.difficulty-2 .difficulty-slider { transform:translateX(98%); } &.difficulty-4 .difficulty-slider { transform:translateX(200%); }}.difficulty-track{position:relative;width:100%;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.difficulty-option{font-size:clamp(10px,1vw,12px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.6);z-index:2;padding:0 6px;text-align:center;flex:1;white-space:nowrap;&.active { color: #ffffff; }}.difficulty-slider{position:absolute;top:2px;left:2px;width:32%;height:24px;background:#4caf50;border-radius:16px;z-index:1;transition:transform .3s ease}.card.complete-sequence{box-shadow:0 0 15px rgba(76,175,80,.8);border:2px solid rgba(76,175,80,.9);&::after { content:""; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; border:2px solid #4caf50; border-radius:8px; pointer-events:none; animation:completeSequencePulse 2s infinite; }}@keyframes completeSequencePulse{0%,100%{opacity:.5}50%{opacity:1}}.stock-deal-animation{animation:stockDealFly .3s ease-out forwards}@keyframes stockDealFly{0%{transform:scale(1)rotate(0);opacity:1}50%{transform:scale(1.1)rotate(180deg);opacity:.8}100%{transform:scale(1)rotate(360deg);opacity:1}}.tableau-pile .card.sp-deal{animation:spStockToTableau .24s linear forwards;will-change:transform;backface-visibility:hidden}@keyframes spStockToTableau{0%{transform:translate(var(--sp-start-x,0px),var(--sp-start-y,0px))rotate(0)}100%{transform:translate(0,0)rotate(360deg)}}playing-card.card{touch-action:none;-webkit-user-select:none;user-select:none}playing-card.card>img{pointer-events:none;-webkit-user-drag:none}.pile .pile-background{pointer-events:none}.tableau-pile .card.sp-flip{animation:spFlip .3s ease-in-out;transform-style:preserve-3d;backface-visibility:hidden}@keyframes spFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}