:root{--color-navy: #1a1f36;--color-navy-mid: #2d3561;--color-amber: #f59e0b;--color-amber-dark: #d97706;--color-bg: #fafaf9;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-mid: #d1d5db;--color-text: #111827;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-red: #dc2626;--color-black-card: #1e293b;--color-card-bg: #ffffff;--color-card-back1: #1a1f36;--color-card-back2: #2d3561;--color-success: #16a34a;--color-danger: #dc2626;--color-focus: #3b82f6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--card-w: 78px;--card-h: 109px;--card-radius: 8px;--card-gap: 8px;--tableau-overlap-fd: 20px;--tableau-overlap-fu: 30px;--header-h: 56px;--content-w: 1100px}@media(max-width:767px){:root{--card-w: 46px;--card-h: 64px;--card-radius: 5px;--card-gap: 5px;--tableau-overlap-fd: 14px;--tableau-overlap-fu: 20px}}@media(min-width:768px)and (max-width:1023px){:root{--card-w: 62px;--card-h: 87px;--card-radius: 7px;--card-gap: 7px;--tableau-overlap-fd: 18px;--tableau-overlap-fu: 26px}}@media(prefers-color-scheme:dark){:root{--color-bg: #0f1117;--color-surface: #1a1f2e;--color-border: #2d3348;--color-border-mid: #3d4468;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-light: #64748b;--color-card-bg: #f8fafc;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 10px 30px rgba(0,0,0,.5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}img,svg{display:block;max-width:100%}a{color:var(--color-navy);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--content-w);margin:0 auto;padding:0 var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;line-height:1;transition:background .15s,opacity .15s,transform .1s;white-space:nowrap;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-navy);color:#fff}.btn-primary:hover{background:var(--color-navy-mid);text-decoration:none}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border);text-decoration:none}.btn-amber{background:var(--color-amber);color:#fff}.btn-amber:hover{background:var(--color-amber-dark);text-decoration:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem;border-radius:var(--radius-md)}.btn:disabled{opacity:.4;cursor:not-allowed}.site-header{height:var(--header-h);background:var(--color-navy);color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px #ffffff0d}.site-header .container{display:flex;align-items:center;gap:var(--space-4)}.site-logo{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.02em;flex-shrink:0}.site-logo:hover{text-decoration:none;color:var(--color-amber)}.site-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:#ffffffbf;font-size:.875rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;transition:color .15s}.site-nav a:hover,.site-nav a.active{color:#fff;text-decoration:none}.site-nav a.active{background:#ffffff1a}.header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.site-footer{background:var(--color-navy);color:#fff9;font-size:.82rem;padding:var(--space-6) 0;margin-top:auto}.site-footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-links a{color:#ffffff80}.footer-links a:hover{color:#ffffffe6}.home-hero{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-mid) 100%);color:#fff;padding:var(--space-16) var(--space-4);text-align:center}.home-hero h1{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-3)}.home-hero p{font-size:clamp(1rem,2.5vw,1.2rem);color:#ffffffbf;max-width:500px;margin:0 auto var(--space-6)}.games-section{padding:var(--space-10) var(--space-4)}.games-section h2{font-size:1.3rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:var(--space-4)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);max-width:var(--content-w);margin:0 auto}.game-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .15s,box-shadow .15s;text-decoration:none;color:var(--color-text);display:flex;flex-direction:column}.game-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);text-decoration:none}.game-card-icon{height:110px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-mid) 100%);color:#fff;position:relative;overflow:hidden}.game-card-body{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.game-card-name{font-size:1rem;font-weight:600;margin-bottom:var(--space-1)}.game-card-desc{font-size:.82rem;color:var(--color-text-muted);line-height:1.4;flex:1;margin-bottom:var(--space-3)}.game-card-cta{font-size:.82rem;font-weight:600;color:var(--color-navy);display:inline-flex;align-items:center;gap:var(--space-1)}.game-card:hover .game-card-cta{color:var(--color-amber-dark)}.game-page{padding:var(--space-4) var(--space-4) var(--space-8);display:flex;flex-direction:column;align-items:center}.game-title-bar{width:100%;max-width:700px;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.game-title-bar h1{font-size:1.3rem;font-weight:700;flex:1}.game-controls-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.game-stats-bar{display:flex;gap:var(--space-4);font-size:.85rem}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:48px}.stat-label{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:1px solid var(--color-border-mid);background:var(--color-card-bg);box-shadow:var(--shadow-sm);position:absolute;user-select:none;transition:box-shadow .1s;font-family:var(--font-sans)}.card.face-down{background-image:repeating-linear-gradient(45deg,var(--color-card-back2) 0px,var(--color-card-back2) 3px,var(--color-card-back1) 3px,var(--color-card-back1) 12px);border-color:#3d4890}.card.face-up{background:var(--color-card-bg);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto 1fr;padding:3px 4px}.card-tl{grid-row:1;grid-column:1;display:flex;flex-direction:column;align-items:flex-start;line-height:1}.card-center{grid-row:2;grid-column:1 / -1;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w) * .35)}.card-br{grid-row:3;grid-column:3;display:flex;flex-direction:column;align-items:flex-end;line-height:1;transform:rotate(180deg)}.card-rank{font-size:calc(var(--card-w) * .2);font-weight:700;line-height:1}.card-suit-small{font-size:calc(var(--card-w) * .16);line-height:1}.card.red .card-tl,.card.red .card-br,.card.red .card-center{color:var(--color-red)}.card.black .card-tl,.card.black .card-br,.card.black .card-center{color:var(--color-black-card)}.card.selected{box-shadow:0 0 0 2px var(--color-amber),var(--shadow-md);z-index:50!important}.card.dragging{opacity:.85;box-shadow:var(--shadow-lg);z-index:200!important;cursor:grabbing}.card.face-up:hover{cursor:pointer}.pile-empty{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:2px dashed var(--color-border-mid);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:calc(var(--card-w) * .3)}.overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500;backdrop-filter:blur(4px)}.overlay-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);text-align:center;box-shadow:var(--shadow-lg);max-width:360px;width:90%}.overlay-card h2{font-size:2rem;font-weight:800;margin-bottom:var(--space-2)}.overlay-card p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.hidden{display:none!important}.lang-picker{position:relative;font-size:.82rem}.lang-picker select{appearance:none;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:4px 24px 4px 8px;font-size:.82rem;cursor:pointer;font-family:inherit}.lang-picker select option{background:#fff;color:#1a1a2e}.lang-picker select:focus{outline:2px solid var(--color-focus)}.lang-picker:after{content:"▾";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#ffffffb3;font-size:.7rem}.coming-soon-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center;gap:var(--space-4)}.coming-soon-page .icon{font-size:5rem;opacity:.3}.coming-soon-page h1{font-size:2rem;font-weight:800}.coming-soon-page p{color:var(--color-text-muted);max-width:400px}.ad-slot{display:flex;justify-content:center;align-items:center;overflow:hidden}.ad-slot-leaderboard{width:100%;max-width:728px;min-height:90px;margin:var(--space-4) auto}.ad-slot-sidebar{width:300px;min-height:250px}@media(max-width:767px){.game-title-bar{flex-direction:column;align-items:flex-start}}[dir=rtl] .card-tl{align-items:flex-end}[dir=rtl] .card-br{align-items:flex-start}[dir=rtl] .game-title-bar,[dir=rtl] .site-nav,[dir=rtl] .footer-links,[dir=rtl] .site-footer .container,[dir=rtl] .game-controls-bar,[dir=rtl] .site-header .container{flex-direction:row-reverse}