*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--card-w:72px;--card-h:100px;--card-gap:8px;--stack-offset:28px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-image:url(../images/main-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#e5e7eb;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a{color:#3b82f6;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.app{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:1rem;max-width:1200px;margin:0 auto}.game{flex:1;display:flex;flex-direction:column;gap:.75rem}.top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.foundations,.free-cells{display:flex;gap:var(--card-gap,8px);flex-wrap:wrap}.tableau{display:flex;justify-content:center;gap:var(--card-gap,8px);flex:1;align-items:flex-start;padding-top:.25rem}.pile{width:var(--card-w,72px);min-height:var(--card-h,100px);position:relative}.controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem;margin-top:.5rem}@media screen and (orientation:landscape)and (max-height:560px){.controls{justify-content:flex-start}}.controls__stat{font-variant-numeric:tabular-nums;padding:0 .4rem;white-space:nowrap;color:#fffdb1;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.controls .timer-container{display:flex;justify-content:center;align-items:center;border-radius:46px;background:rgba(0,0,0,.4);width:116px;height:50px}.controls .count-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px 0 15px;border-radius:46px;background:rgba(0,0,0,.4);width:116px;height:50px}.controls__buttons-wrapper{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 40px;border-radius:46px;background:rgba(0,0,0,.4);height:50px}.controls .control-button{display:block;padding:2px;background:0 0;border:none;width:30px;height:30px;cursor:pointer}.controls .control-button--redo img{transform:rotateY(180deg)}.card{width:var(--card-w,72px);height:var(--card-h,100px);background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;cursor:default;position:absolute;left:0;box-shadow:0 2px 6px rgba(0,0,0,.35);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;z-index:1}.card.dragging{opacity:.4;z-index:1000}.card.hint{box-shadow:0 0 0 3px #22c55e,0 0 18px rgba(34,197,94,.5);animation:.9s ease-in-out infinite pulse-hint}.card.movable{cursor:grab}.card.red{color:#dc2626}.card.black{color:#1f2937}.card-corner{display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700}.card-corner.bottom-right{align-self:flex-end;transform:rotate(180deg)}.card-rank{font-size:1.05rem}.card-suit{font-size:.85rem}.card-center{font-size:1.8rem;text-align:center;line-height:1}.pile .card{position:absolute}.slot .card{position:relative;top:0!important}.slot{width:var(--card-w,72px);height:var(--card-h,100px);background-image:url(../images/free-cells.png);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s}.slot.foundation{border-color:rgba(34,197,94,.35)}.slot.foundation[data-key=hearts]{background-image:url(../images/foundation-hearts.png)}.slot.foundation[data-key=diamonds]{background-image:url(../images/foundation-diamonds.png)}.slot.foundation[data-key=clubs]{background-image:url(../images/foundation-clubs.png)}.slot.foundation[data-key=spades]{background-image:url(../images/foundation-spades.png)}.slot.foundation[data-key=hearts_0]{background-image:url(../images/foundation-hearts.png)}.slot.foundation[data-key=diamonds_0]{background-image:url(../images/foundation-diamonds.png)}.slot.foundation[data-key=clubs_0]{background-image:url(../images/foundation-clubs.png)}.slot.foundation[data-key=spades_0]{background-image:url(../images/foundation-spades.png)}.slot.foundation[data-key=hearts_1]{background-image:url(../images/foundation-hearts.png)}.slot.foundation[data-key=diamonds_1]{background-image:url(../images/foundation-diamonds.png)}.slot.foundation[data-key=clubs_1]{background-image:url(../images/foundation-clubs.png)}.slot.foundation[data-key=spades_1]{background-image:url(../images/foundation-spades.png)}.slot.hint{border:3px dashed #22c55e!important;box-shadow:0 0 18px rgba(34,197,94,.5);animation:.9s ease-in-out infinite pulse-hint}.slot-label{font-size:1.6rem;opacity:.55}.slot-label.red{color:#e74c4c}.slot-label.black{color:#9ca3af}.drop-target{box-shadow:0 0 0 3px rgba(59,130,246,.6),0 0 16px rgba(59,130,246,.3)!important;border-color:#3b82f6!important}.pile.drop-target{border-radius:8px;background:rgba(59,130,246,.08)}@keyframes pulse-hint{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}.card[data-rank][data-suit]{background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center;background-size:cover;padding:0}.card[data-rank][data-suit] .card-center,.card[data-rank][data-suit] .card-corner{display:none}.card[data-rank=A][data-suit=hearts]{background-image:url(../images/cards/A_hearts.png)}.card[data-rank="2"][data-suit=hearts]{background-image:url(../images/cards/2_hearts.png)}.card[data-rank="3"][data-suit=hearts]{background-image:url(../images/cards/3_hearts.png)}.card[data-rank="4"][data-suit=hearts]{background-image:url(../images/cards/4_hearts.png)}.card[data-rank="5"][data-suit=hearts]{background-image:url(../images/cards/5_hearts.png)}.card[data-rank="6"][data-suit=hearts]{background-image:url(../images/cards/6_hearts.png)}.card[data-rank="7"][data-suit=hearts]{background-image:url(../images/cards/7_hearts.png)}.card[data-rank="8"][data-suit=hearts]{background-image:url(../images/cards/8_hearts.png)}.card[data-rank="9"][data-suit=hearts]{background-image:url(../images/cards/9_hearts.png)}.card[data-rank="10"][data-suit=hearts]{background-image:url(../images/cards/10_hearts.png)}.card[data-rank=J][data-suit=hearts]{background-image:url(../images/cards/J_hearts.png)}.card[data-rank=Q][data-suit=hearts]{background-image:url(../images/cards/Q_hearts.png)}.card[data-rank=K][data-suit=hearts]{background-image:url(../images/cards/K_hearts.png)}.card[data-rank=A][data-suit=diamonds]{background-image:url(../images/cards/A_diamonds.png)}.card[data-rank="2"][data-suit=diamonds]{background-image:url(../images/cards/2_diamonds.png)}.card[data-rank="3"][data-suit=diamonds]{background-image:url(../images/cards/3_diamonds.png)}.card[data-rank="4"][data-suit=diamonds]{background-image:url(../images/cards/4_diamonds.png)}.card[data-rank="5"][data-suit=diamonds]{background-image:url(../images/cards/5_diamonds.png)}.card[data-rank="6"][data-suit=diamonds]{background-image:url(../images/cards/6_diamonds.png)}.card[data-rank="7"][data-suit=diamonds]{background-image:url(../images/cards/7_diamonds.png)}.card[data-rank="8"][data-suit=diamonds]{background-image:url(../images/cards/8_diamonds.png)}.card[data-rank="9"][data-suit=diamonds]{background-image:url(../images/cards/9_diamonds.png)}.card[data-rank="10"][data-suit=diamonds]{background-image:url(../images/cards/10_diamonds.png)}.card[data-rank=J][data-suit=diamonds]{background-image:url(../images/cards/J_diamonds.png)}.card[data-rank=Q][data-suit=diamonds]{background-image:url(../images/cards/Q_diamonds.png)}.card[data-rank=K][data-suit=diamonds]{background-image:url(../images/cards/K_diamonds.png)}.card[data-rank=A][data-suit=clubs]{background-image:url(../images/cards/A_clubs.png)}.card[data-rank="2"][data-suit=clubs]{background-image:url(../images/cards/2_clubs.png)}.card[data-rank="3"][data-suit=clubs]{background-image:url(../images/cards/3_clubs.png)}.card[data-rank="4"][data-suit=clubs]{background-image:url(../images/cards/4_clubs.png)}.card[data-rank="5"][data-suit=clubs]{background-image:url(../images/cards/5_clubs.png)}.card[data-rank="6"][data-suit=clubs]{background-image:url(../images/cards/6_clubs.png)}.card[data-rank="7"][data-suit=clubs]{background-image:url(../images/cards/7_clubs.png)}.card[data-rank="8"][data-suit=clubs]{background-image:url(../images/cards/8_clubs.png)}.card[data-rank="9"][data-suit=clubs]{background-image:url(../images/cards/9_clubs.png)}.card[data-rank="10"][data-suit=clubs]{background-image:url(../images/cards/10_clubs.png)}.card[data-rank=J][data-suit=clubs]{background-image:url(../images/cards/J_clubs.png)}.card[data-rank=Q][data-suit=clubs]{background-image:url(../images/cards/Q_clubs.png)}.card[data-rank=K][data-suit=clubs]{background-image:url(../images/cards/K_clubs.png)}.card[data-rank=A][data-suit=spades]{background-image:url(../images/cards/A_spades.png)}.card[data-rank="2"][data-suit=spades]{background-image:url(../images/cards/2_spades.png)}.card[data-rank="3"][data-suit=spades]{background-image:url(../images/cards/3_spades.png)}.card[data-rank="4"][data-suit=spades]{background-image:url(../images/cards/4_spades.png)}.card[data-rank="5"][data-suit=spades]{background-image:url(../images/cards/5_spades.png)}.card[data-rank="6"][data-suit=spades]{background-image:url(../images/cards/6_spades.png)}.card[data-rank="7"][data-suit=spades]{background-image:url(../images/cards/7_spades.png)}.card[data-rank="8"][data-suit=spades]{background-image:url(../images/cards/8_spades.png)}.card[data-rank="9"][data-suit=spades]{background-image:url(../images/cards/9_spades.png)}.card[data-rank="10"][data-suit=spades]{background-image:url(../images/cards/10_spades.png)}.card[data-rank=J][data-suit=spades]{background-image:url(../images/cards/J_spades.png)}.card[data-rank=Q][data-suit=spades]{background-image:url(../images/cards/Q_spades.png)}.card[data-rank=K][data-suit=spades]{background-image:url(../images/cards/K_spades.png)}.btn{padding:.65rem 1.25rem;border:1px solid #374151;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;background:#0d1520;color:#e5e7eb;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn--success{background:#22c55e;border-color:#22c55e;color:#fff}.btn--info{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.btn--danger{background:#ef4444;border-color:#ef4444;color:#fff}.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.modal.hidden{display:none}.modal-content{padding:2.5rem 3.5rem;border-radius:16px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:.3s modal-in}.modal-content h2{font-size:2rem;margin-bottom:.75rem}.modal-content p{color:#6b7280;margin-bottom:.5rem;font-size:1.05rem}.modal-content .btn{margin-top:1.25rem}@keyframes modal-in{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){:root{--card-w:58px;--card-h:82px;--card-gap:6px;--stack-offset:24px}.card-center{font-size:1.4rem}.card-rank{font-size:.9rem}.controls{gap:.4rem;padding:.5rem}.btn{padding:.5rem .9rem;font-size:.8rem}}@media(max-width:600px){:root{--card-w:44px;--card-h:62px;--card-gap:4px;--stack-offset:20px}.app{padding:100px .35rem 0}.card{padding:2px 3px;border-radius:5px}.card-corner .card-rank{font-size:.7rem}.card-corner .card-suit{font-size:.55rem}.card-corner.bottom-right{display:none}.card-center{font-size:1rem}.slot{border-radius:5px}.slot-label{font-size:1rem}.top-row{justify-content:center;gap:.5rem}.tableau{gap:3px}.controls{justify-content:center;gap:.3rem;padding:.4rem .4rem 2.5rem}.controls .count-container,.controls .timer-container{position:absolute}.controls .count-container{top:20px;left:.4rem}.controls .timer-container{top:20px;right:.4rem}.btn{padding:.4rem .6rem;font-size:.72rem}.modal-content{padding:1.5rem 1.25rem;margin:.5rem;border-radius:12px}.modal-content h2{font-size:1.4rem}.modal-content p{font-size:.9rem}}@media(max-width:400px){:root{--card-w:36px;--card-h:52px;--card-gap:3px;--stack-offset:16px}.app{padding:100px .35rem 0}.card{padding:1px 2px;border-radius:4px}.card-corner .card-rank{font-size:.6rem}.card-corner .card-suit{font-size:.5rem}.card-center{font-size:.85rem}.slot{border-radius:4px}.slot-label{font-size:.8rem}.btn{padding:.35rem .5rem;font-size:.65rem}}@media(max-height:500px)and (orientation:landscape){:root{--card-w:42px;--card-h:58px;--card-gap:3px;--stack-offset:16px}.app{padding:.25rem}.game{gap:.35rem}.controls{margin-top:.25rem;padding:.3rem}}.rotate-device{position:fixed;inset:0;z-index:3000;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;background:rgba(0,0,0,.4);color:#e5e7eb;--rotate-bg:radial-gradient(circle at 50% 30%, #3a1466 0%, #1a0a30 55%, #0a0418 100%);--rotate-accent:#a855f7;--rotate-text:#efe5ff;--rotate-muted:#b39ad0}.rotate-device__inner{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem}.rotate-device__icon{width:84px;height:84px;animation:2.4s ease-in-out infinite rotate-device-spin;transform-origin:50% 50%}.rotate-device__title{font-size:1.35rem;font-weight:600;margin:0;letter-spacing:.01em}.rotate-device__text{font-size:.95rem;line-height:1.45;margin:0}@media screen and (orientation:landscape)and (max-height:500px){.rotate-device{display:flex}.app{visibility:hidden}}@keyframes rotate-device-spin{0%,100%{transform:rotate(-90deg)}40%,60%{transform:rotate(0)}}.modal-content{background:#1e1035}@media(max-width:600px){.free-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;justify-items:center}.top-row{flex-direction:column;align-items:stretch;gap:.25rem}.foundations{justify-content:center}}