:root{--gap:clamp(10px, 1.35vw, 20px);--card-w:min(10.6vw, 17.2vh, 154px);--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) * .46);--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-mode{color:#ffffffe6;white-space:nowrap;background:#00301980;border:1px solid #ffffff3b;border-radius:7px;align-items:center;min-height:36px;padding:8px 10px;font-size:15px;font-weight:700;display:inline-flex}.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}.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}.deal-card-back{z-index:4;border-radius:inherit;opacity:0;transform-origin:50%;backface-visibility:hidden;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.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)}.stock-slot{cursor:pointer}.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}.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{padding:0 5px 26px}.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-mode{min-height:40px;padding:7px 8px;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-slot .card:first-child{left:calc(var(--card-w) * -.72)!important}.waste-slot .card:nth-child(2){left:calc(var(--card-w) * -.36)!important}.waste-slot .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(17px,5vw,22px);line-height:1;position:absolute;top:3px;right:4px}.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) * .72);place-items:center;line-height:1;display:grid;position:absolute;inset:24% 1% 1%}.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 (height<=650px) and (width>=761px){:root{--card-w:min(10.6vw,14.6vh,120px);--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}}