.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.settings-modal{background:linear-gradient(180deg,#1a2f1c,#0f1f11);border-radius:16px;box-shadow:0 0 0 1px #d4af374d,0 20px 60px #00000080,0 0 40px #d4af371a;width:90%;max-width:420px;overflow:hidden;animation:slideUp .3s ease}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(212,175,55,.2);background:#0003}.settings-header h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:600;background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-close{background:none;border:none;font-size:1.75rem;color:#ffffff80;cursor:pointer;padding:0;line-height:1;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.settings-close:hover{color:var(--color-gold);background:#d4af371a}.settings-content{padding:24px}.settings-option{display:flex;align-items:flex-start;gap:16px;cursor:pointer;padding:12px;border-radius:8px;transition:background .2s ease}.settings-option:hover{background:#d4af370d}.settings-option input[type=checkbox]{width:22px;height:22px;margin-top:2px;cursor:pointer;accent-color:var(--color-gold)}.settings-option-text{display:flex;flex-direction:column;gap:6px}.settings-option-label{font-size:1rem;font-weight:500;color:#fff}.settings-option-description{font-size:.85rem;color:#fff9;line-height:1.5}.settings-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);margin:16px 0}.settings-section{padding:12px}.settings-section-label{display:block;font-size:1rem;font-weight:500;color:#fff;margin-bottom:16px}.card-style-selector{display:flex;gap:12px;justify-content:center}.card-style-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background:#0003;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.card-style-option:hover{background:#d4af371a;border-color:#d4af374d}.card-style-option.selected{background:#d4af3726;border-color:var(--color-gold);box-shadow:0 0 20px #d4af3733}.card-style-preview{width:50px;height:70px;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.card-style-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none;z-index:2}.card-style-preview-pattern{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:4px;box-shadow:inset 0 0 10px #0000004d}.card-style-preview-pattern:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;opacity:.6}.card-style-preview.royal-blue{background:linear-gradient(145deg,#1a365d,#0f2347,#0a1a3a);border:1px solid #2a4a7a}.card-style-preview.royal-blue .card-style-preview-pattern{background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(212,175,55,.15) 4px,rgba(212,175,55,.15) 5px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(212,175,55,.15) 4px,rgba(212,175,55,.15) 5px);border:1px solid rgba(212,175,55,.4)}.card-style-preview.royal-blue .card-style-preview-pattern:before{background:radial-gradient(circle,var(--color-gold) 0%,var(--color-gold-dark) 60%,transparent 70%)}.card-style-preview.crimson-red{background:linear-gradient(145deg,#6b1c23,#4a1219,#2d0a0e);border:1px solid #8b2a33}.card-style-preview.crimson-red .card-style-preview-pattern{background:radial-gradient(circle at 25% 25%,rgba(255,215,0,.1) 0%,transparent 30%),radial-gradient(circle at 75% 75%,rgba(255,215,0,.1) 0%,transparent 30%);border:1px solid rgba(255,215,0,.35)}.card-style-preview.crimson-red .card-style-preview-pattern:before{background:radial-gradient(circle,#ffd700 0%,#b8860b 60%,transparent 70%)}.card-style-preview.emerald-green{background:linear-gradient(145deg,#1a4d3a,#0f3326,#072118);border:1px solid #2a7a5a}.card-style-preview.emerald-green .card-style-preview-pattern{background:repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(192,192,192,.08) 6px,rgba(192,192,192,.08) 7px),repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(192,192,192,.08) 6px,rgba(192,192,192,.08) 7px);border:1px solid rgba(192,192,192,.3)}.card-style-preview.emerald-green .card-style-preview-pattern:before{background:radial-gradient(circle,#c0c0c0 0%,#808080 60%,transparent 70%)}.card-style-label{font-size:.75rem;color:#fffc;font-weight:500}.card-style-option.selected .card-style-label{color:var(--color-gold)}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;background:linear-gradient(180deg,#0006,#0003);border-bottom:1px solid rgba(212,175,55,.3);box-shadow:0 4px 20px #0000004d;position:relative}.game-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5),transparent)}.header-left{display:flex;align-items:center}.game-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-gold) 50%,var(--color-gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));letter-spacing:1px}.game-controls{display:flex;align-items:center;gap:20px;justify-content:flex-end}.game-stats{display:flex;gap:20px}.stat{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#0000004d;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.stat-label{font-size:.7rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.stat-value{font-family:Playfair Display,Georgia,serif;font-size:1.2rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-buttons{display:flex;gap:10px}.game-buttons-center{justify-content:center}.game-buttons-right{margin-left:16px}.control-button{padding:10px 20px;font-size:.85rem;font-weight:600;border:1px solid rgba(212,175,55,.4);border-radius:8px;cursor:pointer;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:#fff;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.control-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.control-button:hover:not(:disabled){background:linear-gradient(180deg,#d4af374d,#d4af371a);border-color:var(--color-gold);box-shadow:0 0 20px #d4af3733;transform:translateY(-1px)}.control-button:hover:not(:disabled):before{opacity:1}.control-button:active:not(:disabled){transform:translateY(0)}.control-button:disabled{opacity:.4;cursor:not-allowed}.control-button.primary{background:linear-gradient(180deg,var(--color-gold) 0%,var(--color-gold-dark) 100%);color:#0a1f0d;border-color:var(--color-gold-light);box-shadow:0 4px 12px #d4af374d}.control-button.primary:hover:not(:disabled){background:linear-gradient(180deg,var(--color-gold-light) 0%,var(--color-gold) 100%);box-shadow:0 6px 20px #d4af3766}.control-button.settings-button{padding:10px;display:flex;align-items:center;justify-content:center}.control-button.settings-button svg{display:block}@media (max-width: 768px){.game-header{grid-template-columns:1fr;gap:14px;padding:12px 16px}.header-left{justify-content:center}.game-title{font-size:1.4rem}.game-buttons-center{order:1}.game-controls{order:2;width:100%;justify-content:center;flex-wrap:wrap;gap:12px}.game-stats{gap:10px}.stat{padding:6px 10px}.stat-label{font-size:.6rem}.stat-value{font-size:1rem}.game-buttons-right{margin-left:0}.control-button{padding:8px 14px;font-size:.75rem}}.stat.uncovered{border-color:#64c8ff4d}.stat.uncovered .stat-label,.stat.uncovered .stat-value{color:#64c8ff}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.dialog{background:linear-gradient(180deg,#1a2f1c,#0f1f11);border-radius:16px;padding:32px;max-width:360px;text-align:center;box-shadow:0 0 0 1px #d4af374d,0 20px 60px #00000080,0 0 40px #d4af371a;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog h3{margin:0 0 12px;font-family:Playfair Display,Georgia,serif;font-size:1.5rem;background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dialog p{margin:0 0 24px;color:#fffc;font-size:.95rem;line-height:1.5}.dialog-buttons{display:flex;gap:12px;justify-content:center}.dialog-buttons button{padding:12px 24px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;background:#ffffff1a;color:#fff;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.dialog-buttons button:hover{background:#fff3;border-color:#fff6}.dialog-buttons button.primary{background:linear-gradient(180deg,var(--color-gold) 0%,var(--color-gold-dark) 100%);color:#0a1f0d;border-color:var(--color-gold-light)}.dialog-buttons button.primary:hover{background:linear-gradient(180deg,var(--color-gold-light) 0%,var(--color-gold) 100%);box-shadow:0 4px 20px #d4af3766}.card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background:var(--color-cream);box-shadow:var(--shadow-card);position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card.selected{box-shadow:0 0 0 3px var(--color-gold),var(--shadow-gold),var(--shadow-card-hover);transform:translateY(-6px)}.card.dragging{opacity:.95;transform:scale(1.05) rotate(2deg);box-shadow:0 16px 40px #00000080,0 8px 16px #0000004d;z-index:1000;pointer-events:none}.card.being-dragged{opacity:.3;transform:scale(.95);pointer-events:none}.card-back{overflow:hidden;isolation:isolate}.card-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;z-index:2}.card-back-pattern{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:calc(var(--card-radius) - 6px);box-shadow:inset 0 0 20px #0000004d}.card-back-pattern:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;opacity:.6}.card-back.royal-blue{background:linear-gradient(145deg,#1a365d,#0f2347,#0a1a3a);border:2px solid #2a4a7a}.card-back.royal-blue .card-back-pattern{background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(212,175,55,.15) 8px,rgba(212,175,55,.15) 9px),repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(212,175,55,.15) 8px,rgba(212,175,55,.15) 9px);border:2px solid rgba(212,175,55,.4)}.card-back.royal-blue .card-back-pattern:before{background:radial-gradient(circle,var(--color-gold) 0%,var(--color-gold-dark) 60%,transparent 70%)}.card-back.crimson-red{background:linear-gradient(145deg,#6b1c23,#4a1219,#2d0a0e);border:2px solid #8b2a33}.card-back.crimson-red .card-back-pattern{background:radial-gradient(circle at 25% 25%,rgba(255,215,0,.1) 0%,transparent 30%),radial-gradient(circle at 75% 75%,rgba(255,215,0,.1) 0%,transparent 30%),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,215,0,.08) 15deg,transparent 30deg);border:2px solid rgba(255,215,0,.35)}.card-back.crimson-red .card-back-pattern:before{background:radial-gradient(circle,#ffd700 0%,#b8860b 60%,transparent 70%)}.card-back.crimson-red .card-back-pattern:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(255,215,0,.2);border-radius:calc(var(--card-radius) - 14px)}.card-back.emerald-green{background:linear-gradient(145deg,#1a4d3a,#0f3326,#072118);border:2px solid #2a7a5a}.card-back.emerald-green .card-back-pattern{background:repeating-linear-gradient(0deg,transparent,transparent 12px,rgba(192,192,192,.08) 12px,rgba(192,192,192,.08) 13px),repeating-linear-gradient(90deg,transparent,transparent 12px,rgba(192,192,192,.08) 12px,rgba(192,192,192,.08) 13px),radial-gradient(ellipse at center,rgba(192,192,192,.1) 0%,transparent 60%);border:2px solid rgba(192,192,192,.3)}.card-back.emerald-green .card-back-pattern:before{background:radial-gradient(circle,#c0c0c0 0%,#808080 60%,transparent 70%)}.card-back.emerald-green .card-back-pattern:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:1px solid rgba(192,192,192,.2);border-radius:50%}.card-face{border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;padding:6px;background:linear-gradient(145deg,#fff,#faf8f0,#f5f3e8);overflow:hidden;isolation:isolate}.card-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,transparent 30%);pointer-events:none;z-index:0}.card-face.red{color:var(--color-card-red)}.card-face.black{color:var(--color-card-black)}.card-corner{display:flex;flex-direction:column;align-items:center;line-height:1;z-index:1}.card-corner.top-left{align-self:flex-start}.card-corner.bottom-right{align-self:flex-end;transform:rotate(180deg)}.card-rank{font-family:Playfair Display,Georgia,serif;font-size:var(--card-rank-size);font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.1)}.card-suit{font-size:var(--card-suit-size);line-height:1.1}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.card-suit-large{font-size:var(--card-center-suit-size);filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.card.animating{will-change:transform;pointer-events:none}.card.hinted{box-shadow:0 0 0 3px var(--color-gold),0 0 30px #d4af3799,0 0 60px #d4af374d,var(--shadow-card);animation:hint-pulse-premium 1.5s ease-in-out infinite}@keyframes hint-pulse-premium{0%,to{box-shadow:0 0 0 3px var(--color-gold),0 0 30px #d4af3799,0 0 60px #d4af374d,var(--shadow-card)}50%{box-shadow:0 0 0 4px var(--color-gold-light),0 0 40px #d4af37cc,0 0 80px #d4af3766,var(--shadow-card-hover)}}.pile{position:relative;width:var(--card-width);height:var(--card-height)}.pile-placeholder{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);border:2px dashed rgba(212,175,55,.25);background:#0003;box-shadow:inset 0 2px 8px #0000004d}.pile-placeholder.clickable{cursor:pointer;transition:all .2s ease}.pile-placeholder.clickable:hover{background:#0000004d;border-color:#d4af3766;box-shadow:inset 0 2px 8px #0000004d,0 0 15px #d4af371a}.pile-placeholder.drop-target{border-color:#d4af3759;background:#d4af370d}.stock-pile{cursor:pointer}.stock-pile .card{position:absolute;top:0;left:0}.stock-reset-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:var(--color-gold);opacity:.5;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .2s ease}.stock-pile:hover .stock-reset-indicator{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}.waste-pile .card{position:absolute;top:0;left:0}.foundation-pile{cursor:pointer}.foundation-pile .card{position:absolute;top:0;left:0}.foundation-suit-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;opacity:.25;text-shadow:0 2px 4px rgba(0,0,0,.2)}.foundation-suit-indicator.hearts,.foundation-suit-indicator.diamonds{color:var(--color-card-red)}.foundation-suit-indicator.clubs,.foundation-suit-indicator.spades{color:#fff9}.tableau-pile{min-height:calc(var(--card-height) + var(--tableau-offset) * 12)}.tableau-pile .card{position:absolute;left:0}.pile-placeholder.hint-destination{border-color:var(--color-gold);background:#d4af3726;box-shadow:inset 0 2px 8px #0003,0 0 30px #d4af374d,0 0 60px #d4af3726;animation:hint-destination-pulse-premium 1.5s ease-in-out infinite}.pile.hint-destination{position:relative}.pile.hint-destination:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--card-radius) + 4px);border:3px solid var(--color-gold);box-shadow:0 0 20px #d4af3780,0 0 40px #d4af374d,inset 0 0 20px #d4af371a;pointer-events:none;animation:hint-destination-border-pulse 1.5s ease-in-out infinite;z-index:10}@keyframes hint-destination-border-pulse{0%,to{border-color:var(--color-gold);box-shadow:0 0 20px #d4af3780,0 0 40px #d4af374d,inset 0 0 20px #d4af371a}50%{border-color:var(--color-gold-light);box-shadow:0 0 30px #d4af37b3,0 0 60px #d4af3766,inset 0 0 30px #d4af3733}}@keyframes hint-destination-pulse-premium{0%,to{border-color:var(--color-gold);background:#d4af3726;box-shadow:inset 0 2px 8px #0003,0 0 30px #d4af374d,0 0 60px #d4af3726}50%{border-color:var(--color-gold-light);background:#d4af3740;box-shadow:inset 0 2px 8px #0003,0 0 40px #d4af3780,0 0 80px #d4af3740}}.game-board{width:100%;max-width:980px;margin:0 auto;padding:var(--board-padding);display:flex;flex-direction:column;gap:28px}.top-row{display:flex;justify-content:space-between;gap:16px}.stock-waste-area,.foundations-area{display:flex;gap:16px}.tableau-row{display:flex;justify-content:space-between;gap:14px}.tableau-row>div{flex:1;min-width:0}.drag-preview{position:fixed;pointer-events:none;z-index:1000;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4))}.auto-complete-container{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:100}.auto-complete-button{background:linear-gradient(180deg,var(--color-gold) 0%,var(--color-gold-dark) 100%);color:#0a1f0d;border:none;padding:16px 32px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:30px;cursor:pointer;box-shadow:0 4px 20px #d4af3766,0 8px 32px #0000004d,inset 0 1px #ffffff4d;transition:all .2s ease;position:relative;overflow:hidden}.auto-complete-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auto-complete-button:hover{transform:scale(1.05);box-shadow:0 6px 30px #d4af3780,0 12px 40px #0000004d,inset 0 1px #ffffff4d}.auto-complete-button:hover:before{left:100%}.auto-complete-button:active{transform:scale(.98)}.no-moves-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#140a0af2,#0a0505fa);padding:20px 28px;display:flex;align-items:center;justify-content:center;gap:24px;z-index:150;animation:slideUp .3s ease-out;border-top:1px solid rgba(212,175,55,.3);box-shadow:0 -4px 30px #00000080}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.no-moves-text{font-family:Playfair Display,Georgia,serif;color:var(--color-gold);font-size:1.1rem;font-weight:600;letter-spacing:.5px}.no-moves-buttons{display:flex;gap:12px}.no-moves-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;cursor:pointer;transition:all .2s ease}.no-moves-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.no-moves-button:disabled{opacity:.4;cursor:not-allowed}.no-moves-button-primary{background:linear-gradient(180deg,var(--color-gold) 0%,var(--color-gold-dark) 100%);border-color:var(--color-gold);color:#0a1f0d}.no-moves-button-primary:hover{background:linear-gradient(180deg,var(--color-gold-light) 0%,var(--color-gold) 100%);border-color:var(--color-gold-light);box-shadow:0 4px 20px #d4af374d}.game-stuck-banner{background:linear-gradient(180deg,#3c1414f2,#1e0a0afa);border-top-color:#b4646466}.game-stuck-banner .no-moves-text{color:#e8a0a0}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-message{background:linear-gradient(180deg,#1a2f1c,#0f1f11);border-radius:24px;padding:48px 56px;text-align:center;box-shadow:0 0 0 1px #d4af3766,0 0 100px #d4af3733,0 30px 80px #0009;animation:winAppear .6s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.win-message:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(212,175,55,.1),transparent,rgba(212,175,55,.1),transparent);animation:shimmer 4s linear infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes winAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.win-message h2{position:relative;margin:0 0 12px;font-family:Playfair Display,Georgia,serif;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-gold) 50%,var(--color-gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.win-message p{position:relative;margin:0 0 16px;font-size:1.2rem;color:#fffc}.win-stats{position:relative;margin:0 0 28px;padding:16px 24px;background:#0000004d;border-radius:12px;border:1px solid rgba(212,175,55,.2)}.win-stats p{margin:0;font-size:1rem;color:#ffffffe6;line-height:1.8}.win-message button{position:relative;background:linear-gradient(180deg,var(--color-gold) 0%,var(--color-gold-dark) 100%);color:#0a1f0d;border:none;padding:14px 36px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #d4af3766;transition:all .2s ease}.win-message button:hover{background:linear-gradient(180deg,var(--color-gold-light) 0%,var(--color-gold) 100%);transform:translateY(-2px);box-shadow:0 8px 30px #d4af3780}@media (max-width: 600px){.game-board{padding:10px;gap:16px}.top-row{flex-direction:column;gap:14px}.stock-waste-area{justify-content:flex-start}.foundations-area{justify-content:flex-end}.tableau-row{gap:6px}.no-moves-banner{flex-direction:column;gap:14px;padding:16px 20px}.no-moves-text{font-size:.95rem}.no-moves-button{padding:8px 16px;font-size:.8rem}.win-message{padding:36px 28px}.win-message h2{font-size:2rem}}:root{--color-felt: #0a1f0d;--color-felt-light: #0f2912;--color-felt-dark: #061208;--color-gold: #d4af37;--color-gold-light: #f4d03f;--color-gold-dark: #b8960c;--color-cream: #faf8f0;--color-card-red: #c41e3a;--color-card-black: #1a1a1a;--card-width: 120px;--card-height: 168px;--card-radius: 14px;--card-rank-size: 22px;--card-suit-size: 17px;--card-center-suit-size: 50px;--board-padding: 20px;--tableau-offset: 28px;--card-animation-duration: .35s;--card-animation-easing: cubic-bezier(.25, .46, .45, .94);--shadow-card: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--shadow-gold: 0 0 20px rgba(212, 175, 55, .3)}@media (max-width: 600px){:root{--card-width: 13vw;--card-height: 18.2vw ;--card-radius: 6px;--card-rank-size: 11px;--card-suit-size: 9px;--card-center-suit-size: 22px;--board-padding: 8px;--tableau-offset: 20px}}@media (min-width: 601px) and (max-width: 900px){:root{--card-width: 100px;--card-height: 140px;--card-radius: 12px;--card-rank-size: 18px;--card-suit-size: 14px;--card-center-suit-size: 40px;--tableau-offset: 24px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at 50% 0%,rgba(15,41,18,.8) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(10,31,13,.9) 0%,transparent 40%),radial-gradient(ellipse at 20% 80%,rgba(10,31,13,.9) 0%,transparent 40%),linear-gradient(180deg,#0f2912,#0a1f0d,#061208);background-attachment:fixed;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main-content{flex:1;display:flex;flex-direction:column;padding-top:20px}.app.dragging{user-select:none;-webkit-user-select:none}@media (hover: none) and (pointer: coarse){.card:hover{transform:none;box-shadow:var(--shadow-card)}.card:active{transform:scale(.98)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0003;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-gold) 0%,var(--color-gold-dark) 100%);border-radius:5px;border:2px solid rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-gold-light) 0%,var(--color-gold) 100%)}
