:root{color:#fffdf7;font-synthesis:none;text-rendering:optimizelegibility;--card-radius:clamp(4px, 1.6vw, 10px);--column-gap:clamp(4px, 1.35vw, 10px);background:#073f2b;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-width:320px;min-height:100dvh;overflow-x:hidden}button{font:inherit;touch-action:manipulation}.app-shell{width:100%;max-width:100vw;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) max(12px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 12px) max(12px, env(safe-area-inset-left));background:radial-gradient(circle at 50% -15%,#4ba66f73,#0000 48%),linear-gradient(160deg,#0c5b3d,#063624 75%);position:relative;overflow-x:hidden}.top-bar{justify-content:space-between;align-items:center;gap:16px;min-width:0;max-width:720px;margin:0 auto 18px;display:flex}.eyebrow{color:#b8d8c7;letter-spacing:.13em;text-transform:uppercase;margin:0 0 1px;font-size:.66rem;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,8vw,3rem);font-weight:500;line-height:1}.primary-control,.text-control,.win-banner button{color:#fffdf7;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;min-height:44px;padding:0 17px;font-weight:750}.primary-control:active,.text-control:active,.win-banner button:active{background:#ffffff38}.table{width:100%;min-width:0;max-width:720px;margin:0 auto}.pile-row,.tableau{gap:var(--column-gap);grid-template-columns:repeat(7,minmax(0,1fr));width:100%;min-width:0;display:grid}.pile-row{align-items:start}.foundation-spacer{grid-column:span 1}.playing-card,.empty-pile{aspect-ratio:5/7;border-radius:var(--card-radius);width:100%;min-width:0;padding:0}.playing-card{touch-action:none;border:1px solid #00000047;transition:transform .12s,box-shadow .12s,outline-color .12s;animation:.14s ease-out card-arrive;display:block;position:relative;overflow:hidden;box-shadow:0 4px 9px #00000038}button.playing-card{cursor:pointer}.face-up{color:#171b19;background:linear-gradient(145deg,#fff,#f7f1e8)}.red-card,.red-suit{color:#b51f34}.black-card{color:#171b19}.card-corner{flex-direction:column;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(.73rem,3.2vw,1.45rem);font-weight:700;line-height:.83;display:flex;position:absolute;top:clamp(3px,.8vw,7px);left:clamp(4px,1vw,8px)}.card-suit{place-items:center;padding-top:16%;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,6.2vw,2.8rem);display:grid;position:absolute;inset:0}.face-down{background:#174d77;border:clamp(2px,.7vw,4px) solid #f8f2e8}.card-back-pattern{border-radius:calc(var(--card-radius) - 3px);background-color:#174d77;background-image:linear-gradient(45deg,#ffffff24 25%,#0000 25%),linear-gradient(-45deg,#ffffff24 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff24 75%),linear-gradient(-45deg,#0000 75%,#ffffff24 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;position:absolute;inset:2px}.selected-card{z-index:20;outline-offset:1px;outline:3px solid #ffe17d;transform:translateY(-3px);box-shadow:0 0 0 5px #ffe17d3d,0 7px 14px #00000047}.empty-pile{color:#ffffff47;background:#00000012;border:1px solid #ffffff3d;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,4.5vw,2rem);display:grid;box-shadow:inset 0 1px 5px #0000001f}button.empty-pile{cursor:pointer}button.empty-pile:disabled{cursor:default}.recycle-pile{color:#ffffff94;font-family:inherit;font-size:clamp(1.1rem,5vw,2rem)}.tableau{align-items:start;margin-top:clamp(18px,5vw,32px)}.tableau-column{--covered-overlap:clamp(14px, 3.8vw, 25px);--open-overlap:clamp(24px, 6.6vw, 40px);min-width:0;min-height:340px}.tableau-column>.playing-card+.playing-card{margin-top:calc(-140% + var(--covered-overlap))}.tableau-column>.playing-card+.stacked-after-face-up{margin-top:calc(-140% + var(--open-overlap))}.tableau-column.stack-dense{--covered-overlap:clamp(12px, 3.2vw, 20px);--open-overlap:clamp(20px, 5.6vw, 32px)}.tableau-column.stack-compact{--covered-overlap:clamp(10px, 2.6vw, 16px);--open-overlap:clamp(17px, 4.5vw, 26px)}.empty-tableau{color:#ffffff29;font-size:clamp(1rem,5vw,2rem)}.game-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:720px;min-height:38px;margin:-5px auto 10px;display:flex}.game-stats{color:#b8d8c7;letter-spacing:.03em;text-transform:uppercase;gap:22px;font-size:.76rem;display:flex}.game-stats strong{color:#fffdf7;font-variant-numeric:tabular-nums}.text-control{color:#c7dfd1;background:0 0;border-color:#0000;min-height:38px;padding:0 13px;font-size:.8rem}.stuck-banner{color:#fffdf7;background:#0003;border:1px solid #ffe17d59;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:min(100%,520px);margin:12px auto 0;padding:14px 16px;display:flex}.stuck-banner p{color:#c7dfd1;margin:3px 0 0;font-size:.78rem}.stuck-banner button{color:#fffdf7;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;flex:none;min-height:40px;padding:0 13px;font-weight:750}.drag-preview{z-index:200;pointer-events:none;filter:drop-shadow(0 12px 12px #0000004d);width:clamp(48px,13vw,76px);position:fixed;transform:translate(-50%,-38%)}.drag-preview .playing-card{transform:rotate(2deg)scale(1.04)}.drag-count{color:#073f2b;background:#ffe17d;border:2px solid #073f2b;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:.7rem;font-weight:900;display:grid;position:absolute;bottom:-7px;right:-7px}.auto-finish-shield{z-index:90;padding-bottom:calc(env(safe-area-inset-bottom) + 28px);cursor:wait;background:#011e1414;place-items:end center;display:grid;position:fixed;inset:0}.auto-finish-shield span{color:#fffdf7;letter-spacing:.04em;background:#042b1deb;border:1px solid #ffffff38;border-radius:999px;padding:9px 15px;font-size:.8rem;font-weight:800;box-shadow:0 8px 25px #00000047}.win-banner{z-index:100;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#042b1df2;border:1px solid #ffffff3d;border-radius:24px;width:min(310px,100% - 40px);padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000073}.win-banner h2{margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;font-weight:500}.win-banner p{color:#b8d8c7;margin:0 0 18px}.win-suit{color:#ffe17d;font-size:2.8rem}@media (height<=760px){.app-shell{padding-top:calc(env(safe-area-inset-top) + 8px)}.top-bar{margin-bottom:12px}.tableau{margin-top:14px}.tableau-column{--covered-overlap:clamp(11px, 3vw, 18px);--open-overlap:clamp(18px, 4.8vw, 29px);min-height:280px}.tableau-column.stack-dense{--covered-overlap:clamp(10px, 2.6vw, 15px);--open-overlap:clamp(17px, 4.4vw, 24px)}.tableau-column.stack-compact{--covered-overlap:clamp(9px, 2.35vw, 14px);--open-overlap:clamp(15px, 3.9vw, 22px)}}@media (width<=520px){:root{--column-gap:3px}.app-shell{padding-right:max(4px, env(safe-area-inset-right));padding-left:max(4px, env(safe-area-inset-left))}}@media (width>=600px){.tableau-column{min-height:480px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes card-arrive{0%{opacity:.7;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}