:root{--card-width:80px;--card-height:112px;--card-radius:10px;--col-gap:15px;--vert-overlap:30px;--brightness:1;--bg-gradient:radial-gradient(circle at 50% 30%, #3b4361, #12141d);--card-surface:linear-gradient(160deg, #20232c 0%, #15171e 100%);--card-back-bg:linear-gradient(160deg, #171a22 0%, #101218 100%);--card-back-border:1px solid #ffffff26;--card-back-shadow:0 0 10px #00e5ff1a;--card-back-icon:"⚡";--card-back-icon-color:#00e5ff1f;--card-back-frame:#00f0ff2e;--text-color-red:#f09;--text-color-black:#00f0ff;--text-shadow-red:0 0 8px #f099;--text-shadow-black:0 0 8px #00f0ff99;--border-color-red:#f09c;--border-color-black:#00f0ffcc;--box-shadow-red:0 0 4px #ff00991a, 0 0 12px 1px #ff009940;--box-shadow-black:0 0 4px #00f0ff1a, 0 0 12px 1px #00f0ff40}body.classic{--bg-gradient:radial-gradient(circle farthest-corner at center, #236b44, #0d3823);--card-surface:linear-gradient(155deg, #fff 0%, #f1f2f4 100%);--card-back-bg:repeating-linear-gradient(45deg, #ffffff12 0, #ffffff12 5px, transparent 5px, transparent 10px), linear-gradient(155deg, #4c8bf5 0%, #1e3fae 100%);--card-back-border:2px solid #fff;--card-back-shadow:0 1px 2px #080f1e4d, 0 4px 10px #080f1e40;--card-back-icon:"";--card-back-frame:#ffffff8c;--text-color-red:#c8102e;--text-color-black:#1a1d23;--text-shadow-red:none;--text-shadow-black:none;--border-color-red:#d6dae0;--border-color-black:#d6dae0;--box-shadow-red:0 1px 2px #080f1e47, 0 4px 12px #080f1e38;--box-shadow-black:0 1px 2px #080f1e47, 0 4px 12px #080f1e38}@media (width<=768px){:root{--card-width:12.5vw;--card-height:17.5vw;--card-radius:6px;--col-gap:.5vw;--vert-overlap:3.5vh}}body{background:var(--bg-gradient);color:#fff;overscroll-behavior-y:none;margin:0;font-family:Poppins,Oxanium,sans-serif;transition:background .3s;overflow-x:hidden}body.classic,body.classic .btn,body.classic .logo,body.classic .controls{color:#fff}body.classic .logo span{color:gold}header{box-sizing:border-box;backdrop-filter:blur(10px);z-index:50;background:#0009;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px 15px;display:flex;position:relative}#nav-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:20px;transition:all .2s}#nav-toggle:hover{color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 8px #00f3ff66}#main-nav{backdrop-filter:blur(10px);z-index:9999;background-color:#0f1419f2;border:1px solid #00f3ff33;border-radius:8px;min-width:220px;transition:opacity .3s,transform .3s;position:absolute;top:60px;left:15px;box-shadow:0 8px 24px #000c}#main-nav.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}#main-nav ul{margin:0;padding:10px 0;list-style:none}#main-nav li{margin:0}#main-nav a{color:#d1d5db;padding:12px 20px;font-family:sans-serif;font-size:15px;text-decoration:none;transition:all .2s;display:block}#main-nav a:hover{color:#00f3ff;background-color:#00f3ff1a;padding-left:25px}#main-nav hr{border:none;border-top:1px solid #ffffff1a;margin:8px 0}#main-nav a.highlight{color:#f0f;font-weight:700}#main-nav a.highlight:hover{color:#fff;text-shadow:0 0 8px #f0f;background-color:#ff00ff26}footer{color:#888;background-color:#0b0c10;border-top:1px solid #ffffff0d;margin-top:auto;padding:50px 20px 20px;font-family:sans-serif}.footer-grid{text-align:center;flex-wrap:wrap;justify-content:space-around;gap:30px;max-width:900px;margin:0 auto;display:flex}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px;font-size:14px}.footer-col a{color:#9ca3af;margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:#00f3ff}.footer-lang-select{color:#fff;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:6px;outline:none;padding:10px 15px;font-family:inherit;font-size:14px;transition:border-color .2s}.footer-lang-select:focus{border-color:#00f3ff}.footer-bottom{text-align:center;border-top:1px solid #ffffff0d;margin-top:40px;padding-top:20px;font-size:13px}.footer-bottom .dl-link{color:#f0f;margin-left:5px;text-decoration:none}.footer-bottom .dl-link:hover{text-shadow:0 0 5px #ff00ff80;text-decoration:underline}@media (width<=600px){.footer-grid{flex-direction:column;align-items:center}.footer-col{margin-bottom:20px}}.logo{letter-spacing:1px;font-size:1.1rem;font-weight:800}.logo span{color:var(--text-color-black)}.controls{align-items:center;gap:10px;display:flex}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#333,#555);border:1px solid #fff3;border-radius:20px;padding:5px 12px;font-size:.75rem}.btn.primary{background:linear-gradient(90deg,#f0c,#33f);border:none}body.classic .btn.primary{background:linear-gradient(135deg,#1e90ff,#1c75bc)}.mode-toggle{background:#00000080;border-radius:15px;padding:2px;display:flex}.mode-opt{cursor:pointer;color:#aaa;border-radius:12px;padding:4px 10px;font-size:.7rem}.mode-opt.active{color:#fff;background:#333;box-shadow:0 0 5px #ffffff1a}#timer-bar-container{background:#ffffff1a;width:100%;height:4px;display:none;position:absolute;bottom:0;left:0}#timer-bar{background:linear-gradient(90deg,#f0f,#0ff);width:100%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #f0f}#game-container{box-sizing:border-box;touch-action:none;flex-direction:column;gap:2vh;width:100%;max-width:800px;height:calc(100vh - 60px);margin:0 auto;padding:10px;display:flex}.top-row{height:var(--card-height);justify-content:space-between;display:flex}.left-group,.right-group{gap:var(--col-gap);display:flex}.tableau-grid{column-gap:var(--col-gap);flex-grow:1;grid-template-columns:repeat(7,1fr);display:grid}.freecell-grid{column-gap:var(--col-gap);flex-grow:1;grid-template-columns:repeat(8,1fr);display:grid}.tableau-col{height:100%;position:relative}.slot{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background:#ffffff0d;border:1.5px solid #ffffff26;position:relative}body.classic .slot{background:#0003;border:1.5px solid #fff3}.foundation:before{content:attr(data-suit);opacity:.1;color:#fff;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.classic .foundation:before{opacity:.2}.card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background:var(--card-surface);padding:calc(var(--card-width) * .055);box-sizing:border-box;cursor:pointer;filter:brightness(var(--brightness));border:1px solid #0000;flex-direction:column;justify-content:space-between;font-family:Oxanium,sans-serif;transition:filter .2s,top .1s,transform .2s,box-shadow .2s,background .3s;display:flex;position:absolute}@media (hover:hover) and (pointer:fine){.card:hover{z-index:10;transform:translateY(-4px)scale(1.02)}body.classic .card:hover{box-shadow:0 2px 4px #080f1e47,0 10px 22px #080f1e4d}}.card.suit-red{color:var(--text-color-red);text-shadow:var(--text-shadow-red);border-color:var(--border-color-red);box-shadow:var(--box-shadow-red)}.card.suit-black{color:var(--text-color-black);text-shadow:var(--text-shadow-black);border-color:var(--border-color-black);box-shadow:var(--box-shadow-black)}.card-corner{width:max-content;font-weight:700;line-height:1;font-size:calc(var(--card-width) * .26);align-self:flex-start;align-items:center;gap:calc(var(--card-width) * .015);flex-direction:column;display:flex}.card-corner .corner-suit{font-size:calc(var(--card-width) * .18);line-height:1}.card-corner.bottom{align-self:flex-end;transform:rotate(180deg)}.card-center{font-size:calc(var(--card-width) * .5);opacity:.95;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.classic .card-center{opacity:.9}.card.selected{outline-offset:-2px;outline:3px solid #00aeff;box-shadow:0 0 15px #00aeffb3}.error-message{color:#fff;z-index:1000;opacity:0;pointer-events:none;background-color:#d32f2f;border-radius:5px;padding:10px 20px;transition:opacity .3s ease-in-out;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000004d}#autocomplete-btn{cursor:pointer;border:1px solid #ccc;border-radius:4px;padding:8px 16px;font-size:1em}.card-back{background:var(--card-back-bg);border:var(--card-back-border);box-shadow:var(--card-back-shadow);justify-content:center;align-items:center}.card-back *{display:none}.card-back:before{content:"";inset:calc(var(--card-width) * .07);border:1.5px solid var(--card-back-frame);border-radius:calc(var(--card-radius) * .6);pointer-events:none;position:absolute}.card-back:after{content:var(--card-back-icon);font-size:calc(var(--card-width) * .4);color:var(--card-back-icon-color);opacity:.8}.seo-section{color:#aaa;background:#111;border-top:1px solid #333;padding:40px 20px;font-size:.9rem;line-height:1.6}.seo-container{max-width:800px;margin:0 auto}.seo-container h2{color:#fff;margin-top:30px}.seo-container p{margin-bottom:15px}.ad-slot{color:#555;background:#000;border:1px dashed #444;justify-content:center;align-items:center;margin:30px 0;font-size:.8rem;display:flex}.ad-leaderboard{width:100%;height:90px}.ad-rectangle{width:300px;height:250px;margin:30px auto}.overlay{z-index:100;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.overlay h2{margin-bottom:10px;font-size:3rem}#auto-btn{color:#000;background:#0f9;border:none;animation:1s infinite pulse;display:none;box-shadow:0 0 15px #0f9}@keyframes pulse{50%{opacity:.7}}.content-section{color:#ccc;background:#111;border-top:1px solid #333;padding:50px 20px;font-size:1rem;line-height:1.7}.content-container{max-width:800px;margin:0 auto}.content-container h1{color:#fff;text-shadow:0 0 10px var(--text-color-black);margin-bottom:20px;font-family:Oxanium,sans-serif;font-size:2.2rem}.content-container h2{color:#fff;border-bottom:1px solid #333;margin-top:40px;margin-bottom:15px;padding-bottom:10px;font-size:1.8rem}.content-container h3{color:var(--text-color-black);margin-top:25px}.content-container ul{padding-left:20px}.content-container li{margin-bottom:10px}.footer-nav{text-align:center;border-top:1px dashed #333;margin-top:50px;padding-top:30px}.lang-selector{justify-content:center;margin-bottom:20px;display:flex}.lang-dropdown{color:#fff;cursor:pointer;appearance:none;background:#1a1a1a url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300f0ff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E) right 15px top 50%/12px no-repeat;border:1px solid #fff3;border-radius:8px;outline:none;padding:10px 40px 10px 20px;font-family:Poppins,Oxanium,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.lang-dropdown:hover,.lang-dropdown:focus{border-color:var(--text-color-black);box-shadow:0 0 10px #00f0ff33}.lang-dropdown option{color:#fff;background:#121212;padding:10px}.store-buttons{justify-content:center;gap:15px;margin:30px 0;display:flex}.store-qr{justify-content:center;gap:15px;margin-top:30px;display:flex}.store-btn{height:50px;transition:transform .2s}.rules-list a{color:#00f3ff}