:root{color-scheme:dark;--ink:#f3ead8;--muted:#b7c5d1;--gold:#dfbc78;--edge:#c09b5555;--card:#fff6df;--red:#a22935;--black:#172637;--surface:#0c2239;--cw:clamp(38px,calc((100vw - 42px)/7.33),82px);--ch:calc(var(--cw)*1.42);--step:calc(var(--cw)*.65)}
*{box-sizing:border-box}body{margin:0;background:#08182c;color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;min-width:320px}.scenery{position:fixed;inset:0;background:url('assets/night.svg') center/cover no-repeat;z-index:-1}main{max-width:1020px;margin:auto;padding:22px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.masthead{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;gap:15px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);margin:0 0 3px}h1{font:normal clamp(25px,4.8vw,43px)/1.15 Georgia,serif;letter-spacing:.3px;margin:0}h1 em{font-style:normal;color:var(--gold)}button,select{font:inherit}button{touch-action:manipulation;cursor:pointer;min-height:44px;color:var(--ink);background:#122e47;border:1px solid #456077;border-radius:7px;padding:9px 15px;transition:background .15s,box-shadow .15s}button:hover{background:#24445e}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #92e3ff;outline-offset:3px}button:disabled{cursor:default;opacity:.45}.quiet{background:#0c2337aa;color:var(--gold);border-color:var(--edge)}.gold{background:var(--gold);color:#162238;border-color:var(--gold);font-weight:700}.gold:hover{background:#f4d69c}.subhead{display:flex;justify-content:space-between;margin:15px 3px 11px;color:var(--muted);font-size:12px}.tagline{font-family:Georgia,serif;font-style:italic}.table{position:relative;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(150deg,#102f45ed,#07192bea);box-shadow:0 22px 70px #0005,inset 0 0 75px #0a182755;padding:0 18px 16px;overflow:hidden}.table:before,.table:after{content:'✧';position:absolute;color:#cba86480;font-size:26px;top:102px}.table:before{left:25px}.table:after{right:25px}.scorebar{display:flex;justify-content:center;gap:0;padding:11px 0 12px;border-bottom:1px solid #dfbc7829;margin-bottom:16px}.scorebar>div{flex:1;text-align:center;border-right:1px solid #dfbc7825;max-width:150px}.scorebar>div:last-child{border:0}.scorebar span{display:block;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.scorebar strong{font:normal 25px Georgia,serif;color:var(--gold)}.board{height:calc(var(--ch) + 6*var(--step));width:100%;position:relative;max-width:750px;margin:auto}.card{position:relative;display:block;width:var(--cw);height:var(--ch);min-height:0;border-radius:7px;background:linear-gradient(145deg,#fffbea,#ede0bd);border:1px solid #fff2c6;color:var(--black);box-shadow:0 4px 9px #0007,inset 0 0 0 3px #d0ae7025;padding:0;text-align:left;font-weight:700;user-select:none;-webkit-user-select:none}.card:hover{background:#fff7e0}.board .card{position:absolute;left:calc(50% + var(--x)*var(--cw)*1.055 - var(--cw)/2);top:calc(var(--r)*var(--step))}.card .corner{position:absolute;left:7%;top:1%;font:700 clamp(17px,3.7vw,27px)/1.1 Georgia,serif;white-space:nowrap;letter-spacing:-1px}.card .suit{position:absolute;inset:32% 0 auto;text-align:center;font-size:calc(var(--cw)*.48);line-height:1.1}.card .bottom{position:absolute;bottom:5%;right:8%;font:700 14px Georgia,serif;transform:rotate(180deg)}.card.red{color:var(--red)}.card.covered{background:linear-gradient(135deg,#b6b9b0,#929e9d);border-color:#aab5b3;color:#233a49;box-shadow:0 2px 5px #0004}.card.covered.red{color:#77343f}.card.covered .suit,.card.covered .bottom{opacity:.45}.card.selected{outline:3px solid #ffdb75;outline-offset:2px;box-shadow:0 0 22px #ffce5280}.card.hint{outline:3px dashed #80e6ed;outline-offset:2px}.card.removing{animation:dissolve .26s ease-out forwards;pointer-events:none}.card.back{background:repeating-linear-gradient(45deg,#173b55 0 4px,#13334b 4px 8px);border:2px solid var(--gold);color:var(--gold);box-shadow:0 4px 8px #0006,inset 0 0 0 4px #173c56,inset 0 0 0 5px #b6935655;text-align:center}.backMark{font:normal calc(var(--cw)*.6) Georgia,serif;display:block}.backText{display:block;font-size:10px;letter-spacing:1px}.card.emptyStock{background:#071b2b;border:1px dashed #8fa4b4;font-size:12px;text-align:center;padding:4px}.piles{display:flex;justify-content:center;align-items:center;gap:22px;margin:18px auto 6px}.pileGroup{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.wasteSlot{width:var(--cw);height:var(--ch);border:1px dashed #8b9ea25c;border-radius:7px;position:relative}.wasteSlot:empty:after{content:'WASTE';position:absolute;inset:40% 0;text-align:center;font-size:9px;letter-spacing:1px}.pairGuide{display:grid;grid-template-columns:auto auto;gap:0 15px;align-items:center;margin-left:25px;color:var(--muted);font-size:12px}.pairGuide .eyebrow{grid-column:span 2;font-size:9px}.pairGuide strong{font:50px Georgia,serif;color:var(--gold)}.messageArea{min-height:48px;text-align:center;margin:6px 0 10px}#status{margin:0;font-size:13px;color:#e8d6ac}#notice{margin:2px 0 0;font-size:12px;color:#a9dce5;min-height:18px}.toolbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.toolbar button{flex:1;white-space:nowrap;padding:8px 10px;font-size:13px}footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);padding:12px 3px}dialog{color:var(--ink);background:#10273b;border:1px solid var(--edge);border-radius:14px;padding:22px;width:min(620px,calc(100% - 24px));max-height:90dvh;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020a16c9;backdrop-filter:blur(5px)}.dialogHead{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font:normal 29px Georgia,serif;color:var(--gold);margin:0}h3{color:var(--gold);font-size:16px}dialog p{color:#d4e0e7}dialog button{margin:4px 3px 4px 0}label.field{display:block;margin:18px 0}select{display:block;margin-top:8px;max-width:100%;width:100%;padding:11px;background:#061c2e;color:var(--ink);border:1px solid #627b8f;border-radius:6px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:10px;accent-color:var(--gold)}.example{display:flex;align-items:center;justify-content:center;gap:13px;background:#092036;padding:18px;border-radius:10px;color:var(--gold);margin:16px 0}.mini{display:inline-grid;place-items:center;background:#fff2d2;color:#172637;font:bold 28px Georgia,serif;width:53px;height:70px;border-radius:5px;box-shadow:0 4px 10px #0004}.mini.red{color:#a22935}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:9px 5px;border-bottom:1px solid #42576a}th{color:var(--gold)}.practice{border:1px solid #d7b77277;padding:9px 12px;border-radius:7px}.small{font-size:12px;color:var(--muted)}.tutorialCards{display:flex;gap:18px;justify-content:center;margin:20px}#celebration{pointer-events:none;position:fixed;inset:0;overflow:hidden}#celebration i{position:absolute;top:-20px;width:5px;height:10px;background:var(--gold);animation:sand 2.8s ease-in forwards}.bright{--surface:#15384b}.bright .table{background:linear-gradient(140deg,#235168f5,#143a50f5)}.bright .card.covered{background:#c5cdc8}.no-motion *{animation:none!important;transition:none!important}@keyframes dissolve{to{opacity:0;transform:translateY(-12px) scale(.9)}}@keyframes sand{to{transform:translateY(105vh) rotate(480deg);opacity:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:850px){:root{--cw:76px}main{padding-top:24px}.board{margin-top:20px}.table{padding-bottom:20px}.piles{margin-top:20px}}@media(max-width:600px){main{padding:12px 8px max(12px,env(safe-area-inset-bottom))}.brand{gap:8px}.brand img{width:36px;height:36px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:27px}.masthead .quiet{font-size:11px;padding:5px 9px}.tagline{display:none}.subhead{margin:10px 4px 8px;font-size:11px}.table{padding:0 7px 10px;border-radius:10px}.scorebar{margin-bottom:12px;padding:8px 0}.scorebar span{font-size:9px;letter-spacing:.3px}.scorebar strong{font-size:22px}.piles{margin-top:12px;gap:16px}.pairGuide{margin-left:8px;gap:0 8px;font-size:10px}.pairGuide strong{font-size:39px}.pairGuide .eyebrow{font-size:7px}.toolbar{gap:6px}.toolbar button{flex:1 1 21%;font-size:12px;padding:8px 5px;min-height:44px}.messageArea{min-height:45px;margin:7px 2px}#status{font-size:12px}#notice{font-size:11px}footer{font-size:9px;padding:10px 3px}.card .bottom{font-size:11px}.card{border-radius:5px}.table:before,.table:after{top:100px;font-size:20px}.table:before{left:12px}.table:after{right:12px}}

/* 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}