:root{--gap:clamp(9px, 1.2vw, 18px);--card-w:min(11.35vw, 19.2vh, 170px);--card-h:calc(var(--card-w) * 1.452);--radius:clamp(7px, calc(var(--card-w) * .06), 9px);--fan:calc(var(--card-h) * .235);--fan-down:calc(var(--card-h) * .112);--fan-fit:var(--fan);--fan-down-fit:var(--fan-down);--waste-fan:calc(var(--card-w) * .39);--board-w:calc(var(--card-w) * 7 + var(--gap) * 6);--felt:#0b6a39;--felt-dark:#064a29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#fff;touch-action:manipulation;background:radial-gradient(ellipse at 50% -15%, #2d97596b, transparent 48%), repeating-radial-gradient(circle at 20% 30%, #ffffff06 0 1px, transparent 1px 4px), linear-gradient(145deg,var(--felt),var(--felt-dark));overflow-x:hidden}.app{width:100%;min-height:100vh;padding:12px clamp(14px,2.2vw,34px) 32px}.header{width:min(100%,var(--board-w));border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:18px;min-height:58px;margin:0 auto 16px;display:flex}.brand{white-space:nowrap;align-items:center;display:flex}.title{letter-spacing:-.035em;margin:0;font:700 clamp(22px,2vw,30px)/1 Arial,Helvetica,sans-serif}.game-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.draw-modes{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}button.draw-mode{color:#ffffffb8;white-space:nowrap;background:#00301980;min-width:68px;min-height:44px;padding:8px 10px}button.draw-mode[aria-pressed=true]{color:#fff;background:#187844;border-color:#ffffff6b;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 5px #0003}.stats{color:#ffffffc7;white-space:nowrap;gap:14px;margin-right:3px;font-size:clamp(14px,1.1vw,17px);display:flex}.stats strong{color:#fff;font-variant-numeric:tabular-nums}button{color:#fff;cursor:pointer;background:#01361dd1;border:1px solid #ffffff47;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 16px;font:700 clamp(15px,1.1vw,17px)/1 Arial,Helvetica,sans-serif;display:inline-flex;box-shadow:0 2px 5px #0003}button:hover:not(:disabled){background:#11713ef2}button:focus-visible{outline-offset:2px;outline:3px solid #ffffffb8}button:disabled{opacity:.4;cursor:default}button.new-game,button.primary{background:#187844;border-color:#ffffff5c}.row{width:min(100%,var(--board-w));grid-template-columns:repeat(7,var(--card-w));gap:var(--gap);margin-inline:auto;display:grid}.top-row{margin-bottom:clamp(18px,2.6vh,28px)}.spacer{visibility:hidden}.slot{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);background:#0028153b;position:relative;box-shadow:inset 0 0 0 2px #dcf2e138,inset 0 6px 16px #00000021}.slot.droppable{box-shadow:inset 0 0 0 4px #ffffffd6,0 0 18px #ffffff4d}.slot .placeholder{color:#ffffff3d;font-size:calc(var(--card-w) * .48);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.waste-slot{overflow:visible}.waste-slot .card{position:absolute;top:0}.waste-turn-1 .card{left:0!important}.column{width:var(--card-w);min-height:var(--card-h);position:relative}.column .slot{position:absolute;inset:0 0 auto}.card{isolation:isolate;width:var(--card-w);height:var(--card-h);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 3px #0000005c);transform-origin:50%;will-change:transform;background:#fefefe;position:relative;overflow:hidden}.card img{object-fit:fill;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.card-edge{z-index:6;border-radius:inherit;pointer-events:none;border:1px solid #14191694;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff80}.mobile-card-face{display:none}.card.stacked{position:absolute;left:0}.card.face-up:hover{filter:drop-shadow(0 6px 5px #0006)}.card.selected{filter:drop-shadow(0 0 5px #fffffff2)drop-shadow(0 7px 5px #0006)}.card.droppable-card{filter:drop-shadow(0 0 5px #ffffffeb)}.card.foundation-drag-preview{z-index:80;pointer-events:none;cursor:grabbing;filter:drop-shadow(0 10px 8px #00000073);margin:0;position:fixed}.card.foundation-drag-source{visibility:hidden}.stock-slot{cursor:pointer}.stock-card-back{pointer-events:none}.stock-count{z-index:2;color:#fff;text-align:center;pointer-events:none;background:#000000b8;border-radius:12px;min-width:29px;padding:2px 7px;font:800 clamp(13px,1.15vw,17px)/1.4 Arial,Helvetica,sans-serif;position:absolute;bottom:6px;right:7px}.recycle{font-size:calc(var(--card-w) * .46);opacity:.58;place-items:center;display:grid;position:absolute;inset:0}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00140bb3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{color:#173426;background:#fffdf7;border:1px solid #ffffffa6;border-radius:11px;width:min(430px,100%);padding:28px;box-shadow:0 20px 65px #00000080}.confirm-modal h2{margin:0 0 10px;font:700 28px/1.12 Georgia,Times New Roman,serif}.confirm-modal p{color:#42554b;margin:0 0 24px;font-size:17px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:9px;display:flex}.banner{z-index:30;background:#002716f2;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:14px;padding:13px 16px;font-size:17px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000006b}.hint{width:min(100%,var(--board-w));color:#ffffffad;text-align:center;margin:clamp(18px,3vh,34px) auto 0;font-size:clamp(14px,1.05vw,16px)}@media (width<=760px){:root{--gap:clamp(3px,.9vw,6px);--card-w:calc((100vw - 10px - var(--gap) * 6) / 7);--card-h:calc(var(--card-w) * 1.452);--radius:4px;--fan:calc(var(--card-h) * .34);--fan-down:calc(var(--card-h) * .14)}.app{height:100svh;min-height:100svh;padding:0 5px 26px;overflow:hidden}.game-board{touch-action:none;overscroll-behavior:none}.header{background:#003018bd;border-bottom-color:#fff3;grid-template-columns:1fr;gap:6px;width:calc(100% + 10px);min-height:0;margin:0 -5px 13px;padding:7px 8px 8px;display:grid}.brand{justify-content:center;min-height:32px}.title{font-size:22px}.game-actions{justify-content:center;gap:5px;width:100%}.draw-modes{gap:3px}button.draw-mode{width:58px;min-width:0;min-height:42px;padding:7px 5px;font-size:13px}.stats{order:4;gap:1px;margin:0 0 0 3px;font-size:11px;line-height:1.2;display:grid}button{min-height:42px;padding:7px 10px;font-size:13px}.undo-button{padding-inline:10px}.top-row{margin-bottom:13px}.top-row .foundation-hearts{grid-area:1/1}.top-row .foundation-diamonds{grid-area:1/2}.top-row .foundation-clubs{grid-area:1/3}.top-row .foundation-spades{grid-area:1/4}.top-row .spacer{grid-area:1/5}.top-row .waste-slot{grid-area:1/6}.top-row .stock-slot{grid-area:1/7}.waste-turn-3 .card:first-child{left:calc(var(--card-w) * -.72)!important}.waste-turn-3 .card:nth-child(2){left:calc(var(--card-w) * -.36)!important}.waste-turn-3 .card:nth-child(3){left:0!important}.mobile-card-face{z-index:2;border-radius:inherit;color:#171717;pointer-events:none;background:linear-gradient(145deg,#fffefa,#f7f4ec);font-family:Georgia,Times New Roman,serif;display:block;position:absolute;inset:0;overflow:hidden}.mobile-card-face.red{color:#bd1724}.mobile-card-rank{z-index:2;letter-spacing:-.08em;font-size:clamp(20px,6.2vw,27px);font-weight:600;line-height:.9;position:absolute;top:3px;left:4px}.mobile-card-suit{z-index:2;font-size:clamp(20px,6vw,27px);line-height:1;position:absolute;top:2px;right:3px}.mobile-card-face.rank-10 .mobile-card-rank{letter-spacing:-.12em;font-size:clamp(17px,5.2vw,23px);left:3px}.mobile-card-center{font-size:calc(var(--card-w) * .8);place-items:center;line-height:1;display:grid;position:absolute;inset:22% 0 0}.slot{box-shadow:inset 0 0 0 1px #dcf2e138,inset 0 4px 10px #0000001f}.stock-count{min-width:23px;padding:1px 4px;font-size:12px;bottom:3px;right:3px}.hint{display:none}.banner{justify-content:center;width:calc(100% - 20px);font-size:15px;bottom:12px}}@media (width<=760px) and (orientation:landscape){.app{height:auto;min-height:100svh;overflow:visible}.game-board{touch-action:pan-y;overscroll-behavior-y:contain}}@media (height<=650px) and (width>=761px){:root{--card-w:min(11.35vw,16.5vh,136px);--fan:calc(var(--card-h) * .2)}.header{min-height:46px;margin-bottom:9px}button{min-height:40px}.top-row{margin-bottom:12px}.hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.site-footer{color:#ffffffbf;background:#062f1d;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:30px clamp(16px,4vw,56px);font:15px/1.5 Arial,Helvetica,sans-serif;display:flex}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:12px 24px;display:flex}.site-footer a,.site-nav a{color:#fff;text-underline-offset:4px}.consent-banner{z-index:60;color:#fff;background:#092e1c;border:1px solid #ffffff52;border-radius:10px;justify-content:space-between;align-items:center;gap:22px;max-width:820px;margin:auto;padding:16px 18px;font:15px/1.45 Arial,Helvetica,sans-serif;display:flex;position:fixed;inset:auto 16px 16px;box-shadow:0 10px 32px #00000080}.consent-banner p,.privacy-controls p{margin:5px 0 0}.consent-actions{flex-shrink:0;gap:8px;display:flex}.site-shell{color:#fff;background:radial-gradient(circle at 12% 2%,#349d5b47,#0000 36%),linear-gradient(145deg,#0b6a39,#064a29);flex-direction:column;min-height:100vh;display:flex}.site-nav{background:#03311bf0;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px clamp(18px,5vw,72px);font:700 17px/1 Arial,Helvetica,sans-serif;display:flex}.site-nav nav{align-items:center;gap:clamp(16px,3vw,36px);display:flex}.site-wordmark{letter-spacing:-.04em;font-size:24px;text-decoration:none}.site-play-link{background:#187844;border:1px solid #ffffff59;border-radius:7px;padding:12px 18px;text-decoration:none;box-shadow:0 3px 8px #0003}.content-page{color:#1c2a22;background:#fffdf7;border:1px solid #ffffff8c;border-radius:12px;flex:1;width:min(860px,100% - 32px);margin:clamp(28px,5vw,64px) auto clamp(54px,7vw,96px);font:18px/1.72 Arial,Helvetica,sans-serif;overflow:hidden;box-shadow:0 18px 48px #00000052}.content-page-wide{width:min(1180px,100% - 32px)}.content-hero{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff1f,#0000 35%),linear-gradient(135deg,#0d6c3c,#074426);padding:clamp(34px,6vw,74px) clamp(24px,7vw,82px) clamp(30px,5vw,60px)}.content-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:900px;margin:0;font:700 clamp(38px,6vw,68px)/1.04 Georgia,Times New Roman,serif}.content-eyebrow{color:#f0c96d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font:800 14px/1.2 Arial,Helvetica,sans-serif}.content-intro{color:#ffffffe0;max-width:760px;margin:22px 0 0;font-size:clamp(19px,2vw,24px);line-height:1.5}.content-body{padding:clamp(28px,6vw,72px) clamp(24px,7vw,82px) clamp(42px,7vw,86px)}.content-page h2{color:#103c27;letter-spacing:-.02em;margin:60px 0 14px;font:700 clamp(28px,3.2vw,40px)/1.15 Georgia,Times New Roman,serif}.content-page h3{color:#183e2b;margin:34px 0 8px;font-size:21px;line-height:1.3}.content-page p{margin:0 0 20px}.content-page a{color:#075c34;text-underline-offset:4px}.content-cta,.content-secondary{border-radius:7px;justify-content:center;align-items:center;min-height:50px;padding:13px 22px;font-weight:800;text-decoration:none;display:inline-flex}.content-page .content-cta{color:#fff;background:#187844;box-shadow:0 3px 9px #0003}.content-secondary{border:1px solid #1c6944}.editorial-actions{flex-wrap:wrap;gap:12px;margin-top:46px;display:flex}.about-lede{max-width:760px;font:22px/1.65 Georgia,Times New Roman,serif}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.principle-grid article{background:#f3efe4;border:1px solid #ded6c5;border-radius:9px;padding:24px}.principle-grid h3{margin-top:0}.principle-grid p{margin-bottom:0;font-size:16px}.about-section{max-width:760px}.guide-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,80px);display:grid}.guide-sidebar{gap:20px;display:grid;position:sticky;top:24px}.guide-contents{background:#f3efe4;border:1px solid #ded6c5;border-radius:8px;gap:5px;padding:18px;font-size:15px;line-height:1.3;display:grid}.guide-contents strong{color:#173e2b;margin-bottom:7px}.guide-contents a{padding:5px 0;text-decoration:none}.guide-article{min-width:0}.guide-article section:first-child h2{margin-top:0}.guide-article section{scroll-margin-top:20px}.quick-steps{counter-reset:steps;gap:14px;margin:26px 0 28px;padding:0;list-style:none;display:grid}.quick-steps li{background:#f4f0e5;border-radius:8px;padding:17px 18px 17px 58px;position:relative}.quick-steps li:before{counter-increment:steps;content:counter(steps);color:#fff;background:#187844;border-radius:50%;place-items:center;width:27px;height:27px;font:800 14px/1 Arial,sans-serif;display:grid;position:absolute;top:16px;left:17px}.guide-note{color:#153c29;background:#e9f3ea;border-left:5px solid #187844;border-radius:5px;margin:30px 0;padding:20px 22px}.guide-note p{margin:5px 0 0}.guide-figure{color:#fff;background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 40%),linear-gradient(145deg,#0b6a39,#07502d);border:1px solid #0000002e;border-radius:10px;margin:30px 0 34px;padding:clamp(18px,3vw,28px);overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00000029}.guide-figure figcaption{color:#ffffffdb;margin-top:20px;font-size:15px;line-height:1.5}.guide-card{object-fit:fill;filter:drop-shadow(0 3px 3px #00000061);border-radius:5px;flex:none;width:74px;height:108px;display:block}.guide-card-row{align-items:flex-start;gap:8px;min-height:108px;display:flex}.guide-top-row{grid-template-columns:1fr 1fr 2.5fr;gap:16px;display:grid}.guide-zone{min-width:0}.guide-zone>strong{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:13px;display:block}.guide-empty{color:#ffffff3d;border:2px solid #ffffff42;border-radius:5px;place-items:center;width:74px;height:108px;font:700 34px/1 Georgia,serif;display:grid}.tableau-zone{margin-top:24px}.mini-tableau{grid-template-columns:repeat(4,74px);gap:15px;display:grid}.mini-tableau>div{min-height:182px;position:relative}.mini-tableau .guide-card{position:absolute;left:0}.mini-tableau .guide-card:nth-child(2){top:25px}.mini-tableau .guide-card:nth-child(3){top:50px}.mini-tableau .guide-card:nth-child(4){top:75px}.move-stage,.reveal-sequence{justify-content:center;align-items:center;gap:clamp(18px,5vw,48px);min-height:150px;display:flex}.move-arrow{color:#f0c96d;font:700 34px/1 Arial,sans-serif}.guide-stack{width:74px;min-height:148px;position:relative}.guide-stack .guide-card{position:absolute;top:0;left:0}.guide-stack .guide-card:nth-child(2){top:40px}.foundation-run{justify-content:center;gap:clamp(7px,2vw,18px);display:flex}.guide-draw-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.draw-mode{background:#0023123d;border:1px solid #fff3;border-radius:8px;min-width:0;padding:18px}.draw-mode>strong{margin-bottom:14px;font-size:20px;display:block}.draw-mode p{color:#fffc;margin:14px 0 0;font-size:14px}.draw-mode .guide-card-row{align-items:center}.waste-fan{width:118px;height:108px;position:relative}.waste-fan .guide-card{position:absolute;top:0;left:0}.waste-fan .guide-card:nth-child(2){left:22px}.waste-fan .guide-card:nth-child(3){left:44px}.opening-steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.opening-steps>div{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.opening-steps>div>span{color:#0b542f;background:#f0c96d;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.opening-steps small{color:#ffffffd9;line-height:1.3}.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.definition-grid h3{margin-bottom:3px}.definition-grid p{font-size:16px}.comparison-table{border:1px solid #d7d0c1;border-radius:8px;margin:26px 0;font-size:16px;overflow:hidden}.comparison-table>div{grid-template-columns:1fr 1fr 1fr;display:grid}.comparison-table>div>*{padding:13px 15px}.comparison-table>div:nth-child(2n){background:#f4f0e5}.comparison-head{color:#fff;background:#125f38}.strategy-list{gap:12px;display:grid}.strategy-list article{background:#f4f0e5;border-radius:8px;grid-template-columns:42px 1fr;gap:15px;padding:19px;display:grid}.strategy-list article>span{color:#187844;font-weight:900}.strategy-list h3{margin:0 0 4px}.strategy-list p{margin:0;font-size:16px}.mistake-list{padding-left:24px}.mistake-list li{margin-bottom:14px;padding-left:5px}.faq-list{border-top:1px solid #d9d2c4}.faq-list details{border-bottom:1px solid #d9d2c4;padding:18px 0}.faq-list summary{color:#173e2b;cursor:pointer;font-weight:800}.faq-list p{margin:12px 0 0}.glossary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.glossary div{background:#f4f0e5;border-radius:8px;padding:18px}.glossary dt{color:#173e2b;font-weight:800}.glossary dd{margin:5px 0 0;font-size:16px}.guide-finish{color:#fff;background:#0e5d36;border-radius:10px;margin-top:60px;padding:clamp(24px,4vw,38px)}.guide-finish p{font:22px/1.55 Georgia,serif}.guide-finish .content-cta{color:#075c34;background:#fff}.privacy-controls{color:#fff;background:#0b472c;border-radius:8px;margin-top:24px;padding:20px}.privacy-controls .consent-actions{margin-top:18px}.current-choice{text-transform:capitalize}.contact-form{gap:17px;display:grid}.contact-form label{gap:6px;font-weight:700;display:grid}.contact-form input,.contact-form textarea{color:#17241d;background:#fff;border:1px solid #7a857f;border-radius:5px;width:100%;padding:11px 12px;font:17px/1.4 Arial,Helvetica,sans-serif}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#11713e;outline:3px solid #11713e59}.contact-form button{justify-self:start}.spam-trap{width:1px;height:1px;overflow:hidden;position:absolute!important;left:-10000px!important}@media (width<=680px){.consent-banner{flex-direction:column;align-items:stretch;gap:12px}.consent-actions{grid-template-columns:1fr 1fr;display:grid}.site-footer{padding-bottom:30px}.site-nav{min-height:62px;padding:10px 14px}.site-nav nav>a:first-child{display:none}.site-wordmark{font-size:21px}.site-play-link{padding:10px 13px}.content-page,.content-page-wide{border-radius:8px;width:calc(100% - 16px);margin:12px auto 38px}.content-hero{padding:32px 22px 30px}.content-hero h1{font-size:clamp(36px,11vw,50px)}.content-intro{font-size:19px}.content-body{padding:28px 20px 46px}.content-page{font-size:17px;line-height:1.68}.content-page h2{margin-top:48px;font-size:30px}.principle-grid,.definition-grid,.glossary{grid-template-columns:1fr}.guide-layout{display:block}.guide-sidebar{margin-bottom:34px;position:static}.guide-contents{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-contents strong{grid-column:1/-1}.guide-sidebar>.content-cta{display:none}.guide-figure{margin-inline:-10px;padding:16px 12px}.guide-card,.guide-empty{border-radius:4px;width:55px;height:80px}.guide-card-row{gap:5px;min-height:80px}.guide-top-row{grid-template-columns:1fr 1fr;gap:12px}.foundations-zone{grid-column:1/-1}.mini-tableau{grid-template-columns:repeat(4,55px);gap:8px}.mini-tableau>div{min-height:142px}.guide-stack{width:55px;min-height:120px}.guide-stack .guide-card:nth-child(2){top:32px}.foundation-run{gap:5px}.guide-draw-modes{grid-template-columns:1fr}.waste-fan{width:89px;height:80px}.waste-fan .guide-card:nth-child(2){left:17px}.waste-fan .guide-card:nth-child(3){left:34px}.opening-steps{gap:6px}.comparison-table{margin-inline:-6px;font-size:14px}.comparison-table>div>*{padding:10px 8px}}