@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--card-scale:1.25;--bg-primary:#1a5c1a;--bg-secondary:#0d3d0d;--bg-felt:linear-gradient(145deg, #1a5c1a 0%, #0d3d0d 50%, #1a5c1a 100%);--bg-panel:linear-gradient(180deg, #2d1810 0%, #1a0e0a 100%);--text-primary:#f5e6d3;--text-secondary:#c4a77d;--accent-gold:#d4af37;--accent-brass:#b5a642;--card-bg:#fffef5;--card-shadow:0 4px 12px #0006;--card-back:linear-gradient(135deg, #8b0000 0%, #5c0000 50%, #8b0000 100%);--card-back-pattern:repeating-linear-gradient(45deg, transparent, transparent 5px, #ffd7001a 5px, #ffd7001a 10px);--border-gold:2px solid #d4af37;--font-heading:"Inter", sans-serif;--font-body:"Inter", sans-serif;--pile-empty:#0000004d;--pile-empty-border:2px dashed #d4af3780;--button-bg:linear-gradient(180deg, #d4af37 0%, #b5a642 100%);--button-text:#1a0e0a;--button-hover:linear-gradient(180deg, #e5c54a 0%, #c4b553 100%);--input-bg:#0000004d;--input-border:1px solid #d4af3780;--red-suit:#c41e3a;--black-suit:#1a1a1a;--glass-bg:#2d1810e6;--overlay-bg:#000000b3}[data-theme=modern]{--bg-primary:#151311;--bg-secondary:#0d0c0b;--bg-felt:linear-gradient(145deg, #151311 0%, #1e1a17 50%, #151311 100%);--bg-panel:linear-gradient(180deg, #4b262f 0%, #2d171c 100%);--text-primary:#eed3ba;--text-secondary:#eed3ba99;--accent-gold:#eed3ba;--accent-brass:#d6b896;--card-bg:#f4e4cf;--card-shadow:0 8px 24px #0009, 0 0 1px #eed3ba33;--card-back:linear-gradient(135deg, #4b262f 0%, #2d171c 50%, #4b262f 100%);--card-back-pattern:repeating-linear-gradient(45deg, transparent, transparent 6px, #eed3ba14 6px, #eed3ba14 12px);--border-gold:2px solid #eed3ba59;--font-heading:"Inter", sans-serif;--font-body:"Inter", sans-serif;--pile-empty:#4b262f66;--pile-empty-border:2px dashed #eed3ba4d;--button-bg:linear-gradient(180deg, #eed3ba 0%, #d6b896 100%);--button-text:#151311;--button-hover:linear-gradient(180deg, #f5e1cc 0%, #eed3ba 100%);--input-bg:#4b262f80;--input-border:1px solid #eed3ba40;--red-suit:#b3334a;--black-suit:#151311;--glass-bg:#151311e0;--overlay-bg:#0d0c0bd9}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow:hidden auto}.app-container{flex-direction:column;width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.app-container.left-handed .game-board{direction:rtl}.app-container.left-handed .top-row,.app-container.left-handed .stock-waste-area,.app-container.left-handed .tableau-area{flex-direction:row-reverse}.main-content{flex-direction:row;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.game-area{background:var(--bg-felt);flex-direction:column;flex:1;padding:20px;display:flex;position:relative}.game-area:before{content:"";pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.game-board{z-index:1;flex-direction:column;gap:30px;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.top-row{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.stock-waste-area,.foundations-area{gap:15px;display:flex}.tableau-area{flex:1;justify-content:center;gap:15px;display:flex}.pile{width:calc(80px * var(--card-scale,1));min-height:calc(112px * var(--card-scale,1));position:relative}.pile-empty{width:calc(80px * var(--card-scale,1));height:calc(112px * var(--card-scale,1));background:var(--pile-empty);border:var(--pile-empty-border);border-radius:8px;justify-content:center;align-items:center;display:flex}.pile-empty-icon{opacity:.5;color:var(--accent-gold);font-size:24px}.stock-pile{cursor:pointer;transition:transform .1s}.stock-pile:hover{transform:scale(1.02)}.stock-pile:active{transform:scale(.98)}.refresh-icon{color:var(--accent-gold);font-size:28px}.tableau-pile{min-height:300px}.tableau-pile .card-stack{flex-direction:column;display:flex}.tableau-pile .card-wrapper{margin-top:-120px}.tableau-pile .card-wrapper:first-child{margin-top:0}.card{width:calc(80px * var(--card-scale,1));height:calc(112px * var(--card-scale,1));cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;transition:transform .15s,box-shadow .15s;position:relative}.card:active{cursor:grabbing}.card-face-up{background:var(--card-bg);box-shadow:var(--card-shadow);flex-direction:column;padding:6px;display:flex}.card-face-down{background:var(--card-back);box-shadow:var(--card-shadow)}.card-face-down:after{content:"";background:var(--card-back-pattern);border-radius:8px;position:absolute;inset:0}.card-face-down:before{content:"";border:1px solid #ffd7004d;border-radius:6px;position:absolute;inset:4px}.card-corner{flex-direction:column;align-items:center;line-height:1;display:flex}.card-corner-top{position:absolute;top:6px;left:6px}.card-corner-bottom{position:absolute;bottom:6px;right:6px;transform:rotate(180deg)}.card-rank{font-size:16px;font-weight:700;font-family:var(--font-heading)}.card-suit-small{font-size:14px}.card-center-suit{font-size:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-red{color:var(--red-suit)}.card-black{color:var(--black-suit)}.card-dragging{opacity:.8;z-index:1000;transform:scale(1.05)rotate(2deg);box-shadow:0 20px 40px #00000080}.card-overlay{z-index:1000;box-shadow:0 20px 40px #00000080}.card-highlight{box-shadow:0 0 0 3px var(--accent-gold), var(--card-shadow)}.drag-stack{pointer-events:none;flex-direction:column;display:flex}.sidebar{background:var(--bg-panel);border-left:var(--border-gold);flex-direction:column;gap:24px;width:280px;min-height:0;padding:24px;transition:background .3s;display:flex;overflow-y:auto}.sidebar-header{text-align:center}.sidebar-title{font-family:var(--font-heading);color:var(--accent-gold);margin-bottom:4px;font-size:24px;font-weight:700}.sidebar-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:12px}.stats-section{flex-direction:column;gap:16px;display:flex}.stat-item{background:var(--input-bg);border:var(--input-border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.stat-value{color:var(--accent-gold);font-size:20px;font-weight:600;font-family:var(--font-heading)}.seed-section{flex-direction:column;gap:12px;display:flex}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.seed-display{background:var(--input-bg);border:var(--input-border);text-align:center;border-radius:8px;padding:12px 16px}.seed-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:10px}.seed-value{color:var(--accent-gold);font-size:24px;font-weight:700;font-family:var(--font-heading);letter-spacing:3px}.seed-input-group{gap:8px;display:flex}.seed-input{background:var(--input-bg);border:var(--input-border);color:var(--text-primary);font-size:14px;font-family:var(--font-body);border-radius:6px;outline:none;flex:1;padding:10px 12px;transition:border-color .2s}.seed-input:focus{border-color:var(--accent-gold)}.seed-input::placeholder{color:var(--text-secondary);opacity:.6}.btn{font-size:14px;font-weight:600;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;padding:12px 20px;transition:all .2s}.btn-primary{background:var(--button-bg);color:var(--button-text)}.btn-primary:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--input-bg);color:var(--text-primary);border:var(--input-border)}.btn-secondary:hover{background:#ffffff1a}.btn-icon{min-width:44px;padding:10px}.btn-full{width:100%}.actions-section{flex-direction:column;gap:10px;display:flex}.theme-section{margin-top:auto}.theme-toggle{background:var(--input-bg);border:var(--input-border);border-radius:8px;padding:4px;display:flex}.theme-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-size:12px;font-weight:500;transition:all .2s}.theme-btn.active{background:var(--button-bg);color:var(--button-text)}.ad-banner{background:var(--bg-panel);border-top:var(--input-border);justify-content:center;align-items:center;height:90px;display:flex}.ad-placeholder{color:#666;text-transform:uppercase;letter-spacing:2px;font-size:12px}.mobile-overlay{background:var(--overlay-bg);z-index:90;opacity:0;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-overlay.open{opacity:1}.mobile-sidebar{background:var(--bg-panel);z-index:95;width:300px;height:100%;padding:80px 24px 24px;transition:right .3s;display:none;position:fixed;top:0;right:-300px;overflow-y:auto}.mobile-sidebar.open{right:0}.win-modal-overlay{background:var(--overlay-bg);z-index:200;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.win-modal{background:var(--bg-panel);border:var(--border-gold);text-align:center;border-radius:16px;max-width:400px;padding:40px;animation:.3s scaleIn}.win-title{font-family:var(--font-heading);color:var(--accent-gold);margin-bottom:16px;font-size:36px;font-weight:700}.win-stats{justify-content:center;gap:32px;margin:24px 0;display:flex}.win-stat{text-align:center}.win-stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.win-stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-header,.mobile-dock,.mobile-rail-left,.mobile-rail-right{display:none}@media (max-width:1023px){:root{--mobile-card-radius:5px;--mobile-card-gap:6px;--mobile-tableau-padding:8px;--mobile-faceup-offset:22%;--mobile-facedown-offset:8%;--mobile-min-stack-offset:6px}.sidebar{display:none}.mobile-overlay,.mobile-sidebar{display:block}.game-area{padding:0}.game-board{flex-direction:column;flex:1;gap:0;max-width:none;min-height:0;display:flex}.top-row,.stock-waste-area,.foundations-area{display:none}}@media (max-width:1023px) and (orientation:portrait){.main-content{flex-direction:column;height:100dvh;min-height:0}.game-area{flex-direction:column;flex:1;min-height:0;display:flex}.mobile-header{height:calc(36px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--input-border);z-index:10;flex:none;justify-content:space-between;align-items:center;display:flex}.mobile-header-title{font-family:var(--font-heading);color:var(--accent-gold);letter-spacing:1px;font-size:14px;font-weight:600}.mobile-header-hud{color:var(--text-primary);gap:10px;font-size:11px;display:flex}.mobile-header-hud span strong{color:var(--accent-gold);margin-left:2px;font-weight:700}.mobile-header-menu{cursor:pointer;width:36px;height:36px;color:var(--accent-gold);background:0 0;border:none;justify-content:center;align-items:center;font-size:22px;display:flex}.tableau-area{gap:var(--mobile-card-gap);min-height:0;padding:var(--mobile-tableau-padding);flex:1;justify-content:stretch;align-items:flex-start;display:flex!important}.tableau-area .tableau-pile{flex:1;min-width:0;min-height:0}.tableau-area .pile-empty{aspect-ratio:5/7;width:100%;min-height:0}.tableau-area .pile.tableau-pile{width:100%;min-height:0}.tableau-area .card{aspect-ratio:5/7;border-radius:var(--mobile-card-radius);width:100%;height:auto}.tableau-area .tableau-pile .card-wrapper{margin-top:-78%}.tableau-area .tableau-pile .card-wrapper:first-child{margin-top:0}.mobile-dock{padding:8px 12px calc(8px + env(safe-area-inset-bottom)) 12px;background:var(--bg-panel);border-top:var(--border-gold);flex-direction:column;flex:none;gap:8px;display:flex}.mobile-dock-piles{justify-content:space-between;align-items:center;gap:var(--mobile-card-gap);display:flex}.mobile-dock-piles-left,.mobile-dock-piles-right{gap:var(--mobile-card-gap);display:flex}.mobile-dock-piles .pile,.mobile-dock-piles .pile-empty{width:48px;height:67px;min-height:0}.mobile-dock-piles .card{border-radius:var(--mobile-card-radius);width:48px;height:67px}.mobile-dock-actions{justify-content:space-around;gap:8px;display:flex}.mobile-dock-actions .mobile-action-btn{background:var(--input-bg);border:var(--input-border);min-height:44px;color:var(--accent-gold);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:18px;display:flex}.mobile-dock-actions .mobile-action-btn:disabled{opacity:.4}.mobile-rail-left,.mobile-rail-right{display:none}}@media (max-width:1023px) and (orientation:landscape){.main-content{flex-direction:row;height:100dvh;min-height:0}.game-area{flex-direction:column;flex:1;order:2;min-height:0;padding:4px;display:flex}.mobile-header,.mobile-dock{display:none}.mobile-rail-left{width:calc(72px + env(safe-area-inset-left));padding:6px 6px 6px calc(6px + env(safe-area-inset-left));background:var(--bg-panel);border-right:var(--border-gold);flex-direction:column;flex:none;order:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-rail-hud{color:var(--text-primary);background:var(--input-bg);border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 4px;font-size:9px;display:flex}.mobile-rail-hud strong{color:var(--accent-gold);font-weight:700}.mobile-rail-piles{flex-direction:column;gap:6px;display:flex}.mobile-rail-piles .pile,.mobile-rail-piles .pile-empty,.mobile-rail-piles .card{border-radius:var(--mobile-card-radius);width:56px;height:78px;min-height:0}.mobile-rail-actions{flex-direction:column;gap:6px;width:100%;display:flex}.mobile-rail-actions .mobile-action-btn{background:var(--input-bg);border:var(--input-border);min-height:40px;color:var(--accent-gold);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.mobile-rail-actions .mobile-action-btn:disabled{opacity:.4}.mobile-rail-right{width:calc(56px + env(safe-area-inset-right));padding:6px calc(6px + env(safe-area-inset-right)) 6px 6px;background:var(--bg-panel);border-left:var(--border-gold);flex-direction:column;flex:none;order:3;justify-content:space-evenly;align-items:center;gap:6px;display:flex}.mobile-rail-right .pile,.mobile-rail-right .pile-empty,.mobile-rail-right .card{border-radius:var(--mobile-card-radius);width:44px;height:62px;min-height:0}.app-container.left-handed .mobile-rail-left{border-right:none;border-left:var(--border-gold);order:3}.app-container.left-handed .mobile-rail-right{border-left:none;border-right:var(--border-gold);order:1}.tableau-area{gap:var(--mobile-card-gap);flex:1;justify-content:stretch;align-items:flex-start;min-height:0;padding:4px;display:flex!important}.tableau-area .tableau-pile{flex:1;min-width:0;min-height:0}.tableau-area .pile-empty{aspect-ratio:5/7;width:100%;min-height:0}.tableau-area .pile.tableau-pile{width:100%;min-height:0}.tableau-area .card{aspect-ratio:5/7;border-radius:var(--mobile-card-radius);width:100%;height:auto}.tableau-area .tableau-pile .card-wrapper{margin-top:-82%}.tableau-area .tableau-pile .card-wrapper:first-child{margin-top:0}}.card.card-selected{box-shadow:0 0 0 3px var(--accent-gold), 0 8px 24px #00000080;z-index:100;transform:scale(1.04)}.card.card-valid-drop,.pile-empty.pile-valid-drop{outline:2px dashed var(--accent-gold);outline-offset:2px;animation:1.4s ease-in-out infinite validDropPulse}@keyframes validDropPulse{0%,to{outline-color:var(--accent-gold)}50%{outline-color:#d4af3766}}