.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.is-hidden{display:none!important}:root{--table-green:#2d7d46;--table-gradient-dark:#1a5a2e;--card-white:#fff;--card-back-blue:#3b82f6;--card-back-stripe:#2563eb;--card-back-border:#1d4ed8;--red-suit:#d32f2f;--black-suit:#1a1a1a;--header-bg:rgba(0,0,0,.3);--btn-default:#4a5568;--btn-hover:#2d3748;--btn-active:#3182ce;--text-primary:#fff;--bg-color:var(--table-green);--bg-gradient:linear-gradient(180deg,var(--table-green) 0%,var(--table-gradient-dark) 100%);--footer-bg:rgba(0,0,0,.3);--card-bg:var(--card-white);--card-back:var(--card-back-blue);--card-back-pattern:linear-gradient(135deg,var(--card-back-blue) 25%,var(--card-back-stripe) 25%,var(--card-back-stripe) 50%,var(--card-back-blue) 50%,var(--card-back-blue) 75%,var(--card-back-stripe) 75%);--card-shadow:0 2px 6px rgba(0,0,0,.2);--card-shadow-hover:var(--card-shadow);--pile-bg:rgba(0,0,0,.15);--pile-border:hsla(0,0%,100%,.3);--text-light:var(--text-primary);--text-dark:#1f2937;--highlight:rgba(255,215,0,.6);--valid-drop:rgba(34,197,94,.4);--btn-bg:var(--btn-active);--btn-secondary:var(--btn-default);--btn-secondary-hover:var(--btn-hover);--bg-noise-opacity:0.25;--bg-noise-size:250px;--bg-noise-contrast:1.1;--bg-noise-texture:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h120v120H0z' filter='url(%23a)' opacity='.55'/%3E%3C/svg%3E");--bg-noise-highlight:radial-gradient(circle at 50% -10%,hsla(0,0%,100%,.09) 0%,hsla(0,0%,100%,.05) 24%,transparent 58%);--bg-noise-mask:radial-gradient(circle at 50% 0%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.65) 28%,rgba(0,0,0,.35) 50%,transparent 78%);--card-width:140px;--card-height:196px;--card-radius:14px;--card-gap:16px;--tableau-offset:58px;--tableau-offset-facedown:16px;--animation-speed:250ms;--animation-fast:150ms;--animation-slow:400ms;--header-height:56px;--footer-height:98px;--game-padding:24px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px)}.speed-fast{--animation-speed:150ms}.speed-normal{--animation-speed:250ms}.speed-slow{--animation-speed:400ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:manipulation;user-select:none;-webkit-user-select:none}.game-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.header-bar{align-items:center;background:var(--header-bg);display:flex;height:var(--header-height);justify-content:space-between;padding-bottom:0;padding-left:calc(20px + var(--safe-area-left));padding-right:calc(20px + var(--safe-area-right));padding-top:var(--safe-area-top);z-index:100}.header-left,.header-right{align-items:center;display:flex;gap:16px}.logo{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:8px}.logo-icon{color:#ef4444;font-size:1.5rem}.game-mode-toggle{display:flex;gap:4px}.mode-btn{background:var(--btn-bg);border:none;border-radius:6px;color:var(--text-light);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background .2s,opacity .2s}.mode-btn:not(.active){background:var(--btn-secondary)}.mode-btn:hover:not(.active){background:var(--btn-secondary-hover)}.mode-btn.active{background:var(--btn-bg)}.stats{display:flex;gap:20px}.stat{align-items:center;display:flex;font-size:.9rem;gap:6px}.stat.timer{background:rgba(49,130,206,.18);border:1px solid rgba(59,130,246,.4);border-radius:999px;padding:6px 10px}.stat-label{font-weight:400;opacity:.9}.stat-value{font-weight:600}.icon-btn{align-items:center;background:var(--btn-secondary);border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.icon-btn:hover{background:var(--btn-secondary-hover)}.icon-btn svg{height:20px;width:20px}.game-area{display:flex;flex:1;flex-direction:column;gap:24px;overflow:hidden;padding:var(--game-padding);padding-bottom:16px;position:relative}.game-area:before{background-image:var(--bg-noise-highlight),var(--bg-noise-texture);background-position:top,top;background-repeat:no-repeat,repeat;background-size:130% 130%,var(--bg-noise-size) var(--bg-noise-size);content:"";filter:contrast(var(--bg-noise-contrast)) saturate(.9);inset:0;mask-image:var(--bg-noise-mask);-webkit-mask-image:var(--bg-noise-mask);mix-blend-mode:soft-light;opacity:var(--bg-noise-opacity);pointer-events:none;position:absolute;z-index:0}.game-area>*{position:relative;z-index:1}.top-row{display:flex;justify-content:space-between;padding:0 40px}.foundations,.stock-waste{display:flex;gap:var(--card-gap)}.pile{background:var(--pile-bg);border:2px dashed var(--pile-border);border-radius:var(--card-radius);height:var(--card-height);position:relative;width:var(--card-width)}.pile,.pile-placeholder{align-items:center;display:flex;justify-content:center}.pile-placeholder{height:100%;width:100%}.refresh-icon{color:var(--text-light);font-size:2.5rem;opacity:.4}.suit-placeholder{font-size:3rem;opacity:.4}.foundation[data-suit=diamonds] .suit-placeholder,.foundation[data-suit=hearts] .suit-placeholder{color:var(--red-suit)}.foundation[data-suit=clubs] .suit-placeholder,.foundation[data-suit=spades] .suit-placeholder{color:var(--black-suit);opacity:.3}.stock{cursor:pointer}.stock:hover{background:rgba(0,0,0,.2)}.stock.has-cards{background:transparent;border:none}.tableau{align-items:flex-start;display:flex;flex:1;gap:var(--card-gap);justify-content:center;padding:0 40px}.tableau-column{min-height:var(--card-height);position:relative;width:var(--card-width)}.tableau-column:not(.has-cards){background:var(--pile-bg);border:2px dashed var(--pile-border);border-radius:var(--card-radius);height:var(--card-height)}.tableau-column.has-cards{background:transparent;border:none}.card{border-radius:var(--card-radius);box-shadow:var(--card-shadow);cursor:pointer;height:var(--card-height);perspective:1000px;position:absolute;transform-style:preserve-3d;transition:box-shadow .15s,transform .15s;width:var(--card-width)}.card:hover{box-shadow:var(--card-shadow-hover)}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform var(--animation-speed) ease-out;width:100%}.card-back,.card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--card-radius);height:100%;position:absolute;width:100%}.card-front{background:var(--card-bg);overflow:hidden;transform:rotateY(180deg)}.card-back svg,.card-front svg{border-radius:var(--card-radius)}.card-back playing-card,.card-back svg,.card-front playing-card,.card-front svg{display:block;height:100%;width:100%}.card-back playing-card img,.card-front playing-card img{border-radius:calc(var(--card-radius)*.6);display:block;height:94%;margin:4% 3%;width:94%}.card-back{background:linear-gradient(135deg,var(--card-back-blue) 0,var(--card-back-stripe) 100%);border:3px solid var(--card-back-border);box-sizing:border-box}.card-back playing-card{display:none}.card-back:after{background:repeating-linear-gradient(45deg,transparent,transparent 4px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 8px);border-radius:inherit;content:"";inset:0;position:absolute}.card.face-down{cursor:default}.card.face-down .card-inner{transform:rotateY(0deg)}.card.face-up .card-inner{transform:rotateY(180deg)}.card.dragging{box-shadow:var(--card-shadow-hover);cursor:grabbing;z-index:1000!important}.card.highlight{box-shadow:0 0 0 3px var(--highlight),var(--card-shadow-hover)}.pile.valid-drop,.tableau-column.valid-drop{background:var(--valid-drop);border-color:rgba(34,197,94,.6)}.card.animating{pointer-events:none}.card.shake{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.drag-ghost{pointer-events:none;position:fixed;z-index:10000}.card.stock-to-waste-animation{--flip-duration:180ms;perspective:800px;pointer-events:none;transform-style:preserve-3d}.card.stock-to-waste-animation,.card.stock-to-waste-animation .card-inner{transition:transform var(--flip-duration) linear}.card.stock-to-waste-animation.face-down .card-inner{transform:rotateY(0deg)}.card.stock-to-waste-animation.face-up .card-inner{transform:rotateY(180deg)}.card.waste-to-stock-animation{pointer-events:none;transform-style:preserve-3d}.footer-bar{align-items:center;background:var(--footer-bg);display:flex;height:var(--footer-height);justify-content:space-between;padding-bottom:var(--safe-area-bottom);padding-left:calc(20px + var(--safe-area-left));padding-right:calc(20px + var(--safe-area-right));padding-top:0;position:relative;z-index:100}.footer-left{display:grid;gap:8px;grid-template-columns:repeat(2,auto)}.footer-right{align-items:center;display:flex;gap:8px}.is-premium{--footer-height:60px}.is-premium .footer-bar{padding:0 12px}.is-premium .footer-left{align-items:center;display:flex;flex-direction:row;gap:8px}.is-premium .footer-center{display:none}.is-premium .footer-right{margin-left:auto}.is-premium .footer-bar:after{color:hsla(0,0%,100%,.3);content:"Premium";font-size:.9rem;font-weight:600;letter-spacing:.02em;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.footer-center{display:flex;flex:1;justify-content:center;padding:0 20px}.ad-space{background:hsla(0,0%,100%,.08);border:1px dashed hsla(0,0%,100%,.2);border-radius:8px;height:90px;max-width:728px;width:100%}@media (max-width:768px){.ad-space{height:50px}}.remove-ads-text{font-size:.875rem;margin-right:4px;opacity:.8}.action-btn{align-items:center;background:var(--btn-secondary);border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:background .2s}.action-btn:hover{background:var(--btn-secondary-hover)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.primary{background:var(--btn-bg)}.action-btn.primary:hover{background:var(--btn-hover)}.action-btn.icon-only{font-size:1.125rem;font-weight:600;height:40px;padding:0;width:40px}.upgrade-btn{background:#0891b2}.upgrade-btn:hover{background:#0e7490}.upgrade-btn svg{height:16px;width:16px}.modal-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .2s,visibility .2s;visibility:hidden;z-index:10000}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);color:var(--text-dark);max-height:90vh;max-width:400px;overflow:auto;transform:scale(.95);transition:transform .2s;width:90%}.modal-overlay.active .modal{transform:scale(1)}.modal-help{max-width:620px;width:92%}.modal-small{max-width:340px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 18px}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:background .2s;width:32px}.modal-close:hover{background:#e5e7eb}.modal-body{min-height:220px;padding:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions .action-btn{background:#f3f4f6;color:var(--text-dark)}.modal-actions .action-btn:hover{background:#e5e7eb}.modal-actions .action-btn.primary{background:var(--btn-bg);color:#fff}.modal-actions .action-btn.primary:hover{background:var(--btn-hover)}#new-game-modal .modal{display:flex;flex-direction:column}#new-game-modal .modal-body{display:flex;flex:1;flex-direction:column}#new-game-modal .modal-actions{margin-top:auto}.modal-settings{max-width:760px;padding:26px 30px}.modal-settings .modal-header{align-items:flex-start;border-bottom:none;gap:8px;padding:0 0 12px}.modal-title-group h2{margin:0}.modal-settings .modal-subtitle{color:#6b7280;font-size:.95rem;margin:4px 0 0}.modal-settings .modal-body{padding:0}.settings-body{padding-top:4px}.settings-columns{display:grid;gap:20px;grid-template-columns:1fr 1fr}.settings-left,.settings-right{display:flex;flex-direction:column;gap:12px}.settings-right,.settings-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.04);padding:14px 16px}.settings-section-title{color:#111827;font-size:.95rem;font-weight:700;margin:0 0 8px}.settings-themes-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.settings-themes-title{color:#111827;font-size:1rem;font-weight:700}.settings-premium-badge{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.02em;padding:6px 10px;text-transform:uppercase}.settings-themes-note{color:#6b7280;font-size:.9rem;margin:4px 0 10px}.settings-themes-note.unlocked-note{color:#15803d;display:none}.settings-theme-grid{margin-top:6px}.settings-theme-card{cursor:not-allowed;transition:border-color .2s,box-shadow .2s,background .2s}.settings-theme-card.is-selected{background:#ecfdf3;border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.2),0 6px 16px rgba(0,0,0,.06)}.settings-theme-name{font-weight:700}.settings-theme-check{align-items:center;background:rgba(34,197,94,.95);border-radius:999px;box-shadow:0 6px 16px rgba(16,185,129,.25);color:#fff;display:none;font-size:.95rem;font-weight:800;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.settings-theme-card.is-selected .settings-theme-check{display:inline-flex}.is-premium .settings-themes-note.locked-note{display:none}.is-premium .settings-themes-note.unlocked-note{display:block}.is-premium .settings-theme-card{background:#f8fafc;border-color:#e5e7eb;cursor:pointer;opacity:1}.is-premium .settings-theme-card.locked{opacity:1}.is-premium .settings-theme-card .upgrade-theme-lock{display:none}.setting-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none}.toggle-switch{height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;border-radius:28px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px rgba(0,0,0,.2);content:"";height:22px;left:3px;position:absolute;transition:transform .2s;width:22px}.toggle-switch input:checked+.toggle-slider{background:var(--btn-bg)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.setting-item select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem;padding:10px 14px}.help-content h3{font-size:1rem;font-weight:600;margin:20px 0 10px}.help-content h3:first-child{margin-top:0}.help-content p,.help-content ul{color:#4b5563;font-size:.9rem;line-height:1.6}.help-content ul{padding-left:20px}.help-content li{margin:6px 0}.modal-win{text-align:center}.win-celebration{animation:bounce .6s ease infinite alternate;font-size:4rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.win-message{font-size:1.5rem;font-weight:600;margin:16px 0}.win-stats{display:flex;gap:40px;justify-content:center;margin:24px 0}.win-stat{display:flex;flex-direction:column;gap:4px}.win-stat-label{color:#6b7280;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.win-stat-value{font-size:1.75rem;font-weight:700}.modal-upgrade{max-width:680px;padding:28px 32px;position:relative}.modal-upgrade .modal-header{border-bottom:none;justify-content:flex-start;padding:0 0 8px}.modal-upgrade .modal-header h2{color:#111827;font-size:1.75rem;font-weight:700}.modal-upgrade .modal-close{background:transparent;box-shadow:none;color:#9ca3af;position:absolute;right:18px;top:18px}.modal-upgrade .modal-close:hover{background:#f3f4f6;color:#4b5563}.modal-upgrade .modal-body{min-height:auto;padding:0}.upgrade-body{padding-top:6px}.upgrade-subtitle{display:none}.upgrade-columns{display:grid;gap:28px;grid-template-columns:1fr 1fr}.upgrade-left{display:flex;flex-direction:column;justify-content:center}.upgrade-feature-list{display:flex;flex-direction:column;gap:14px}.upgrade-feature{align-items:center;display:flex;gap:10px}.upgrade-feature-check{align-items:center;background:#e6f8ed;border-radius:50%;color:#16a34a;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:24px;justify-content:center;width:24px}.upgrade-feature-text{color:#1f2937;font-size:.9rem;font-weight:500}.upgrade-right{display:flex;flex-direction:column}.upgrade-themes-grid{display:grid;gap:6px;grid-template-columns:1fr 1fr}.upgrade-theme-item{align-items:stretch;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:not-allowed;display:flex;flex-direction:column;padding:0!important;position:relative;transition:border-color .2s,box-shadow .2s,background .2s}.upgrade-theme-item.locked{opacity:.85}.upgrade-theme-item.is-selected{background:#ecfdf3;border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.2),0 6px 16px rgba(0,0,0,.06)}.upgrade-theme-preview{align-items:stretch;border-radius:10px;display:flex;height:120px;justify-content:center;padding:10px 12px 12px;position:relative;width:100%}.upgrade-theme-preview.theme-classic{padding:8px 10px 10px}.theme-midnight{background:linear-gradient(135deg,#1e293b,#0f172a)}.theme-classic{background:linear-gradient(135deg,#2d7d46,#1a5a2e)}.theme-ocean{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.theme-sunset{background:linear-gradient(135deg,#f97316,#ea580c)}.theme-royal{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.upgrade-theme-name{display:none}.upgrade-theme-lock{color:hsla(0,0%,100%,.85);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:20px;position:absolute;right:8px;top:8px;width:20px}.is-premium .upgrade-theme-item{cursor:pointer;opacity:1}.is-premium .upgrade-theme-item.locked{opacity:1}.is-premium .upgrade-theme-item .upgrade-theme-lock{display:none}.settings-theme-card:focus-visible,.upgrade-theme-item:focus-visible{outline:2px solid #22c55e;outline-offset:3px}.theme-preview-content{color:#fff;display:flex;flex-direction:column;gap:0;justify-content:space-between;width:100%}.theme-preview-grid{align-items:flex-end;display:flex;gap:8px;height:70px}.theme-stack{height:60px;position:relative;width:22px}.theme-mini-card{border-radius:4px;box-shadow:none;height:26px;position:relative;width:100%}.theme-mini-card+.theme-mini-card{margin-top:-14px}.theme-mini-card.face-down{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.28)}.theme-mini-card.face-up{background:#fff;border:1px solid #d1d5db;color:#0f172a}.theme-mini-card.face-up span{color:inherit;font-size:9px;font-weight:800;left:4px;position:absolute;top:3px}.theme-preview-name{background:rgba(0,0,0,.25);border-radius:6px;font-size:.92rem;font-weight:800;letter-spacing:.01em;padding:4px 8px;width:fit-content}.upgrade-cta-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;box-shadow:0 12px 30px rgba(22,163,74,.25);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;margin-top:24px;padding:16px 20px;transition:background .2s,box-shadow .2s,transform .2s;width:100%}.upgrade-cta-btn:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 14px 36px rgba(22,163,74,.32);transform:translateY(-1px)}.upgrade-cta-btn:active{box-shadow:0 10px 26px rgba(22,163,74,.2);transform:translateY(0)}.upgrade-cta-btn.disabled{box-shadow:none;cursor:default;opacity:.65}.upgrade-restore-link{background:transparent;border:none;color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:10px;text-align:center;text-decoration:underline;width:100%}.upgrade-restore-link:hover{color:#1d4ed8}.upgrade-restore-view{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:16px}.upgrade-restore-header h3{color:#111827;font-size:1.1rem;font-weight:700;margin-bottom:6px}.upgrade-restore-header p{color:#4b5563;font-size:.95rem;margin:0 0 12px}.restore-code-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-size:1.05rem;font-weight:700;letter-spacing:.08em;padding:12px 14px;text-transform:uppercase;width:100%}.restore-code-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:none}.restore-hint{color:#6b7280;font-size:.9rem;margin-top:6px}.restore-feedback{font-size:.95rem;font-weight:600;margin-top:10px}.restore-feedback.error{color:#b91c1c}.restore-feedback.success{color:#15803d}.restore-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.is-premium .ad-space,.is-premium .remove-ads-text,.is-premium .upgrade-btn{display:none!important}.is-premium .upgrade-cta-btn{box-shadow:none;cursor:default}@media (max-width:600px){.modal-upgrade{max-width:95%;padding:20px}.upgrade-columns{gap:20px;grid-template-columns:1fr}.upgrade-themes-grid{grid-template-columns:repeat(4,1fr)}.upgrade-theme-preview{height:40px}.upgrade-theme-name{font-size:.7rem}}@media (max-width:760px){.modal-settings{max-width:95%;padding:20px}.settings-columns{grid-template-columns:1fr}.settings-premium-badge{align-self:flex-start}}#confetti-canvas{inset:0;pointer-events:none;position:fixed;z-index:9999}@media (max-width:1600px){:root{--card-width:130px;--card-height:182px;--card-radius:12px;--tableau-offset:54px;--tableau-offset-facedown:14px}}@media (max-width:1400px){:root{--card-width:120px;--card-height:168px;--tableau-offset:50px;--tableau-offset-facedown:13px}}@media (max-width:1200px){:root{--card-width:110px;--card-height:154px;--tableau-offset:46px;--tableau-offset-facedown:12px;--card-gap:12px}.tableau,.top-row{padding:0 20px}}@media (max-width:1024px){:root{--card-width:100px;--card-height:140px;--card-radius:10px;--tableau-offset:42px;--tableau-offset-facedown:11px;--game-padding:16px}.tableau,.top-row{padding:0 12px}}@media (max-width:768px){:root{--card-width:65px;--card-height:91px;--card-radius:5px;--tableau-offset:26px;--tableau-offset-facedown:8px;--game-padding:12px;--header-height:50px;--footer-height:auto;--card-gap:8px}.logo-text{display:none}.game-mode-toggle{font-size:.8rem}.mode-btn{padding:6px 12px}.stats{gap:12px}.stat{font-size:.8rem}.stat-label{display:none}.stat.timer{padding:6px 9px}.suit-placeholder{font-size:2rem}.refresh-icon{font-size:1.75rem}.footer-bar{align-items:stretch;flex-direction:column;gap:10px;min-height:calc(130px + var(--safe-area-bottom));padding-bottom:calc(12px + var(--safe-area-bottom));padding-left:calc(12px + var(--safe-area-left));padding-right:calc(12px + var(--safe-area-right));padding-top:0}.footer-center{display:block;order:-1;padding:0;width:100%}.ad-space{width:100%}.footer-left{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));order:1;width:100%}.footer-right{align-items:center;display:flex;gap:6px;justify-content:flex-end;order:2;width:100%}.action-btn{font-size:.78rem;gap:4px;padding:7px 10px}.action-btn .btn-text{display:inline}.action-btn.primary,.upgrade-btn{padding:8px 11px}.remove-ads-text{display:inline;font-size:.75rem}.tableau,.top-row{padding:0 6px}.game-area{gap:16px;padding-left:6px;padding-right:6px}}@media (max-width:480px){:root{--card-width:48px;--card-height:67px;--card-radius:4px;--tableau-offset:21px;--tableau-offset-facedown:6px;--card-gap:5px}.header-bar{padding-bottom:0;padding-left:calc(12px + var(--safe-area-left));padding-right:calc(12px + var(--safe-area-right));padding-top:var(--safe-area-top)}.stats{gap:8px}.suit-placeholder{font-size:1.5rem}.refresh-icon{font-size:1.25rem}.action-btn.icon-only,.icon-btn{height:36px;width:36px}.tableau,.top-row{padding:0 2px}.game-area{padding-left:4px;padding-right:4px}.top-row{justify-content:space-around}.stat{font-size:.78rem}.stat.timer{padding:5px 7px}}.stock-count.hidden,.timer.hidden{display:none}