:root{color-scheme:dark;--felt:#164d3d;--feltDark:#092d26;--gold:#d7bd80;--cream:#f5eedc;--cw:100px;--ch:140px;--gap:14px;--up:30px;--down:14px}*{box-sizing:border-box}body{margin:0;background:#111c1a;color:var(--cream);font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;background-image:radial-gradient(ellipse at top,#253a31,transparent 80%);min-height:100vh}button,input,select{font:inherit}button{border:1px solid #52645b;background:#233d34;color:var(--cream);padding:10px 15px;border-radius:7px;min-height:44px;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#3b5647}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:default}.primary{background:var(--gold);color:#202c24;border-color:var(--gold);font-weight:650}.primary:hover:not(:disabled){background:#ead4a2}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe393;outline-offset:3px}.shell{max-width:1180px;margin:auto;padding:30px 32px 18px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:16px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:650;color:var(--gold);margin:0 0 3px}h1{font:36px/1.2 Georgia,serif;letter-spacing:-.8px;margin:0}h1 em{font-weight:normal;color:#e0c994}h2{font:30px/1.2 Georgia,serif;margin:8px 0 20px}h3{color:var(--gold);margin-bottom:4px;font-size:17px}.dashboard{display:flex;align-items:center;justify-content:space-between;padding:0 4px 18px;gap:15px}#dealLabel{font-size:12px;color:#b0c6b7}#dealLabel b{color:var(--gold);display:block;letter-spacing:1px;font-size:12px}.metrics{display:flex;gap:32px}.metrics span{font-size:10px;letter-spacing:1.5px;color:#bbcabd;display:flex;align-items:center;gap:10px}.metrics strong{font-size:23px;letter-spacing:0;color:var(--cream);font-weight:450;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.toolbar button{padding:7px 11px;font-size:13px;background:#1c3029}.toolbar #finish:not(:disabled){border-color:var(--gold);color:var(--gold)}.table{position:relative;border:8px solid #302f25;border-radius:18px;background:radial-gradient(ellipse at 50% 15%,var(--felt),var(--feltDark));box-shadow:0 0 0 1px #817454,0 15px 40px #0005,inset 0 0 60px #001c1666;overflow:hidden;padding:22px 20px 30px;min-height:450px}.table:before{content:'';pointer-events:none;position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 1h6M1 0v6' stroke='%23e7ead1' stroke-opacity='.22'/%3E%3C/svg%3E")}#board{position:relative;isolation:isolate}.toprow,.columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap)}.toprow{margin-bottom:34px}.pile{position:relative;min-width:0;min-height:var(--ch)}.pileLabel{display:block;text-align:center;font-size:10px;font-weight:600;letter-spacing:1.3px;color:#bad1bb;position:absolute;top:-19px;left:0;width:100%;white-space:nowrap}.columns .pileLabel{letter-spacing:.5px;font-size:9px}.slot{width:var(--cw);height:var(--ch);border:1px solid #a9c4a253;border-radius:8px;background:#00251e25;display:flex;align-items:center;justify-content:center;color:#c3d5b45e;font-size:clamp(20px,4vw,38px);padding:0;box-shadow:inset 0 0 18px #00181020}.slot:hover:not(:disabled){background:#ffffff0a}.card{width:var(--cw);height:var(--ch);position:absolute;left:0;top:0;border:1px solid #d8cdb5;border-radius:7px;padding:0;min-height:0;color:#202c32;background:linear-gradient(135deg,#fffdf5,#eee8d9);box-shadow:0 2px 5px #0006;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab;transform-origin:center;transition:box-shadow .12s}.card:hover:not(:disabled){background:linear-gradient(135deg,#fffef8,#f2ecdf)}.card.red{color:#b52537}.corner{position:absolute;top:4px;left:5px;font:bold calc(var(--cw)*.23)/.92 Georgia,serif;display:flex;align-items:center;gap:2px;letter-spacing:-1px}.bottom{top:auto;left:auto;right:5px;bottom:4px;transform:rotate(180deg)}.centerSuit{position:absolute;inset:26% 18% 20%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cw)*.53);line-height:1}.pips{position:absolute;inset:24% 19%;display:grid;grid-template-columns:1fr 1fr;align-content:stretch;align-items:center;grid-auto-rows:1fr;justify-items:center;font:calc(var(--cw)*.17)/1 Georgia,serif}.pips .odd{grid-column:span 2}.court{position:absolute;inset:21% 23%;width:54%;height:58%;opacity:.95}.card.back{cursor:default;border:3px solid #eee5ce;background-color:#193e3c;background-image:repeating-linear-gradient(45deg,transparent 0 9px,#c9b97955 9px 10px,transparent 10px 19px),repeating-linear-gradient(-45deg,transparent 0 9px,#c9b97933 9px 10px,transparent 10px 19px)}.card.back:after{content:'✦';position:absolute;inset:10%;border:1px solid #d2bd794d;border-radius:3px;color:#d8c68b;font-size:calc(var(--cw)*.55);display:grid;place-items:center;background:#123c3666}.back-diamonds .card.back{background-color:#512d35;background-image:repeating-linear-gradient(45deg,transparent 0 6px,#d5b46e70 7px 8px,transparent 9px 14px)}.selected{outline:3px solid #ffe18d!important;outline-offset:1px;box-shadow:0 0 15px #ffe18d66!important}.selected:before{content:'✓';position:absolute;right:3px;top:22%;background:#ffe18d;color:#183a2d;border-radius:50%;z-index:3;width:20px;height:20px;font:bold 14px/20px system-ui}.legal .slot{outline:2px dashed #f0d58a;outline-offset:4px}.hinted{outline:3px dashed #ffe18d!important;outline-offset:2px}.dragGhost{position:fixed;z-index:1000;pointer-events:none;opacity:.94;filter:drop-shadow(0 10px 8px #0005)}.dragGhost .card{animation:none;transform:rotate(-2deg)}.messagebar{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 7px}.messagebar p{margin:12px 0;color:#d2decf;font-size:13px}.tinyStar{color:var(--gold);font-size:23px}footer{border-top:1px solid #8a9a822b;padding-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8fa598}dialog{background:#182f27;color:var(--cream);border:1px solid #9b885d;border-radius:16px;padding:30px;max-width:620px;width:calc(100% - 30px);max-height:88vh;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#03110eb8;backdrop-filter:blur(5px)}dialog p{color:#c5d1c5}label{display:block;margin:16px 0;font-size:14px}label small{display:block;color:#aebdb1;font-size:11px}input:not([type=checkbox]),select{display:block;width:100%;margin-top:7px;border:1px solid #718074;background:#0d221c;color:var(--cream);padding:11px;border-radius:6px}.check{display:flex;gap:12px;align-items:center}.check input{width:21px;height:21px;accent-color:#d9bd7a}.dialogActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.error{color:#ffb6b6}.helpText{font-size:14px}.helpText p{margin-top:5px}#pauseCover{position:absolute;inset:0;background:#0c2928f5;z-index:100;place-items:center;text-align:center}#pauseCover:not([hidden]){display:grid}.winEmblem{font:45px Georgia,serif;color:var(--gold);letter-spacing:12px}#statsContent table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:right;padding:7px 5px;border-bottom:1px solid #ffffff17}td:first-child,th:first-child{text-align:left}.theme-midnight{--felt:#264b62;--feltDark:#122738}.theme-wine{--felt:#633546;--feltDark:#321c2b}.high-contrast .card{background:#fff!important;color:#000;border-color:#000}.high-contrast .card.red{color:#b00018}.high-contrast .card.back{background:#172b40!important;border-color:white}.victory .table{box-shadow:0 0 0 2px var(--gold),0 0 50px #d0ae4540}.victory .foundation{animation:celebrate 1s ease-in-out}.invalid{animation:shake .2s ease-out}@keyframes arrive{from{opacity:.45;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes celebrate{50%{transform:translateY(-12px)}}
@media(min-width:1000px){.table{padding:28px 35px 35px}.toprow{margin-bottom:42px}}
@media(max-width:700px){.shell{padding:16px 10px}.masthead{margin-bottom:18px}.brand{gap:8px}.brand img{width:30px}h1{font-size:27px}.eyebrow{font-size:8px;letter-spacing:1.7px}.masthead>button{font-size:12px;padding:8px 12px}.dashboard{align-items:flex-end;padding-bottom:13px}.metrics{gap:13px}.metrics span{display:block;font-size:8px}.metrics strong{display:block;font-size:19px}.toolbar{gap:5px;margin-bottom:12px}.toolbar button{font-size:11px;padding:6px 10px;flex-grow:1}.table{padding:23px 8px 24px;border-width:5px;border-radius:12px;min-height:380px}.toprow{margin-bottom:31px}.pileLabel{font-size:8px;letter-spacing:.2px}.card,.slot{border-radius:5px}.corner{top:3px;left:3px;font-size:max(13px,calc(var(--cw)*.24));letter-spacing:-1px;gap:0}.bottom{top:auto;left:auto;right:3px;bottom:3px}.card.back{border-width:2px}.card .pips{inset:29% 19%;font-size:calc(var(--cw)*.17)}.selected:before{width:15px;height:15px;font-size:11px;line-height:15px}.messagebar p{font-size:12px}footer{font-size:10px;flex-wrap:wrap}.dashboard #dealLabel{font-size:10px}.dashboard #dealLabel b{font-size:10px}dialog{padding:23px}h2{font-size:27px}.court{inset:27% 22%;width:56%;height:46%}}
@media(max-width:380px){.shell{padding:12px 5px}h1{font-size:24px}.brand img{display:none}.metrics{gap:9px}.table{padding-left:5px;padding-right:5px}.toolbar button{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}

/* Games navigation uses normal header/menu flow, never the playfield overlay. */
a.return-games{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 10px;box-sizing:border-box;color:inherit;font:600 13px/1.25 system-ui,sans-serif;letter-spacing:normal;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;border-radius:5px}
a.return-games:hover{background:#ffffff14}a.return-games:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.games-navigation{margin:0 0 8px}