:root{--chrome:#ece9d8;--table:#087344;--table-dark:#075c39;--table-light:#167b4b;--ink:#eff4d9;--card-width:96px;--card-height:134px;--back:#194982;--back-light:#3675ae}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font:11px Tahoma,Verdana,sans-serif;color:#161916;background:var(--chrome)}button,input,select{font:inherit}button{color:inherit;cursor:default}button:disabled{opacity:.43}button:focus-visible{outline:2px solid #1d60b4;outline-offset:2px}button:disabled:focus{outline:none}[hidden]{display:none!important}.app{height:100%;height:100dvh;display:flex;flex-direction:column;user-select:none}
.menu-bar{height:25px;flex:none;display:flex;align-items:stretch;border-bottom:1px solid #b7b3a5;position:relative;z-index:30;padding:0 3px}.menu{position:relative}.menu-trigger{height:24px;padding:0 9px;background:none;border:1px solid transparent}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:#316ac5;color:white}.menu-popup{position:absolute;top:24px;left:0;min-width:224px;border:1px solid #858477;background:#f6f5ed;padding:3px;box-shadow:2px 3px 0 #0004}.menu-popup button{display:flex;align-items:center;width:100%;height:26px;gap:8px;border:0;background:transparent;text-align:left;padding:0 10px}.menu-popup button:hover:not(:disabled),.menu-popup button:focus-visible{background:#316ac5;color:white;outline:none}.menu-popup kbd{font:10px Tahoma,sans-serif;margin-left:auto;padding-left:18px;color:inherit}.menu-popup hr{border:0;border-top:1px solid #c2bfb2;margin:4px}.menu-popup .check{width:10px;text-align:center}.menu-brand{margin-left:auto;align-self:center;padding-right:7px;color:#817e71;font-size:10px}
.toolbar{height:40px;flex:none;display:flex;align-items:center;gap:2px;padding:4px 7px;border-top:1px solid #fffdf2;border-bottom:1px solid #aaa89a;background:var(--chrome)}.toolbar button{height:30px;padding:3px 8px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:2px;background:transparent;white-space:nowrap}.toolbar button:hover:not(:disabled){background:#fbfaf4;border-color:#b2b0a0}.toolbar button:active:not(:disabled){background:#e0decf;box-shadow:inset 1px 1px #969386}.toolbar svg{width:19px;height:19px;flex:none;shape-rendering:geometricPrecision}.toolbar .icon-only{width:31px;padding:5px}.toolbar-spacer{flex:1}.separator{height:24px;border-left:1px solid #bbb8a9;border-right:1px solid white;margin:0 4px}
.scorebar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:66px;padding:10px 25px;background:var(--table-dark);color:var(--ink);border-bottom:1px solid #b6d9a327;box-shadow:inset 0 2px 2px #002d232b}.game-identity{display:flex;flex-direction:column;gap:5px}.game-identity strong{font:italic 25px Georgia,'Times New Roman',serif;letter-spacing:-.5px}.game-identity>span{font-size:8px;letter-spacing:1.4px;color:#c2d3b3}.counters{display:flex;margin:0;gap:27px}.counters>div{min-width:43px;text-align:right}.counters dt{text-transform:uppercase;font-size:8px;letter-spacing:1.4px;color:#c2d3b3;margin-bottom:5px}.counters dd{margin:0;font:19px/1 'Courier New',monospace;font-weight:700;font-variant-numeric:tabular-nums}
.table-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background-color:var(--table);background-image:radial-gradient(#ffffff06 .65px,transparent .65px);background-size:3px 3px;scrollbar-color:#84aa87 var(--table-dark);scrollbar-width:thin}.table{min-height:100%;position:relative;max-width:1020px;margin:auto;isolation:isolate}.table-watermark{position:absolute;left:50%;top:57%;transform:translate(-50%,-30%);text-align:center;color:#e9e8b91b;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:7px;white-space:nowrap}.table-watermark>span{font:66px/1 Georgia,serif}.table-watermark strong{font:italic 30px Georgia,serif;letter-spacing:-1px}.table-watermark small{font-size:8px;letter-spacing:2px}.pile{position:absolute;width:var(--card-width);height:var(--card-height)}.slot{position:absolute;inset:0;width:var(--card-width);height:var(--card-height);padding:0;border:1px solid #d1e6c348;border-radius:5px;background:#003d2514;color:#d1e6c367;display:grid;place-items:center;box-shadow:inset 0 1px 2px #00392124}.slot .slot-suit{font:36px Georgia,serif}.slot-stock{cursor:pointer;border-style:dashed}.slot-stock .recycle-symbol{font:34px Arial,sans-serif}.slot-stock:disabled{opacity:.45;cursor:default}.slot-label{position:absolute;top:-17px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1.3px;color:#d7e5bb96;pointer-events:none;text-transform:uppercase;white-space:nowrap}.stock-count{position:absolute;bottom:-20px;left:0;width:100%;text-align:center;font-size:9px;color:#d7e5bbaa;white-space:nowrap;pointer-events:none}.column .slot:after{content:attr(data-column);font:italic 21px Georgia,serif;color:#d1e6c32b}.foundation .slot-suit{opacity:.8}.foundation .slot-label{font-size:8px}
.card{position:absolute;width:var(--card-width);height:var(--card-height);padding:0;margin:0;border:1px solid #143127;border-radius:5px;background:#fffef7;box-shadow:1px 2px 2px #002c285e;overflow:hidden;color:#20292c;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;transition:box-shadow .1s}.card svg{display:block;width:100%;height:100%;pointer-events:none}.card.back{background:#fffcef;padding:4px;cursor:default}.card.back:before{content:"";position:absolute;inset:4px;border:1px solid #163966;border-radius:1px;background-color:var(--back);background-image:repeating-linear-gradient(45deg,transparent 0 4px,#d9eafa42 4px 5px,transparent 5px 9px),repeating-linear-gradient(-45deg,transparent 0 4px,#d9eafa42 4px 5px,transparent 5px 9px);box-shadow:inset 0 0 0 3px var(--back),inset 0 0 0 4px #dce8db77}.card.back:after{content:"32";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42%;height:33%;background:var(--back);border:2px solid #d6e6d7ad;outline:3px solid var(--back);color:#e8ebd3;font:bold italic calc(var(--card-width)*.22) Georgia,serif}.stock .card{cursor:pointer}.card:focus-visible,.slot:focus-visible{outline:2px solid #fff3b3;outline-offset:2px;z-index:80!important}.card.selected{box-shadow:0 0 0 3px #f3d773,2px 4px 5px #002c285e}.pile.possible>.slot{border:2px solid #f7e99b;background:#ecda7b24}.pile.possible>.card:last-child{box-shadow:0 0 0 2px #f7e99b}.hint-source{outline:3px solid #ffe798!important;outline-offset:2px}.hint-target>.slot,.hint-target>.card:last-child{box-shadow:0 0 0 3px #b8e4ff!important}.card.drag-hidden{visibility:hidden}.pile.drop-target>.slot,.pile.drop-target>.card:last-child{box-shadow:0 0 0 3px #fff0a9!important}.card.deal-in{animation:deal-in .27s both;animation-delay:var(--delay,0ms)}@keyframes deal-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.card.invalid{animation:shake .18s 2}.card.waste-behind{pointer-events:none}.card.motion{transition:transform .17s ease-out;z-index:85!important;pointer-events:none}
.statusbar{height:23px;flex:none;display:flex;align-items:center;gap:0;background:var(--chrome);border-top:1px solid #fffdf0;padding:2px 3px;color:#4a4d40;font-size:10px}.statusbar>span{height:18px;line-height:16px;border:1px solid;border-color:#b5b2a1 #fffef3 #fffef3 #b5b2a1;padding:0 7px;white-space:nowrap}.statusbar #status{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.statusbar #deal-label{margin-left:3px}.statusbar #saved-label{margin-left:3px;color:#657252}
dialog{position:fixed;padding:0;width:410px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border:2px solid #1256bf;border-radius:5px 5px 0 0;background:var(--chrome);color:#242820;box-shadow:5px 8px 0 #001c2426;overflow:auto;font:12px Tahoma,Verdana,sans-serif}dialog::backdrop{background:#002c284d}.dialog-titlebar{height:29px;background:linear-gradient(#3689ef,#1161d2);display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 9px;color:white}.dialog-titlebar h1{margin:0;font-size:12px;text-shadow:1px 1px #12428e}.dialog-titlebar button{width:21px;height:21px;padding:0;border:1px solid white;border-radius:2px;color:white;background:#d85b43;font:bold 18px/16px Arial}.dialog-content{padding:21px 22px;background:#fffdf5;line-height:1.65}.dialog-content p{margin:0 0 12px}.dialog-content p:last-child{margin-bottom:0}.dialog-content h2{font:italic 28px Georgia,serif;margin:0 0 12px;color:#185c3f}.dialog-content h3{font-size:12px;margin:16px 0 7px}.dialog-content .small{font-size:10px;color:#6b705f}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;padding:10px}.dialog-actions button,.classic-button{min-width:78px;min-height:27px;padding:4px 12px;background:#f9f8ed;border:1px solid #7c8270;border-radius:2px;box-shadow:inset 1px 1px #fff,inset -1px -1px #d5d4c9}.dialog-actions button.primary{box-shadow:inset 0 0 0 1px #7bade1;border-color:#1c5a9a}.dialog-content input[type=number]{width:100%;padding:7px;margin:7px 0 8px;border:1px solid #819774;font:15px 'Courier New',monospace;background:white}.dialog-content label{display:block}.rules{padding-left:18px;margin:8px 0 13px}.rules li{padding:3px 0}.keys{width:100%;border-collapse:collapse;font-size:11px}.keys td{padding:3px 0;border-bottom:1px solid #e9e6d6}.keys td:first-child{width:120px;font-weight:bold}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e2e1d5;border:1px solid #e2e1d5;margin:13px 0}.stat-grid div{display:flex;flex-direction:column;gap:2px;padding:12px;background:#f9f9ef}.stat-grid strong{font:23px 'Courier New',monospace;color:#185c3f}.stat-grid span{font-size:10px;color:#737969}.stats-tabs{display:flex;gap:4px;margin-bottom:13px}.stats-tabs button[aria-pressed=true]{background:#dce6d1;border-color:#537d47}.options-row{display:flex;gap:12px;margin:9px 0 20px}.back-choice{width:58px;height:79px;padding:4px;border:1px solid #777;border-radius:3px;background:#fffdf3}.back-choice:before{content:"32";display:grid;place-items:center;height:100%;color:#e6e4cf;font:italic bold 18px Georgia;background:var(--choice);background-image:repeating-linear-gradient(45deg,transparent 0 5px,#ffffff44 5px 6px)}.back-choice[aria-pressed=true],.table-choice[aria-pressed=true]{outline:2px solid #316ac5;outline-offset:3px}.table-choice{width:71px;height:39px;background:var(--choice);color:white;border:1px solid #566050;border-radius:2px;font-size:10px}.win-emblem{text-align:center;font:42px Georgia,serif;color:#b28a30;margin:0 0 12px}.win-summary{text-align:center}.win-summary h2{font-size:29px}.win-numbers{display:flex;justify-content:center;gap:25px;margin:16px 0}.win-numbers>div{display:flex;flex-direction:column}.win-numbers strong{font:20px 'Courier New',monospace;color:#185c3f}.win-numbers small{color:#777f69;font-size:10px}.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}#drag-layer{position:fixed;inset:0;pointer-events:none;z-index:90}#drag-layer .card{cursor:grabbing;box-shadow:2px 5px 5px #001e2766;transition:none}#celebration{position:fixed;inset:0;width:100%;height:100%;z-index:95;pointer-events:none}.noscript{position:fixed;inset:20%;padding:30px;background:var(--chrome);z-index:120}
body[data-back=red]{--back:#8d283e;--back-light:#b84052}body[data-back=olive]{--back:#48632b;--back-light:#788840}body[data-table=blue]{--table:#185169;--table-dark:#153f52;--table-light:#24627b}body[data-table=wine]{--table:#723847;--table-dark:#592d3b;--table-light:#834856}
@media(max-width:600px){.scorebar{padding:10px 14px;min-height:61px}.counters{gap:17px}.game-identity strong{font-size:23px}.game-identity>span{font-size:7px;letter-spacing:.8px}.counters dd{font-size:17px}.toolbar{padding-left:4px;padding-right:4px}.toolbar button{padding:3px 6px;gap:4px}.statusbar #saved-label{display:none}.table-watermark{top:65%}.table-watermark strong{font-size:26px}.card{border-radius:3px}.card.back:before{inset:3px}.slot{border-radius:3px}.slot-label{font-size:7px;letter-spacing:.6px}.foundation .slot-label{font-size:7px}}
@media(max-width:410px){.toolbar button{padding:3px 5px}.toolbar button[data-action=new] span{max-width:48px;overflow:hidden}.toolbar .separator{margin:0 2px}.toolbar svg{width:16px;height:16px}.toolbar .icon-only{width:26px}.scorebar{padding:9px 10px}.counters{gap:12px}.counters>div{min-width:35px}.counters dd{font-size:15px}.counters dt{letter-spacing:.7px}.game-identity strong{font-size:22px}.game-identity>span{font-size:6px}.menu-brand{font-size:9px}.slot .slot-suit{font-size:25px}.slot-stock .recycle-symbol{font-size:25px}.statusbar{font-size:9px}.statusbar #deal-label{padding:0 4px}.table-watermark small{font-size:6px}}
@media(max-width:340px){.toolbar button[data-action=new] span{display:none}.toolbar button{padding:3px 4px}.counters{gap:8px}.dialog-content{padding:17px}.menu-brand{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}