/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.flex{display:flex}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[400px\]{max-width:400px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.text-center{text-align:center}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html,body,#root{height:100%;margin:0}body{color:#e6eef2;background-color:#0000;background-image:radial-gradient(at 50% 0,#ffffff08,#0000 70%),radial-gradient(at 0 100%,#0000004d,#0000 50%),radial-gradient(at 100% 100%,#0000004d,#0000 50%),linear-gradient(160deg,#1a6b3c,#0d4a22,#082e14);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;font-family:ui-sans-serif,system-ui,sans-serif}.card{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;border-radius:10px;flex-shrink:0;width:90px;height:120px;position:relative}.card-face{will-change:transform;backface-visibility:hidden;background:#fefefe;border:1px solid #0000001a;transition:box-shadow .12s,transform .12s;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000026,0 8px 20px #00000014,inset 0 1px #fff}.card-face:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026,0 8px 24px #0003,0 16px 32px #0000001a,inset 0 1px #fff}.card-dragging{opacity:.95;transform:translateY(-8px)scale(1.05)!important;box-shadow:0 20px 60px #000000b3,0 8px 20px #0006!important}.card-back{background:linear-gradient(145deg,#b91c1c,#991b1b);border:1px solid #0003;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff1a}.card-back-inner{background-color:#78000033;background-image:repeating-linear-gradient(45deg,#ffffff0f 0 1px,#0000 1px 7px),repeating-linear-gradient(-45deg,#ffffff0f 0 1px,#0000 1px 7px);border:1.5px solid #fff3;border-radius:5px;position:absolute;inset:5px}.card-pip{flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex;position:absolute}.pip-tl{top:5px;left:7px}.pip-br{bottom:5px;right:7px;transform:rotate(180deg)}.pip-rank{letter-spacing:-.02em;font-size:1rem;font-weight:900}.pip-suit{margin-top:-1px;font-size:.78rem}.card-center{pointer-events:none;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.stock-count{color:#fff9;font-size:.75rem;font-weight:700;position:absolute;bottom:6px;right:8px}.slot-empty{box-sizing:border-box;background:#0000001f;border:2px dashed #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:90px;height:120px;display:flex;box-shadow:inset 0 2px 8px #0003}.foundation-empty .foundation-hint{color:#ffffff2e;font-size:1.6rem}.recycle-btn{color:#fff6;cursor:pointer;font-size:1.6rem;transition:color .15s}.recycle-btn:hover{color:#ffffffb3}.pile-slot{flex-shrink:0;width:90px;height:120px}.foundation-pile{flex-shrink:0;width:90px;height:120px;position:relative}.drop-ok{background:#22c55e1f;box-shadow:inset 0 0 0 2.5px #22c55ed9}.drop-no{background:#ef44440d;box-shadow:inset 0 0 0 2px #ef444499}.hint-glow{background:#facc1514;animation:.8s ease-in-out infinite alternate hint-pulse;box-shadow:inset 0 0 0 2.5px #facc15e6,0 0 14px #facc1566}@keyframes hint-pulse{0%{opacity:.6}to{opacity:1}}.gb-wrap{max-width:1000px;margin:0 auto;padding:16px 16px 80px}.tableau-grid{grid-template-columns:repeat(7,90px);justify-content:center;gap:8px;padding-bottom:16px;display:grid}.stats-bar{background:#0003;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:14px;padding:8px 24px;display:flex;box-shadow:0 2px 12px #0003}.stat-item{flex-direction:column;align-items:center;gap:1px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:.65rem}.top-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:18px;display:flex}.stock-waste{flex-shrink:0;align-items:flex-start;gap:10px;display:flex}.foundations{align-items:flex-start;gap:8px;display:flex}.tableau-col{width:90px;position:relative}.controls{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05190ceb;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:10px 16px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.ctrl-btn,.draw-btn,.hint-btn,.new-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ctrl-btn{cursor:pointer;color:#fff;background:#ffffff21;border:none;border-radius:10px;padding:9px 20px;font-size:.82rem;font-weight:600;transition:background .15s,transform .1s}.ctrl-btn:hover{background:#ffffff38}.ctrl-btn:active{transform:translateY(1px)}.new-btn{background:#dc2626a6}.new-btn:hover{background:#dc2626d9}.hint-btn{background:#ca8a0499}.hint-btn:hover{background:#ca8a04d9}.hint-msg{text-align:center;color:#facc15e6;margin-bottom:8px;font-size:.82rem;font-weight:500;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-overlay{z-index:9999;background:#000000b8;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.win-card{color:#111;text-align:center;background:#fff;border-radius:22px;width:90%;max-width:360px;padding:44px 48px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 24px 80px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.win-title{color:#1a1a1a;margin:0 0 20px;font-size:2rem;font-weight:800}.win-stats{justify-content:space-around;margin-bottom:28px;display:flex}.win-stat{flex-direction:column;gap:4px;display:flex}.win-stat span{color:#888;font-size:.75rem}.win-stat strong{color:#111;font-size:1.4rem;font-weight:700}.win-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;width:100%;padding:13px 0;font-size:1rem;font-weight:700;transition:background .15s}.win-btn:hover{background:#15803d}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#00000059;border-bottom:1px solid #ffffff12;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 20px;display:flex}.logo-wrap{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg,#1e3a5f,#0f2040);border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;grid-template-columns:1fr 1fr;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 2px 8px #0006}.logo-suit{font-size:.9rem;line-height:1}.logo-suit-s,.logo-suit-c{color:#e2e8f0}.logo-suit-h{color:#f87171}.logo-suit-d{color:#fb923c}.logo-text{flex-direction:column;line-height:1.15;display:flex}.logo-name{color:#f8fafc;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.logo-name em{color:#4ade80;font-style:normal}.logo-tagline{color:#ffffff61;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.site-nav{align-items:center;gap:4px;display:flex}.nav-link{color:#ffffffd1;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link-dim{color:#ffffff6b;font-size:.8rem}.nav-link-dim:hover{color:#ffffffb3}.draw-toggle{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:inset 0 1px 3px #0000004d}.draw-btn{cursor:pointer;color:#ffffff73;letter-spacing:.03em;background:0 0;border:none;border-radius:9px;padding:8px 18px;font-size:.8rem;font-weight:700;transition:all .18s;position:relative}.draw-btn:hover{color:#fffc;background:#ffffff12}.draw-active{text-shadow:0 1px 2px #0003;color:#fff!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 2px 8px #16a34a73,inset 0 1px #ffffff26!important}.nav-active{color:#fff!important;background:#ffffff1f!important}.page-wrap{width:100%;max-width:680px;margin:0 auto;padding:32px 16px 48px}.page-card{background:#00000040;border:1px solid #ffffff14;border-radius:20px;padding:40px 44px}.page-icon{margin-bottom:12px;font-size:2.5rem}.page-title{color:#f8fafc;letter-spacing:-.02em;margin:0 0 12px;font-size:1.8rem;font-weight:800}.page-body{color:#ffffffa6;margin:0 0 12px;font-size:.95rem;line-height:1.7}.page-divider{background:#ffffff14;height:1px;margin:24px 0}.page-stats-row{justify-content:space-around;margin-top:8px;display:flex}.page-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.page-stat-num{color:#4ade80;font-size:2rem;font-weight:800}.page-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#fff6;font-size:.72rem}.contact-box{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.contact-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.contact-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;font-size:.78rem}.contact-link{color:#4ade80;font-size:.9rem;font-weight:600;text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-value{color:#fff9;font-size:.88rem}.privacy-section{margin-bottom:20px}.privacy-heading{color:#f8fafc;margin:0 0 6px;font-size:.95rem;font-weight:700}.htp-section{margin-bottom:24px}.htp-heading{color:#f8fafc;margin:0 0 10px;font-size:1rem;font-weight:700}.htp-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.htp-item{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.htp-item strong{color:#4ade80;font-size:.85rem}.htp-item span{color:#ffffff8c;font-size:.8rem;line-height:1.5}.htp-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.htp-list li{color:#ffffffa6;padding-left:20px;font-size:.88rem;line-height:1.5;position:relative}.htp-list li:before{content:"→";color:#4ade80;position:absolute;left:0}.htp-play-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:12px;padding:12px 32px;font-size:.95rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block;box-shadow:0 4px 16px #16a34a66}.htp-play-btn:hover{opacity:.88}.hint-glow{pointer-events:none;z-index:10;border-radius:10px;position:absolute;inset:0}.hint-src{background:#facc1512;animation:.7s ease-in-out infinite alternate hint-pulse;box-shadow:inset 0 0 0 2.5px #facc15f2,0 0 16px #facc1559}.hint-dest{background:#4ade8012;animation:.7s ease-in-out infinite alternate hint-pulse;box-shadow:inset 0 0 0 2.5px #4ade80f2,0 0 16px #4ade8059}.hint-ghost{pointer-events:none;z-index:99999;animation:.82s cubic-bezier(.4,0,.2,1) forwards ghost-fly;position:fixed}@keyframes ghost-fly{0%{opacity:.9;transform:translate(0)scale(1.08)rotate(-2deg)}60%{opacity:.8}to{transform:translate(var(--dx),var(--dy))scale(.95)rotate(0);opacity:0}}.autocomplete-msg{font-size:.88rem;animation:.3s fadeIn,1s ease-in-out infinite alternate pulse-green;color:#4ade80!important}@keyframes pulse-green{0%{opacity:.7}to{opacity:1}}.card-face:hover{box-shadow:0 8px 28px #00000073,0 2px 4px #0003!important}.drop-ok,.drop-no{pointer-events:none;z-index:10;border-radius:10px;position:absolute;inset:0}@keyframes card-flip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.card-flip{animation:.35s ease-in-out card-flip}@keyframes foundation-bounce{0%{transform:scale(1)}35%{transform:scale(1.12)}60%{transform:scale(.95)}80%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes stock-pulse{0%,to{box-shadow:0 0 #facc1599}50%{box-shadow:0 0 0 10px #facc1500}}.stock-hint-pulse{border-radius:10px;animation:1s ease-in-out infinite stock-pulse}.win-confetti{margin-bottom:8px;font-size:52px;animation:.6s cubic-bezier(.34,1.56,.64,1) confetti-pop}@keyframes confetti-pop{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes stat-pop{0%{transform:scale(1)}50%{color:#4ade80;transform:scale(1.25)}to{transform:scale(1)}}.stat-val{font-size:1rem;font-weight:700;transition:color .2s;display:inline-block}@keyframes auto-flash{0%{filter:brightness()}50%{filter:brightness(1.3)}to{filter:brightness()}}.foundation-pile .card{animation:.3s cubic-bezier(.34,1.56,.64,1) foundation-bounce,.3s auto-flash}.no-moves-card{border-top:4px solid #dc2626}.no-moves-card .win-title{color:#dc2626}@media(max-width:700px){.gb-wrap{padding:8px 4px 80px}.stats-bar{gap:10px;margin-bottom:6px;padding:4px 8px}.header-inner{padding:8px 12px}.stat-label{font-size:.55rem}.stat-val{font-size:.85rem}.top-row{gap:4px;margin-bottom:10px}.card{border-radius:6px;width:52px;height:72px}.card-center{font-size:1.2rem}.pip-rank{font-size:.62rem}.pip-suit{font-size:.52rem}.pip-tl{top:3px;left:4px}.pip-br{bottom:3px;right:4px}.slot-empty{border-radius:6px;width:52px;height:72px}.pile-slot,.foundation-pile{width:52px;height:72px}.stock-count{font-size:.55rem;bottom:3px;right:4px}.tableau-grid{grid-template-columns:repeat(7,52px);gap:3px}.tableau-col{width:52px}.foundations{gap:3px}.stock-waste{gap:5px}.foundation-empty .foundation-hint{font-size:.9rem}.recycle-btn{font-size:1rem}.controls{gap:5px;padding:8px 8px 12px}.ctrl-btn{padding:7px 10px;font-size:.7rem}.draw-btn{padding:6px 10px;font-size:.7rem}.hint-msg{font-size:.72rem}.win-card{padding:24px 20px}.win-title{font-size:1.4rem}.win-stat strong{font-size:1rem}.logo-tagline{display:none}.logo-name{font-size:1rem}.logo-icon{width:32px;height:32px}.site-nav{gap:1px}.nav-link{padding:5px 7px;font-size:.72rem}.nav-link-dim{display:none}}@media(max-width:400px){.card,.slot-empty,.pile-slot,.foundation-pile{width:38px;height:50px}.tableau-grid{grid-template-columns:repeat(7,38px);gap:2px}.tableau-col{width:38px}}.card-selected{transform:translateY(-8px)scale(1.05);z-index:999!important;box-shadow:0 0 0 3px #facc15,0 0 16px #facc1580,0 8px 24px #00000080!important}.tableau-grid{transform:translateZ(0)}.card{-webkit-font-smoothing:antialiased;transform:translateZ(0)}.card-face{transition:box-shadow .12s,transform .15s cubic-bezier(.34,1.56,.64,1)}.card-back{transition:transform .15s}.gb-wrap{-webkit-overflow-scrolling:touch}.seo-content{color:#ffffff80;background:#00000026;border-radius:12px;max-width:900px;margin:20px auto;padding:24px;font-size:.82rem;line-height:1.6}.seo-content h1{color:#fff6;margin:0 0 8px;font-size:1rem;font-weight:700}.seo-content h2{color:#ffffff59;margin:12px 0 6px;font-size:.88rem;font-weight:600}.seo-content p{margin:0 0 8px}.sound-btn{min-width:44px;padding:9px 14px;font-size:1rem}.sound-on{color:#4ade80!important;background:#4ade8033!important}.sound-off{color:#ffffff59!important;background:#ffffff12!important}.sound-btn:hover{transform:scale(1.1)}.streak-banner{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:12px;margin-bottom:16px;padding:10px 16px;font-size:1rem;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) streak-pop}.streak-best{opacity:.9;margin-left:6px;font-size:.8rem}@keyframes streak-pop{0%{opacity:0;transform:scale(.8)rotate(-3deg)}60%{transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.best-streak{color:#888;margin-top:8px;margin-bottom:4px;font-size:.78rem}.ad-top-banner{width:100%;max-width:728px;margin:4px auto;overflow:hidden}@media(max-width:750px){.ad-top-banner{display:none}}.drag-preview-card{filter:drop-shadow(0 12px 32px #0009)}.card-dragging{opacity:.4!important;box-shadow:none!important;transform:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}