@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:#1a1d23;--bg-secondary:#12141a;--bg-felt:linear-gradient(145deg,#1a1d23 0%,#12141a 50%,#1e2128 100%);--bg-panel:linear-gradient(180deg,#1e2128f2 0%,#12141afa 100%);--text-primary:#e8e9ed;--text-secondary:#8b8f9a;--accent-gold:#6366f1;--accent-brass:#818cf8;--card-bg:#fff;--card-shadow:0 8px 24px #00000080,0 0 1px #6366f14d;--card-back:linear-gradient(135deg,#312e81 0%,#1e1b4b 50%,#3730a3 100%);--card-back-pattern:none;--border-gold:2px solid #6366f180;--font-heading:"Inter",sans-serif;--font-body:"Inter",sans-serif;--pile-empty:#6366f11a;--pile-empty-border:2px solid #6366f14d;--button-bg:linear-gradient(180deg,#6366f1 0%,#4f46e5 100%);--button-text:#fff;--button-hover:linear-gradient(180deg,#818cf8 0%,#6366f1 100%);--input-bg:#6366f11a;--input-border:1px solid #6366f14d;--red-suit:#f43f5e;--black-suit:#374151;--glass-bg:#1e2128d9;--overlay-bg:#000c}*{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-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-menu-toggle{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-gold);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:none;position:fixed;top:16px;right:16px}.hamburger{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex}.hamburger span{background:var(--accent-gold);border-radius:2px;height:2px;transition:all .3s;display:block}.mobile-menu-toggle.open .hamburger span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle.open .hamburger span:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.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}.mobile-hud{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-gold);border-radius:12px;padding:8px 16px;display:none;position:fixed;top:16px;left:16px}.mobile-hud-stats{gap:16px;display:flex}.mobile-hud-item{flex-direction:column;align-items:center;display:flex}.mobile-hud-label{color:var(--text-secondary);text-transform:uppercase;font-size:8px}.mobile-hud-value{color:var(--accent-gold);font-size:14px;font-weight:600}.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)}}@media (max-width:1024px){.sidebar{display:none}.mobile-menu-toggle,.mobile-overlay,.mobile-sidebar,.mobile-hud{display:flex}.mobile-overlay,.mobile-sidebar{display:block}.game-area{padding:70px 10px 20px}.pile{width:calc(60px*var(--card-scale,1));min-height:calc(84px*var(--card-scale,1))}.pile-empty,.card{width:calc(60px*var(--card-scale,1));height:calc(84px*var(--card-scale,1))}.card-rank{font-size:12px}.card-suit-small{font-size:10px}.card-center-suit{font-size:24px}.tableau-pile .card-wrapper{margin-top:-60px}.top-row,.stock-waste-area,.foundations-area{gap:8px}.tableau-area{gap:6px}}@media (max-width:600px){.pile{width:45px;min-height:63px}.pile-empty{width:45px;height:63px}.card{border-radius:4px;width:45px;height:63px}.card-rank{font-size:10px}.card-suit-small{font-size:8px}.card-center-suit{font-size:18px}.card-corner-top{top:3px;left:3px}.card-corner-bottom{bottom:3px;right:3px}.tableau-pile .card-wrapper{margin-top:-45px}.top-row,.stock-waste-area,.foundations-area{gap:4px}.tableau-area{gap:3px}}