*{box-sizing:border-box} :root{color-scheme:dark;--gold:#dfc58f;--muted:#9fb8aa;--cream:#fcf7e9;--ink:#19392e;--line:#cce2cf20;--card-w:85px;--card-h:119px}html,body{margin:0;min-height:100%;background:#0d3028;color:#f7f0dc;font:14px/1.5 'Trebuchet MS',Arial,sans-serif;-webkit-user-select:none;user-select:none}body{background-image:radial-gradient(ellipse at 50% 40%,#275b4722,transparent 65%);touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.38}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.game{max-width:1480px;margin:auto;padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));height:100svh;min-height:440px;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;height:82px;flex-shrink:0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;letter-spacing:4px;font-size:23px;font-weight:bold;line-height:1.2}.brand img{width:43px;height:43px}.brand span{display:block;font-size:8px;letter-spacing:3.2px;margin-top:4px;color:var(--muted)}.header-center{font-size:9px;letter-spacing:2px;color:#7f9e8e}nav{display:flex;gap:8px}.round{height:33px;width:33px;background:transparent;border:1px solid #a5c5ad30;border-radius:50%;font-size:17px}.round:hover,.round[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.overview{height:91px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:bold}h1{font:normal 25px/1.2 Georgia,serif;margin:7px 0 0;letter-spacing:-.3px}.stats{display:flex;gap:30px}.stats>div{min-width:63px}.stats small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.stats strong{font-size:23px;font-weight:normal;line-height:1.2;font-variant-numeric:tabular-nums}.table-frame{position:relative;display:flex;flex-direction:column;min-height:100px;flex:1;border:1px solid #d5ddab18;border-radius:15px;background:radial-gradient(ellipse at 50% 40%,#245741,#174330 70%,#143d2f);box-shadow:inset 0 1px 0 #fff06,0 15px 40px #00150d20;overflow:hidden}.table-head{height:38px;min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 17px;z-index:2;font-size:10px;color:#afc3ab}.deal-number{font-size:8px;letter-spacing:1px;white-space:nowrap;color:#719680}.table-scroll{position:relative;z-index:1;flex:1;overflow:auto;padding:0 15px 14px;scrollbar-width:thin;scrollbar-color:#8da88955 transparent;touch-action:pan-x pan-y}.tableau{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;min-width:660px;min-height:100%;position:relative;--card-w:85px;--card-h:119px}.column{position:relative;min-height:100%;border-radius:8px}.column-label{position:absolute;top:calc(var(--card-h) + 8px);left:0;right:0;text-align:center;color:#bdd2b64a;font-size:9px;letter-spacing:2px;pointer-events:none}.empty-slot{position:absolute;left:0;top:0;width:100%;height:var(--card-h);border:1px dashed #bdd2b62e;border-radius:7px;background:#002c2220;color:#acc5aa35;font:28px Georgia,serif}.column.legal .empty-slot{border:2px solid #dfc58f80;background:#dfc58f0b}.column.hint-target .empty-slot{border-color:var(--gold);box-shadow:0 0 14px #efd29c44}.card{position:absolute;left:0;width:100%;height:var(--card-h);border-radius:6px;border:1px solid #d7dccb;background:var(--cream);color:var(--ink);padding:0;box-shadow:0 2px 3px #00160e55;overflow:hidden;text-align:left;transition:box-shadow .15s,filter .15s;will-change:auto}.card.face-up{cursor:grab}.card.face-up:hover{filter:brightness(1.035);box-shadow:0 0 0 1px #dfc58fcc,0 3px 10px #001c1a66;z-index:200!important}.card.face-down{border:1px solid #9da98a;background:repeating-linear-gradient(45deg,#b9c0a4 0,#b9c0a4 1px,#293e31 1px,#293e31 6px);box-shadow:inset 0 0 0 4px #213f33,0 2px 2px #00160e55;cursor:default}.card.face-down:after{content:'';position:absolute;inset:7px;border:1px solid #bec8a655;border-radius:2px}.card.red{color:#b2444a}.card.selected{box-shadow:0 0 0 3px var(--gold),0 4px 14px #0006;filter:brightness(1.04)}.card.hinted{animation:hint-glow 1s ease-in-out 2}.card.drag-source{opacity:.25}.table-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);font:160px Georgia,serif;color:#d1d3a006;pointer-events:none}.pan-controls{display:none}.deck-row{height:118px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 12px}.stock-section{display:flex;align-items:center;gap:22px}.stock-section strong{display:block;font-size:13px;font-weight:normal;margin-top:4px}.stock-section small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.stock{width:70px;height:87px;position:relative;border:0;background:transparent;padding:0;margin-left:8px}.stock-back{position:absolute;top:6px;width:57px;height:79px;border:1px solid #b9b8a0;border-radius:5px;background:repeating-linear-gradient(45deg,#879b8077 0,#879b8077 1px,#263d31 1px,#263d31 6px);box-shadow:inset 0 0 0 4px #1f3c30,0 1px 3px #0005}.stock-back:after{content:'♠';position:absolute;inset:14px 8px;display:grid;place-items:center;border:1px solid #d1cf9e55;color:#c9c4a4;font-size:26px;background:#294636}.stock-empty{height:78px;width:56px;border:1px dashed #8ba98b44;border-radius:5px;display:grid;place-items:center;color:#8ba98b66;font-size:24px}.stock:hover .stock-back:last-child{filter:brightness(1.15);transform:translateY(-2px)}.foundations-section{width:440px;max-width:55%}.foundation-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:7px}.foundations{display:flex;gap:6px}.foundation{height:59px;flex:1;border:1px solid #b0c6a51d;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#8ba98b4a;font-size:16px;background:#08271e18}.foundation.filled{background:#eee8d9;border-color:#e4d7b4;color:#243c30;box-shadow:0 2px 4px #0004;font-size:23px}.foundation.filled.red{color:#b2444a}.toolbar{height:68px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line)}.tools{display:flex;gap:7px}.tools button{border:1px solid #b5caae25;background:#fff02;padding:9px 12px;border-radius:7px;font-size:11px}.tools button span{font-size:17px;margin-right:5px;color:var(--gold);line-height:1}.tools button:hover{background:#fff08}.tools kbd{font:8px Arial,sans-serif;color:#97b59e;margin-left:8px;border:1px solid #b5caae20;padding:1px 4px;border-radius:3px}.save-note{font-size:9px;color:#7fa18e}.new-game{border:0;border-radius:7px;background:var(--gold);color:#21392e;padding:11px 16px;font-size:11px;font-weight:bold;display:flex;gap:25px;align-items:center}.new-game:hover,.primary:hover{background:#f2dba9}.new-game span{font-size:15px}dialog{max-width:460px;width:calc(100% - 32px);padding:30px 34px;border:1px solid #b8c5a44d;border-radius:18px;color:#f8f1df;background:radial-gradient(ellipse at 50% 0,#2a5140,#122f27 80%);box-shadow:0 30px 100px #0009;text-align:center}dialog::backdrop{background:#031a15b8;backdrop-filter:blur(5px)}.modal-suit{font:47px/1 Georgia,serif;color:var(--gold);margin-bottom:16px}dialog h2{font:normal 32px/1.2 Georgia,serif;margin:13px 0 15px}dialog p{font-size:13px;color:#b7c8b6;line-height:1.7}dialog b{color:#e9dfc4}dialog .primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:8px;background:var(--gold);color:#20372c;font-size:13px;font-weight:bold;padding:13px 17px;margin-top:19px;box-shadow:0 3px 0 #9d884f}.secondary{border:0;background:transparent;color:#b6c4b0;font-size:11px;margin-top:18px}.suit-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 10px}.suit-choice{background:#254c3c;border:1px solid #a1b49b30;border-radius:9px;padding:13px 6px;color:#d7e2cc;display:flex;flex-direction:column;align-items:center;gap:5px}.suit-choice span{font:21px Georgia,serif;letter-spacing:3px}.suit-choice b{font-size:12px}.suit-choice small{font-size:8px;color:#a2b89f}.suit-choice.active{border-color:var(--gold);background:#b5a46b1d;box-shadow:0 0 0 1px var(--gold)}.rules-list{text-align:left;margin:17px 0;padding:0;list-style:none}.rules-list li{font-size:12px;color:#bacbb8;padding:9px 0;border-bottom:1px solid #c2d1af18}.rules-list b{color:var(--gold)}.rule-example{font:25px Georgia,serif;letter-spacing:7px;color:var(--gold);padding:8px 0}.result-stats{display:flex;justify-content:center;gap:33px;margin:20px 0}.result-stats b{font:27px Georgia,serif;display:block;color:var(--gold)}.result-stats small{font-size:9px;letter-spacing:1px;color:#9db499}.keyboard-note{font-size:10px!important;color:#8faa97!important}#drag-ghost{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;display:none;filter:drop-shadow(0 10px 10px #0005);opacity:.94}#drag-ghost .card{width:100%;cursor:grabbing;transition:none}#celebration{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;top:-30px;color:var(--gold);font-size:23px;animation:fall 3s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(260deg);opacity:.1}}@keyframes hint-glow{50%{box-shadow:0 0 0 3px #f1d28c,0 0 22px #f1d28c66}}
@media(min-width:1450px){.overview{height:104px}.table-head{height:43px;min-height:43px}.deck-row{height:131px}.foundations-section{width:500px}.foundation{height:68px}}
@media(max-height:650px) and (min-width:700px){header{height:51px}.brand{font-size:18px}.brand img{height:32px;width:32px}.brand span{font-size:7px}.round{height:29px;width:29px}.overview{height:64px}h1{font-size:21px;margin-top:4px}.stats strong{font-size:19px}.stats small{font-size:7px}.table-head{height:29px;min-height:29px;font-size:9px}.deck-row{height:91px}.stock{height:66px;width:65px}.stock-back{height:59px;width:43px;top:3px}.stock-back:after{inset:9px 6px;font-size:19px}.stock-empty{height:59px;width:43px}.stock-section strong{font-size:11px}.stock-section small{font-size:8px}.stock-section{gap:13px}.foundation{height:43px}.foundations-section{width:375px}.toolbar{height:52px}.tools button{padding:6px 9px;font-size:10px}.new-game{padding:9px 13px}.save-note{font-size:8px}}
@media(max-width:1000px){.header-center{display:none}.stats{gap:20px}h1{font-size:23px}.game{padding-left:17px;padding-right:17px}.tableau{gap:8px}.save-note{display:none}.foundations-section{max-width:53%}}
@media(max-width:699px){.game{padding:0 max(12px,env(safe-area-inset-left));min-height:620px}header{height:65px}.brand{font-size:19px;letter-spacing:3px}.brand img{width:35px;height:35px}.brand span{font-size:7px}.round{height:31px;width:31px}.overview{height:105px;align-items:flex-start;padding:13px 2px;flex-direction:column;gap:12px}.session h1{display:none}.stats{gap:35px;width:100%;justify-content:space-between}.stats>div{min-width:63px}.stats strong{font-size:23px}.stats small{font-size:8px}.table-head{height:50px;min-height:50px;padding:7px 12px;align-items:flex-start;flex-direction:column;gap:3px}#status{font-size:9px;line-height:1.4;max-height:26px;overflow:hidden}.deal-number{display:none}.pan-controls{display:flex;align-items:center;gap:5px;color:#8caa8b;font-size:7px;letter-spacing:1px;align-self:flex-end}.pan-controls button{border:1px solid #a6c29c33;background:transparent;border-radius:4px;color:#cfdbc0;width:29px;height:21px;line-height:1}.table-scroll{padding:3px 11px 12px}.tableau{min-width:660px;gap:8px}.deck-row{height:101px;gap:10px;padding:0 2px}.stock{height:70px;width:66px;margin-left:3px}.stock-back{height:63px;width:45px}.stock-back:after{inset:10px 5px;font-size:20px}.stock-empty{height:63px;width:45px}.stock-section{gap:8px}.stock-section .eyebrow{font-size:7px;letter-spacing:1px}.stock-section strong{font-size:11px}.stock-section small{display:none}.foundations-section{width:180px;max-width:49%}.foundation-title .eyebrow{font-size:7px;letter-spacing:1px}.foundation-title{font-size:9px}.foundations{gap:3px}.foundation{height:35px;font-size:10px}.foundation.filled{font-size:16px}.toolbar{height:65px;gap:6px}.tools{gap:5px}.tools button{padding:8px 9px;font-size:10px}.tools button span{margin-right:3px;font-size:15px}.tools kbd{display:none}.new-game{font-size:10px;padding:10px 10px;gap:7px}.new-game span{font-size:13px}#restart{display:none}dialog{padding:25px}dialog h2{font-size:29px}.modal-suit{font-size:40px;margin-bottom:10px}.suit-options{margin-top:15px}}
.game{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.court-art{position:absolute;left:15%;top:11%;width:70%;height:78%;object-fit:fill;pointer-events:none}.stock.hinted{animation:hint-glow .7s ease-in-out 2}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}dialog::backdrop{backdrop-filter:none}}

.card-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.court-art{left:18%;top:16%;width:64%;height:68%;object-fit:contain}.card.face-up{background:#fffdf5;color:#172a30}.card.face-up.red{color:#bd2339}