@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{background:#15110d;color:#fbf6eb;font-family:"Space Grotesk",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#5c4130,#1a1410 43%,#0d0a08)}button{font:inherit}.page{width:min(100%,96rem);margin:auto;padding:clamp(.65rem,3vw,2.5rem)}.solitaire{overflow:hidden;border:1px solid rgba(240,213,158,.31);border-radius:24px;background:#201813;box-shadow:0 32px 90px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08)}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.45rem 2rem 1.15rem;background:linear-gradient(90deg,#2a1c16,#17110e)}.kicker{margin:0 0 .35rem;color:#e7ba75;font:500 .66rem/1 "DM Mono",monospace;letter-spacing:.18em}h1{margin:0;font:700 clamp(1.65rem,3vw,2.6rem)/1 "Playfair Display",serif;letter-spacing:-.045em}header p:not(.kicker){margin:.38rem 0 0;color:#b6a496;font-size:.86rem}.header-actions{display:flex;gap:.55rem}.quiet,.new{border-radius:999px;padding:.62rem .95rem;cursor:pointer;font-weight:700}.quiet{border:1px solid #655044;background:transparent;color:#e6d7c5}.quiet:disabled{opacity:.35;cursor:not-allowed}.new{border:1px solid #f0c67d;background:#f0c67d;color:#27180c;box-shadow:0 4px 18px rgba(225,162,57,.16)}.new:hover{background:#ffe2ac}.scorebar{display:grid;grid-template-columns:repeat(3,minmax(88px,.5fr)) 3fr;gap:1px;background:rgba(240,213,158,.16)}.scorebar>div,.scorebar p{min-height:4.1rem;margin:0;padding:.72rem 1.15rem;background:#251b15}.scorebar span{display:block;margin-bottom:.25rem;color:#b79673;font:500 .63rem/1 "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase}.scorebar b{font:500 1.2rem/1 "DM Mono",monospace}.scorebar p{display:flex;align-items:center;color:#c9b8a7;font-size:.78rem}.felt{position:relative;min-height:46rem;padding:clamp(.85rem,2vw,1.7rem);background:radial-gradient(ellipse at center,#145649 0,#0c3b32 55%,#062b25 100%);box-shadow:inset 0 0 45px rgba(0,0,0,.42)}.felt::before{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.17) .55px,transparent .55px);background-size:5px 5px}.top-row,.tableau{position:relative;z-index:1}.top-row{display:flex;justify-content:space-between;gap:1rem}.stock-zone,.foundations{display:flex;gap:clamp(.5rem,1.4vw,1.25rem)}.stock,.waste-slot,.foundation{position:relative;width:clamp(4.15rem,7.8vw,6.6rem);height:clamp(5.8rem,10.9vw,9.15rem);border-radius:8px}.stock,.foundation{display:grid;place-items:center;border:1px solid rgba(255,244,219,.24);background:rgba(0,29,23,.35)}.stock{cursor:pointer;color:#d9bd95;font-size:1.7rem}.stock.has-cards{border-color:#f1d3a8;background:repeating-linear-gradient(45deg,#d4a75c 0 4px,#583920 4px 8px),#9a6838;color:#fff;box-shadow:0 3px 0 #3b2415}.stock.has-cards span{display:none}.recycle{font-size:1.5rem}.foundation>span{font-size:1.9rem;opacity:.34}.foundation.hearts,.foundation.diamonds{color:#efa797}.foundation.clubs,.foundation.spades{color:#d7c9b6}.card{position:relative;width:100%;height:100%;border:1px solid #e8dfd2;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#fffdfa,#eee9e1);color:#26201e;box-shadow:0 4px 7px rgba(0,0,0,.34);cursor:pointer;user-select:none}.card.red{color:#bd3938}.card.selected{transform:translateY(-.36rem);outline:3px solid #f6c96e;box-shadow:0 0 0 5px rgba(246,201,110,.28),0 8px 14px rgba(0,0,0,.34);z-index:8}.card-back{border:3px solid #ead1a2;background-color:#6c2e2b;background-image:linear-gradient(45deg,rgba(255,220,162,.3) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,220,162,.3) 25%,transparent 25%);background-size:10px 10px;cursor:default}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;font:700 clamp(.72rem,1.25vw,1.06rem)/.86 "DM Mono",monospace}.corner small{font-size:1em}.corner.top{top:7%;left:10%}.corner.bottom{right:10%;bottom:7%;transform:rotate(180deg)}.suit-large{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.8rem,4vw,4.2rem);line-height:1}.tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.4rem,1.3vw,1.2rem);margin-top:1.4rem}.tableau-pile{min-height:28rem;border-radius:8px;cursor:pointer}.stacked{height:clamp(1.65rem,3.35vw,2.95rem);position:relative}.stacked:last-child{height:clamp(5.8rem,10.9vw,9.15rem)}.stacked .card{position:absolute;inset:0}.win{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:rgba(4,34,28,.83);backdrop-filter:blur(6px)}.win p{margin:0;color:#f5d296;font:.7rem "DM Mono",monospace;letter-spacing:.2em}.win h2{margin:.45rem 0 1.25rem;font:italic 600 clamp(2rem,4vw,4rem) "Playfair Display",serif}footer{padding:1rem 1.5rem;color:#ae9c8c;background:#1b1410;font-size:.73rem;text-align:center}footer span{margin-right:.35rem;color:#dfa06f}@media(max-width:720px){.page{padding:0}.solitaire{border-radius:0;border-inline:0}header{align-items:flex-start;padding:1.1rem}.header-actions{flex-direction:column}.header-actions button{padding:.47rem .65rem;font-size:.74rem}.scorebar{grid-template-columns:repeat(3,1fr)}.scorebar>div{padding:.65rem}.scorebar p{grid-column:1/-1;min-height:2.8rem;padding:.65rem;font-size:.7rem}.felt{min-height:36rem;padding:.6rem}.stock-zone,.foundations{gap:.34rem}.stock,.waste-slot,.foundation{width:calc((100vw - 4.2rem)/7);height:calc((100vw - 4.2rem)/4.75)}.tableau{gap:.32rem;margin-top:.75rem}.tableau-pile{min-height:22rem}.stacked{height:clamp(1.42rem,6vw,2.1rem)}.stacked:last-child{height:calc((100vw - 4.2rem)/4.75)}.corner{font-size:.62rem}.suit-large{font-size:1.45rem}footer{padding:.75rem;font-size:.62rem}}