:root{--felt:#0f3d2e;--felt-light:#165a42;--felt-dark:#0a2a20;--gold:#d4af37;--gold-dim:#a88b2a;--cream:#f7f1e3;--ink:#1a2420;--red:#c0392b;--black:#1a1a1a;--card-back:#1e4d7b;--card-back-pattern:#2a6aad;--shadow:0 4px 12px #00000059;--slot-border:#ffffff2e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--hud-h:52px;--banner-h:0px;--dock-h:64px;--gap:6px;--card-w:min(12.4vw,68px);--card-h:calc(var(--card-w)*1.4);--overlap-down:calc(var(--card-h)*.24);--overlap-up:calc(var(--card-h)*.36);--radius:8px;--waste-fan:min(12px,calc(var(--card-w)*.26))}body.has-banner{--banner-h:34px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{color:var(--cream);background:var(--felt);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.felt{position:fixed;background:radial-gradient(ellipse 120% 80% at 50% -10%,var(--felt-light)0%,transparent 55%),radial-gradient(circle at 20% 80%,#00000026 0%,transparent 40%),radial-gradient(circle at 80% 60%,#0000001f 0%,transparent 35%),repeating-linear-gradient(0deg,transparent,transparent 2px,#00000008 2px,#00000008 3px),var(--felt);pointer-events:none;z-index:0;inset:0}.hud{position:relative;z-index:10;display:flex;height:calc(var(--hud-h) + var(--safe-top));padding:var(--safe-top)12px 0;background:linear-gradient(#00000040,#0000);align-items: center;gap:8px}.brand{display:flex;color:var(--cream);text-decoration:none;align-items: center;gap:6px;min-width:0}.brand-mark{color:var(--gold);font-size:1.35rem;line-height:1}.brand-name{letter-spacing:.01em;font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:700}.stats{display:flex;font-variant-numeric:tabular-nums;flex:1;justify-content:center;gap:10px;font-size:.82rem;font-weight:700}.stat{text-align:center;background:#00000047;border:1px solid #ffffff1a;border-radius:999px;min-width:3.2rem;padding:4px 10px}.hud-actions{display:flex;gap:6px}.icon-btn{color:var(--cream);cursor:pointer;display:grid;background:#00000040;border:1.5px solid #ffffff26;border-radius:12px;place-items: center;width:40px;height:40px;font-size:1rem;font-weight:800}.icon-btn:active{transform:scale(.94)}.icon-btn[aria-pressed=false]{opacity:.45}.mode-banner{position:relative;z-index:10;display:flex;height:var(--banner-h);letter-spacing:.02em;color:var(--ink);background:linear-gradient(90deg,var(--gold-dim),var(--gold),var(--gold-dim));justify-content:center;align-items: center;gap:10px;padding:0 12px;font-size:.78rem;font-weight:800}.mode-banner[hidden]{display:none}.mode-banner-exit{color:var(--ink);font:inherit;cursor:pointer;background:#ffffff59;border:1.5px solid #0003;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:800}.table{position:relative;z-index:1;height:calc(100dvh - var(--hud-h) - var(--banner-h) - var(--dock-h) - var(--safe-top) - var(--safe-bottom));display:flex;overflow:hidden;flex-direction:column;gap:12px;padding:10px 10px 6px}.top-row{display:flex;justify-content:space-between;align-items: flex-start;gap:var(--gap);overflow:visible;flex-shrink:0;padding-top:6px}.foundations{display:flex;gap:var(--gap);overflow:visible;margin:-2px;padding:2px}.stock-area{display:flex;gap:var(--gap);overflow:visible;flex-direction:row-reverse;padding-right:2px}.pile{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);position:relative;border:2px dashed var(--slot-border);cursor:pointer;-webkit-appearance:none;appearance:none;color:inherit;font:inherit;overflow:visible;background:#0000001f;flex-shrink:0;padding:0}.pile--stock{display:grid;place-items: center}.pile--stock.empty:after{content:"↻";font-size:calc(var(--card-w)*.45);opacity:.45;color:var(--cream)}.pile--stock.dead.empty:after{content:""}.pile--waste{cursor:default;width:calc(var(--card-w) + var(--waste-fan)*2);background:0 0;border-style:solid;border-color:#0000}.pile--foundation{display:grid;place-items: center}.pile--foundation:before{content:attr(data-suit);font-size:calc(var(--card-w)*.42);opacity:.28;color:var(--cream);pointer-events:none}.pile--foundation.has-cards:before{display:none}.pile.drop-target,.column.drop-target,.card.drop-target{outline:2.5px solid var(--gold);outline-offset:2px;box-shadow:0 0 16px #d4af3766}.pile.drop-hover,.column.drop-hover,.card.drop-hover{outline:3px solid #ffe08a;outline-offset:3px;transform:scale(1.03);box-shadow:0 0 22px #ffe08a8c}.card{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:var(--radius);box-shadow:var(--shadow);cursor:grab;touch-action:none;will-change:transform;-webkit-user-select:none;user-select:none;overflow:hidden;contain:layout style;border:1.5px solid #0003;transition:transform 80ms,box-shadow 80ms;top:0;left:0}body.is-dragging,body.is-dragging *{cursor:grabbing!important}body.is-dragging{overflow:hidden;touch-action:none}body.is-dragging .tableau{overflow:hidden;pointer-events:auto}.card.dragging-source{opacity:.35;filter:grayscale(.2)}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;filter:drop-shadow(0 12px 18px #00000073);opacity:.96;will-change:transform;top:0;left:0}.drag-ghost .card{cursor:grabbing}.card--back{background:linear-gradient(135deg,#ffffff14 25%,transparent 25%),linear-gradient(225deg,#ffffff14 25%,transparent 25%),linear-gradient(45deg,#ffffff14 25%,transparent 25%),linear-gradient(315deg,#ffffff14 25%,transparent 25%),var(--card-back);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;border-color:#ffffff26}.card--back:after{content:"";position:absolute;border:1.5px solid #fff3;border-radius:5px;inset:5px}.card--face{background:linear-gradient(160deg,#fffef8 0%,var(--cream)100%);color:var(--black);display:flex;flex-direction:column;justify-content:center;align-items: center;gap:0;padding:3px}.card--face.red{color:var(--red)}.card--face.black{color:var(--black)}.card-rank{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(11px,calc(var(--card-w)*.3),22px);letter-spacing:-.02em;line-height:1}.card-suit{font-size:clamp(14px,calc(var(--card-w)*.4),28px);margin-top:1px;line-height:1}.card-corner{position:absolute;display:flex;line-height:1;font-size:clamp(9px,calc(var(--card-w)*.22),14px);flex-direction:column;align-items: center;max-width:45%;font-family:Fraunces,Georgia,serif;font-weight:800;top:2px;left:3px}.card-corner .tiny-suit{font-size:clamp(8px,calc(var(--card-w)*.18),12px);font-weight:400}.card.selected{outline:2.5px solid var(--gold);outline-offset:1px;transform:translateY(-4px);box-shadow:0 8px 20px #0006,0 0 0 3px #d4af3740;z-index:50!important}.card.selected.dragging-source{transform:none}.card.hint{animation:hint-pulse .9s ease-in-out 2}@keyframes hint-pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 3px var(--gold),0 0 18px #d4af378c}}.pile--waste .card{left:calc(var(--waste-i,0)*var(--waste-fan))}.tableau{display:grid;grid-template-columns:repeat(7,var(--card-w));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;justify-content:space-between;column-gap:2px;min-height:0;padding:10px 4px 18px}.column{position:relative;width:var(--card-w);min-height:var(--card-h);overflow:visible}.column.empty{border-radius:var(--radius);border:2px dashed var(--slot-border);height:var(--card-h);background:#00000014}.dock{position:relative;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--dock-h) + var(--safe-bottom));padding:6px 10px var(--safe-bottom);background:linear-gradient(#00000026,#00000073);border-top:1px solid #ffffff14;gap:8px}.dock-btn{display:flex;color:var(--cream);cursor:pointer;background:#00000047;border:1.5px solid #ffffff1f;border-radius:14px;flex-direction:column;justify-content:center;align-items: center;gap:2px;padding:4px;font-family:inherit;font-size:.7rem;font-weight:700}.dock-btn:disabled{opacity:.35;cursor:default}.dock-btn:not(:disabled):active{transform:scale(.96)}.dock-btn--primary{background:linear-gradient(160deg,var(--gold)0%,var(--gold-dim)100%);color:var(--ink);border-color:#00000026}.dock-icon{font-size:1.15rem;font-weight:800;line-height:1}.modal{background:0 0;border:none;border-radius:22px;max-width:min(340px,100vw - 32px);margin:auto;padding:0}.modal--wide{max-width:min(400px,100vw - 24px)}.modal::backdrop{backdrop-filter:blur(4px);background:#05120cb8}.modal-inner{text-align:center;color:var(--cream);background:linear-gradient(165deg,#1a4a38 0%,#0f2e24 100%);border:2px solid #d4af3759;border-radius:22px;padding:28px 24px 22px;box-shadow:0 24px 48px #00000073}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:.72rem;font-weight:800}.modal-inner h2{margin-bottom:8px;font-family:Fraunces,Georgia,serif;font-size:1.9rem}.modal-inner p:not(.eyebrow){opacity:.85;margin-bottom:20px;font-size:.95rem;line-height:1.4}.modal-actions{display:flex;flex-direction:column;gap:8px}.action{color:var(--cream);cursor:pointer;background:#00000040;border:1.5px solid #ffffff2e;border-radius:14px;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:800}.action--primary{background:linear-gradient(160deg,var(--gold)0%,var(--gold-dim)100%);color:var(--ink);border-color:#0000}.action:active{transform:scale(.98)}.toast{position:fixed;left:50%;bottom:calc(var(--dock-h) + var(--safe-bottom) + 12px);color:var(--cream);opacity:0;pointer-events:none;z-index:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0a1e16eb;border:1px solid #d4af3766;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;transition:opacity .18s,transform .18s;font-size:.88rem;font-weight:700;transform:translate(-50%)translateY(12px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.challenge-lead{margin-bottom:14px!important;font-size:.88rem!important}.challenge-cards{display:flex;text-align:left;flex-direction:column;gap:12px;margin-bottom:14px}.challenge-card{background:#00000038;border:1.5px solid #ffffff1f;border-radius:16px;padding:14px}.challenge-card-top{display:flex;justify-content:space-between;align-items: center;margin-bottom:4px}.challenge-card h3{font-family:Fraunces,Georgia,serif;font-size:1.2rem}.challenge-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--cream);background:#ffffff1a;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.challenge-badge.done{color:var(--gold);background:#d4af3740}.challenge-meta{opacity:.75;font-size:.82rem;margin-bottom:6px!important}.challenge-stats{font-weight:700;opacity:1!important;margin-bottom:10px!important;font-size:.88rem!important}.challenge-goal{opacity:.8!important;margin-bottom:10px!important;font-size:.8rem!important}.challenge-streak{color:var(--gold);margin-bottom:12px;font-size:.85rem;font-weight:700}@media (min-width:480px){:root{--card-w:min(10.5vw,74px);--gap:8px}.table{padding:12px 18px}.brand-name{font-size:1.15rem}}@media (min-width:720px) and (orientation:landscape){:root{--card-w:min(9vh,70px);--hud-h:48px;--dock-h:56px}.table{max-width:960px;margin-inline-start:auto;margin-inline-end:auto}}@media (prefers-reduced-motion:reduce){.card,.toast{transition:none}.card.hint{animation:none;outline:2px solid var(--gold)}}