:root{color-scheme:dark;--bg:#131119;--panel:#211a25;--ink:#f1e7d6;--muted:#bcb0bc;--gold:#d4b777;--line:#58474c;--burgundy:#733047;--card:#f4eddd;--red:#a21d37;--black:#242331;--focus:#ffe0a1;--cw:112px;--ch:157px;--step:34px;--gap:12px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'Segoe UI',Arial,sans-serif;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:var(--ink);background:#302632;border:1px solid #74606b;border-radius:7px;padding:10px 15px;min-height:44px;cursor:pointer;line-height:1.3;transition:background .16s,border-color .16s,box-shadow .16s}button:hover:not(:disabled){background:#493547;color:#fff6e6;border-color:var(--gold)}button:active:not(:disabled){background:#5a3449;transform:translateY(1px)}button:disabled{background:#28232b;color:#a499a4;border-color:#514752;cursor:not-allowed;opacity:1}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button.primary{background:#74334b;border-color:#b07482;color:#fff6e9}button.primary:hover{background:#93405d}button.finish{background:#665131;border-color:#dbc17f;color:#fff9e9}a{color:#e8cf9d;text-decoration:none}a:hover{text-decoration:underline;color:#fff3d5}h1,h2,h3,p{margin-top:0}h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h2{font-size:30px;line-height:1.25}h3{font-size:23px;color:var(--gold)}[hidden]{display:none!important}.atmosphere{position:fixed;inset:0;background:linear-gradient(#100d1670,#100d1640 35%,#100d16b5),url('assets/library.svg') center top/cover;pointer-events:none;z-index:-1}.mist{position:absolute;inset:30% 0 0;background:radial-gradient(ellipse at 30% 90%,#a6a3bd08,transparent 60%);animation:mist 18s ease-in-out infinite alternate}.candle{position:absolute;top:260px;width:22px;height:140px;filter:drop-shadow(0 0 27px #ffbb5380);opacity:.8}.candle.left{left:max(2%,calc(50% - 645px))}.candle.right{right:max(2%,calc(50% - 645px))}.candle b{position:absolute;top:24px;left:5px;width:12px;height:72px;background:linear-gradient(90deg,#947047,#eee0b1,#9a774d);border-radius:3px}.candle i{position:absolute;left:7px;top:0;width:9px;height:25px;background:#ffedb5;border-radius:80% 10% 60% 50%;box-shadow:0 0 23px 10px #ecac5730;animation:flicker 5s ease-in-out infinite alternate}.candle:after{content:'';position:absolute;top:96px;left:-6px;width:34px;height:12px;border-radius:0 0 50% 50%;background:#9b7a47}.shell{width:min(1120px,calc(100% - 64px));margin:0 auto}.site-nav{min-height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a28a6438;gap:20px}.site-nav a{padding:10px 0;font-size:14px}.site-nav>span{font-size:10px;letter-spacing:2px;color:#b5a4ac}.site-nav b{color:var(--gold);padding:0 9px}.masthead{display:flex;align-items:center;gap:20px;padding:33px 12px 29px}.title-mark{font-family:Georgia,serif;font-size:75px;color:var(--gold);line-height:1;text-shadow:0 0 35px #d2b68625}.eyebrow{font-size:10px;letter-spacing:3px;color:#c8ac87;margin:0 0 8px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:47px;letter-spacing:-1.5px;margin:0;line-height:1.2}h1 em{font-style:normal;color:#e1c68e}.subtitle{color:var(--muted);font-size:13px;margin:9px 0 0}.masthead>.icon-button{margin-left:auto;border-radius:50%;width:44px;padding:0;font-family:Georgia,serif;font-size:22px;background:#271f2bc0}.game-panel{background:linear-gradient(125deg,#31212af0,#1d1b26f5 70%);border:1px solid #82705b;border-radius:14px;box-shadow:0 20px 65px #0007,inset 0 0 0 4px #19151b,inset 0 0 0 5px #564334;padding:5px;overflow:hidden}.game-topline{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 13px;gap:12px}.small-label{display:block;font-size:9px;letter-spacing:2px;color:#b7a5b3;margin-bottom:2px}.deal-info button{border:0;background:transparent;padding:0;min-height:26px;color:var(--gold);font-family:Georgia,serif;font-size:18px;text-align:left}.deal-info button:hover{background:none}.counters{display:flex;align-items:center;gap:30px}.counters strong{font:20px Georgia,serif;font-variant-numeric:tabular-nums}.counters button{font-size:12px;background:#261e2a}.toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:0 22px 16px}.toolbar button{font-size:13px;padding:9px 13px}.table-wrap{position:relative;min-height:375px}.table{padding:0 22px 18px;overflow-x:auto;scrollbar-color:#8a6e59 #211b25}.zone-labels{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-bottom:12px;font-size:10px;letter-spacing:1.8px;color:var(--gold)}.zone-labels span{padding-left:2px}.zone-labels small{font-size:10px;color:#b2a2ae;letter-spacing:.2px;margin-left:8px;font-style:italic}.upper,.columns{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--gap)}.upper{height:var(--ch)}.pile{position:relative;min-width:0;min-height:var(--ch);border:1px solid #a28a5959;border-radius:8px;background:#0b0b133f;outline-offset:3px}.pile.cell{border-style:dashed}.pile.found{background:radial-gradient(ellipse,#8c655814,transparent);border-color:#86694185}.slot-symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#97856e;pointer-events:none;font-family:Georgia,serif;font-size:35px;line-height:1.15}.slot-symbol small{font:9px 'Segoe UI',sans-serif;letter-spacing:1px;margin-top:10px;color:#ab9d99}.slot-symbol .roman{font-size:19px;color:#bba477}.table-divider{height:39px;display:flex;align-items:center;gap:13px;color:#9e815a;font-size:17px}.table-divider:before,.table-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#795d514d,transparent)}.col{min-height:var(--ch);background:linear-gradient(#0a0b1528,transparent);border:1px solid #8b746126}.col .slot-symbol{height:var(--ch);inset:0 0 auto;font-size:20px;opacity:.65}.card{position:absolute;top:0;left:0;width:100%;height:var(--ch);border:1px solid #cebea6;border-radius:7px;background:linear-gradient(130deg,#fff9eb,var(--card) 70%,#e6d9c2);color:var(--black);padding:0;min-height:0;line-height:1;box-shadow:0 2px 4px #0006;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;isolation:isolate;overflow:hidden}.card.red{color:var(--red)}.card:hover:not(:disabled){background:linear-gradient(130deg,#fffdf7,#f7edda);color:var(--black);border-color:#9b7950}.card.red:hover:not(:disabled){color:var(--red)}.card:active:not(:disabled){transform:none;background:var(--card);color:var(--black)}.card.red:active:not(:disabled){color:var(--red)}.card:focus-visible{outline:3px solid #f8d798;outline-offset:2px;z-index:90!important}.card-inner{position:absolute;inset:5px;border:1px solid #bba77766;border-radius:3px;pointer-events:none}.corner{position:absolute;top:6px;left:7px;font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:bold;display:flex;align-items:center;gap:3px;letter-spacing:-1px;z-index:2}.corner .suit{font-size:23px;letter-spacing:0}.corner.bottom{top:auto;left:auto;bottom:6px;right:7px;transform:rotate(180deg)}.card-center{position:absolute;inset:25% 20%;display:flex;align-items:center;justify-content:center;font-size:49px;font-family:Georgia,serif}.card-center:before{content:'';position:absolute;inset:0;border:1px solid #b6a57a60;transform:rotate(45deg) scale(.7)}.card-center img{position:absolute;width:100%;height:100%;object-fit:contain}.court-letter{position:absolute;top:36%;left:39%;font:bold 13px Georgia;color:#f4e6ca;text-shadow:0 1px #000}.card.selected{outline:3px solid #edd08c;outline-offset:-3px;background:#fff4ce;box-shadow:0 0 0 2px #806232,0 3px 6px #0008}.card.selected:after{content:'✓';position:absolute;top:7px;right:5px;font:bold 13px Arial;color:#6a4124}.pile.legal-dest{outline:2px dashed #ebca88;outline-offset:3px;background:#9f733b38}.pile.legal-dest:after{content:'↓';position:absolute;z-index:94;right:4px;bottom:7px;background:#f5d691;color:#3c2530;border:1px solid #5c3d2e;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-weight:bold;pointer-events:none}.pile.hint-dest{outline:3px solid #e9d18f;box-shadow:0 0 20px #e9d18f24}.card.hint-source{outline:3px dashed #754168;outline-offset:-4px}.card.recent{animation:land .35s ease-out}.pile.foundation-full .card{cursor:default}.foundation-full .card:after{content:'◆';position:absolute;bottom:5px;right:6px;font-size:9px;color:#8d713c}.drag-source{opacity:.4}.drag-ghost{position:fixed;pointer-events:none;z-index:2000;filter:drop-shadow(0 7px 8px #0007);opacity:.97}.drag-ghost .card{pointer-events:none}.drag-ghost.returning{transition:transform .18s ease,opacity .18s ease;opacity:.5}.status-strip{border-top:1px solid #65524480;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 22px;color:#d6c8d1;font-size:12px;min-height:53px}.space-count{color:#cdb686;white-space:nowrap;font-size:11px}.utility-bar{padding:17px 6px;display:flex;justify-content:space-between;align-items:center;gap:14px}.utility-bar>div{display:flex;flex-wrap:wrap;gap:8px}.utility-bar button{border-color:#544550;background:#211b2580;font-size:12px;padding:10px 13px}.utility-bar>span{font-size:11px;color:#aa9ca9}.bottom-note{text-align:center;font:italic 13px Georgia,serif;color:#b5a5b0;margin:15px 0 32px}.bottom-note span{display:block;font-style:normal;color:#9b7d61;margin-top:12px;letter-spacing:8px}footer{font-size:9px;text-align:center;letter-spacing:2px;color:#9c8a98;padding-bottom:25px}footer span{margin:0 10px;color:#c6a46b}.welcome{margin:0 22px 15px;border:1px solid #7c6353;background:#392a30;border-radius:7px;padding:12px 15px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px}.welcome>div{display:flex;gap:7px}.welcome button{font-size:12px;padding:8px 12px}.warning{margin:10px 22px;padding:12px;background:#59351f;border:1px solid #d39b6f;border-radius:6px;font-size:13px;color:#fff1d1}.pause-overlay{position:absolute;inset:0;z-index:150;background:#191620f5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.pause-overlay>span{font-size:60px;color:var(--gold)}.pause-overlay h2{margin:0 0 10px}.pause-overlay p{color:var(--muted)}dialog{color:var(--ink);background:linear-gradient(135deg,#302330,#1f1b26);border:1px solid #b29768;border-radius:12px;padding:0;width:min(640px,calc(100% - 28px));max-height:90dvh;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#080910ce;backdrop-filter:blur(5px)}#modal-content{padding:28px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head button{padding:6px;width:44px;flex-shrink:0;font-size:23px}.dialog-copy{color:#dfd1da;font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}.dialog-actions .danger{border-color:#d88591;color:#ffe3e3}.field-label{display:block;color:#e6d5af;margin:17px 0 7px;font-size:14px}input[type=number]{width:100%;padding:12px;border:1px solid #ad9061;background:#14131e;color:#fff0d8;border-radius:6px;font-size:18px;min-height:46px}input[type=checkbox]{accent-color:#b98755;width:22px;height:22px;flex-shrink:0}.field-error{color:#ffbfba;min-height:21px;font-size:13px;margin:6px 0}.muted{color:var(--muted);font-size:13px}.setting{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #58454f;padding:14px 0;cursor:pointer}.setting b{display:block;font-weight:500;font-size:15px}.setting small{display:block;color:#c5b5c0;font-size:12px;margin-top:3px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 24px}.stat{background:#17151e;border:1px solid #625047;border-radius:8px;padding:14px;text-align:center}.stat strong{display:block;font:28px Georgia;color:#edd4a2}.stat small{font-size:11px;color:#c7b5c1}.rule{display:grid;grid-template-columns:80px 1fr;gap:18px;margin:18px 0}.rule p{font-size:14px;margin-bottom:0}.rule-illustration{min-height:90px;display:flex;align-items:center;justify-content:center;position:relative;font-family:Georgia,serif;font-size:27px;color:#cbaa6a}.mini-card{display:inline-grid;place-items:center;background:#f6ebd6;color:#242331;width:42px;height:59px;border:1px solid #c9b391;border-radius:4px;font:bold 21px Georgia;box-shadow:0 2px 4px #0004}.mini-card.red{color:#a21d37}.rule-illustration.stack .mini-card{position:absolute;top:4px;left:10px}.rule-illustration.stack .mini-card+ .mini-card{top:28px;left:26px}.rule-illustration.cell-art{border:1px dashed #af925d;border-radius:6px}.rule-illustration.foundation-art{flex-wrap:wrap;gap:4px;font-size:23px;line-height:1}.rule-illustration.foundation-art span{width:100%;text-align:center;color:#c7ac74;font-size:12px}.capacity-example{background:#17151e;border:1px solid #685343;border-radius:7px;padding:15px;font-size:13px}.keys{border-collapse:collapse;width:100%;font-size:13px}.keys td{padding:8px;border-bottom:1px solid #55424e}.keys td:first-child{color:#ebcc91;white-space:nowrap}kbd{font:12px monospace;background:#15141b;border:1px solid #897769;border-radius:3px;padding:2px 5px}.tour-board{display:flex;gap:28px;align-items:center;justify-content:center;background:#17151d;border:1px solid #665045;border-radius:8px;min-height:165px;margin:20px 0;padding:20px}.tour-source,.tour-target{width:78px;min-height:104px;position:relative}.tour-source{background:#f6ecda;color:#262330;font:bold 25px Georgia;display:flex;align-items:center;justify-content:center;flex-direction:column}.tour-source.red{color:#a21d37}.tour-source:hover:not(:disabled),.tour-source:active:not(:disabled){background:#fff2cf;color:#302131}.tour-source.selected{outline:3px solid #e1c280;outline-offset:3px}.tour-target{border:2px dashed #bd985a;background:#26202a;font:22px Georgia;color:#e6ca94}.tour-target.red{color:#ffb4bb}.tour-source small,.tour-target small{font:11px 'Segoe UI',sans-serif;display:block;margin-top:8px}.tour-source:disabled{background:#f6ecda;color:#242331}.tour-progress{letter-spacing:3px;font-size:11px;color:#d3b582}.victory-mark{font-size:70px;color:#e3c184;text-align:center;line-height:1.2}.victory-title{text-align:center}.victory-title h2{margin:12px 0}.victory-title p{color:#cfbecb}.celebration{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}.celebration i{position:absolute;bottom:-10%;left:var(--x);font:28px Georgia;color:#dfc084;animation:rise 5s ease-out var(--delay) both}.celebration i:nth-child(2n){color:#c983a4}.large-cards .upper,.large-cards .columns,.large-cards .zone-labels,.large-cards .table-divider{min-width:760px}.high-contrast{--panel:#15121a;--muted:#e5d9e3;--line:#ddba83;--gold:#ffdb8d}.high-contrast .game-panel{background:#16131b;border-color:#e6cb96}.high-contrast .pile{border-color:#c4ab83}.high-contrast .slot-symbol,.high-contrast .slot-symbol small,.high-contrast .small-label,.high-contrast .bottom-note,.high-contrast footer,.high-contrast .utility-bar>span{color:#dacdbb}.high-contrast button:disabled{color:#c3b8c2;border-style:dashed;background:#26222b}.high-contrast .card{background:#fff8e7;border-color:#292233}.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes flicker{0%,100%{transform:rotate(-3deg) scale(.92);opacity:.85}50%{transform:rotate(3deg) scale(1.05);opacity:1}}@keyframes mist{to{transform:translateX(4%);opacity:.4}}@keyframes land{from{filter:brightness(1.2)}to{filter:none}}@keyframes rise{from{transform:translateY(0) rotate(-15deg);opacity:0}20%{opacity:.7}to{transform:translateY(-115vh) rotate(25deg);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1350px){.shell{width:1120px}}
@media(max-width:800px){:root{--gap:7px;--step:31px}.shell{width:calc(100% - 28px)}.candle{display:none}.site-nav{min-height:56px}.site-nav>span{font-size:8px;letter-spacing:1px}.masthead{padding:26px 6px;gap:15px}h1{font-size:39px}.title-mark{font-size:60px}.game-topline{padding:15px 13px}.toolbar{margin:0 13px 15px;gap:6px}.toolbar button{padding:10px;font-size:12px}.table{padding:0 13px 17px}.corner{font-size:20px;left:5px;top:6px;gap:2px}.corner .suit{font-size:20px}.corner.bottom{bottom:5px;right:5px}.card-center{font-size:36px;inset:28% 17%}.card-inner{inset:3px}.status-strip{padding:12px 13px;align-items:flex-start}.space-count{white-space:normal;text-align:right}.welcome{margin:0 13px 15px}.zone-labels small{display:none}.utility-bar{gap:6px;flex-wrap:wrap}.utility-bar>span{margin-left:auto}.court-letter{font-size:10px}.card.selected:after{top:auto;bottom:5px;font-size:10px}}
@media(max-width:520px){:root{--gap:4px;--step:29px}.shell{width:calc(100% - 14px)}.site-nav{margin:0 6px;min-height:52px}.site-nav a{font-size:12px}.site-nav>span{font-size:8px;max-width:125px;text-align:right;line-height:1.8;letter-spacing:1px}.site-nav b{padding:0 4px}.masthead{padding:24px 9px 20px;gap:10px}.title-mark{font-size:46px}h1{font-size:29px;letter-spacing:-.7px}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:6px}.subtitle{font-size:10px;margin-top:6px}.masthead>.icon-button{width:36px;min-height:36px;font-size:18px}.game-panel{border-radius:10px;padding:3px}.game-topline{padding:12px 9px}.counters{gap:14px}.counters strong{font-size:18px}.counters button{padding:8px;min-width:44px}.counters button span{display:none}.deal-info button{font-size:14px}.small-label{font-size:8px;letter-spacing:1px}.toolbar{margin:0 9px 13px;gap:5px}.toolbar button{padding:10px 9px;font-size:11px;flex:1 0 auto}.table{padding:0 8px 15px}.upper{gap:4px}.pile{border-radius:4px}.card{border-radius:4px}.corner{font: bold 16px Georgia;left:3px;top:5px;gap:1px;letter-spacing:-.6px}.corner .suit{font-size:16px}.corner.bottom{display:none}.card-inner{inset:2px;border-color:#c8b89455}.card-center{inset:34% 9% 8%;font-size:28px}.card-center:before{inset:12%}.court-letter{font-size:7px}.slot-symbol{font-size:25px}.slot-symbol small{font-size:6px;margin-top:4px;letter-spacing:.1px}.slot-symbol .roman{font-size:14px}.zone-labels{font-size:8px;letter-spacing:1px;margin-bottom:9px}.table-divider{height:29px}.status-strip{padding:11px 9px;font-size:11px;display:block;min-height:67px}.space-count{display:block;margin-top:5px;font-size:10px;text-align:left}.utility-bar{padding:13px 3px}.utility-bar>div{width:100%;gap:5px}.utility-bar button{font-size:11px;padding:9px 10px;flex:1}.utility-bar>span{font-size:10px;padding-top:5px}.bottom-note{font-size:11px;margin:10px 0 24px}.welcome{display:block;padding:11px;margin:0 9px 14px;font-size:12px}.welcome>div{margin-top:9px}.welcome button{min-height:40px}.card.selected{outline-width:2px}.pile.legal-dest{outline-offset:1px;outline-width:2px}.pile.legal-dest:after{font-size:12px;width:19px;height:19px;right:1px;bottom:3px}.pile.hint-dest{outline-width:2px}.warning{margin:8px 9px;font-size:12px}#modal-content{padding:20px}h2{font-size:26px}.stats-grid{gap:6px}.stat{padding:11px 5px}.stat strong{font-size:23px}.stat small{font-size:10px}.rule{grid-template-columns:63px 1fr;gap:14px}.rule p{font-size:13px}.keys td{padding:7px 4px;font-size:11px}.pause-overlay h2{font-size:24px}}
@media(max-width:355px){.corner{font-size:14px;left:2px}.corner .suit{font-size:14px}h1{font-size:26px}.title-mark{font-size:37px}.counters{gap:10px}}

.new-deal-art{display:flex;gap:22px;align-items:center;margin-bottom:22px}.new-deal-art img{width:63px;height:91px;transform:rotate(-6deg);filter:drop-shadow(0 4px 6px #0008)}.new-deal-art p{margin:0}
/* Keep navigation and assistance controls easy to reach on touchscreens. */
.site-nav a{min-height:44px;display:inline-flex;align-items:center}
.masthead>.icon-button{width:44px;min-height:44px;flex-shrink:0}
@media(max-width:355px){.title-mark{display:none}}