:root{color-scheme:dark;--ink: #f8f2e6;--muted: #c1baa9;--brand-red: #cb1835;--brand-red-bright: #f14a5f;--brand-green: #00a558;--brand-blue: #4b6289;--gold: #d0a963;--gold-bright: #efd18d;--deep: #0b1713;--surface: rgba(14, 28, 23, .9);--surface-soft: rgba(18, 40, 31, .78);--line: rgba(255, 255, 255, .14);--felt: #174a37;--red: #a62c36;--black: #17201e;--card-width: clamp(43px, calc((100vw - 36px) / 7), 112px);--card-height: calc(var(--card-width) * 1.42);--column-gap: clamp(3px, .9vw, 14px);--board-pad: clamp(6px, 1.5vw, 22px);--background-image: none;--card-back-image: none;--home-hero-image: none;--victory-image: none;--brand-wordmark-image: none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--deep)}body{color:var(--ink);overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;padding:.8rem 1rem;background:#fff;color:#111}.skip-link:focus{top:1rem}.app-shell,.screen{min-height:100dvh}.home-screen{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);background:#101d18}.home-art{position:relative;display:flex;align-items:flex-end;padding:clamp(2rem,7vw,7rem);background-image:linear-gradient(90deg,rgba(6,14,11,.14),transparent 58%,rgba(6,14,11,.08)),var(--home-hero-image),radial-gradient(circle at 35% 25%,#6f5a3e,#263b31 38%,#0b1713 78%);background-size:cover;background-position:center;overflow:hidden}.home-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,9,.94),transparent 58%);pointer-events:none}.brand-lockup{position:relative;max-width:760px}.brand-kicker{display:block;color:var(--gold-bright);font-size:clamp(.72rem,1.2vw,.9rem);font-weight:750;letter-spacing:.16em;text-transform:uppercase}h1{margin:.45rem 0 .75rem;font-family:Georgia,serif;font-size:clamp(3rem,7vw,7.25rem);font-weight:400;letter-spacing:-.045em;line-height:.88}h1 .brand-wordmark{display:block;width:min(100%,480px);height:clamp(64px,10vw,138px);margin:0 0 .2rem;overflow:hidden;color:transparent;background-image:var(--brand-wordmark-image);background-repeat:no-repeat;background-position:left center;background-size:contain;font-size:.45em;line-height:1}html:not([data-has-brand-wordmark=true]) h1 .brand-wordmark{width:auto;height:auto;color:var(--brand-red-bright);background-image:none;font-family:inherit;font-style:italic;letter-spacing:-.01em}.brand-lockup p{margin:0;color:#e2d8c8;font-size:clamp(1rem,2vw,1.4rem)}.home-actions{display:flex;flex-direction:column;justify-content:center;gap:.8rem;padding:clamp(1.5rem,5vw,4.5rem);background:linear-gradient(145deg,#142b22,#0a1511);border-left:1px solid var(--line)}.home-companion{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:.85rem;margin-bottom:.35rem;padding:.8rem;border:1px solid rgba(241,74,95,.28);border-radius:14px;background:#ffffff0b}.home-companion img,.companion-dock img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:radial-gradient(circle at 35% 25%,#83552f,#273d30)}.home-companion img{width:72px;height:72px;border:2px solid var(--brand-red-bright)}.home-companion strong{display:block;margin:.15rem 0;font-family:Georgia,serif;font-size:1.2rem;font-weight:400}.home-companion p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.35}.button{min-height:48px;padding:.78rem 1.15rem;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:750;letter-spacing:.01em;transition:transform .15s ease,background .15s ease,border-color .15s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--brand-red);color:#fff}.button-primary:hover{background:var(--brand-red-bright)}.button-secondary{background:#ffffff12;border-color:var(--line)}.button-secondary:hover{background:#ffffff1f}.button-danger{align-self:start;margin-top:2rem;color:#ffc9c9;background:transparent;border-color:#ff7d7d59}.button-quiet{background:transparent;color:var(--muted)}.home-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.8rem}.home-nav button{min-height:44px;padding:.6rem .25rem;color:var(--muted);background:transparent;border:0;border-radius:8px;cursor:pointer}.home-nav button:hover{color:var(--ink);background:#ffffff0f}#daily-home-label{display:block;margin-top:.15rem;color:var(--muted);font-size:.72rem;font-weight:500}.game-screen{display:flex;flex-direction:column;height:100dvh;min-height:480px;background-image:linear-gradient(#040f0a29,#040f0a57),var(--background-image),radial-gradient(circle at 50% 20%,#2f6a4c,#123528 70%);background-size:cover;background-position:center}.game-toolbar{z-index:50;display:flex;align-items:center;min-height:58px;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));gap:.6rem;background:#07120ed6;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.icon-button,.panel-header button{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;background:#ffffff0f;cursor:pointer;font-size:1.35rem}.icon-button:disabled{opacity:.35;cursor:default}.toolbar-brand{min-width:106px;display:flex;flex-direction:column;line-height:1.1}.toolbar-brand strong{color:var(--brand-red-bright);font-family:Georgia,serif;font-size:1rem}.toolbar-brand span{color:var(--muted);font-size:.68rem}.game-metrics{display:flex;gap:clamp(.65rem,3vw,2rem);margin:0 auto;font-variant-numeric:tabular-nums}.game-metrics div{min-width:52px;text-align:center}.game-metrics dt{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-metrics dd{margin:.08rem 0 0;font-size:.95rem;font-weight:750}.toolbar-actions{display:flex;gap:.4rem}.companion-dock{z-index:45;display:flex;align-items:center;flex:0 0 auto;min-height:56px;gap:.65rem;padding:5px max(10px,env(safe-area-inset-right)) 5px max(10px,env(safe-area-inset-left));background:linear-gradient(90deg,#081711f7,#182921f0);border-bottom:1px solid rgba(241,74,95,.22);box-shadow:inset 4px 0 0 var(--brand-red),0 5px 18px #00000024}.companion-dock>button{width:44px;height:44px;flex:0 0 44px;padding:0;overflow:hidden;border:2px solid var(--brand-red-bright);border-radius:50%;background:#1b382b;cursor:pointer}.companion-copy{min-width:0}.companion-copy strong{display:block;color:var(--brand-red-bright);font-family:Georgia,serif;font-size:.8rem;font-weight:400}.companion-copy p{max-width:920px;margin:.1rem 0 0;overflow:hidden;color:#eee5d5;font-size:.82rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.companion-dock.collapsed{min-height:50px}.companion-dock.collapsed .companion-copy{display:none}.board-controls{z-index:44;display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:clamp(.55rem,1.3vw,1.15rem);min-height:30px;margin:0;padding:4px 10px;color:#f8f2e6b8;border-bottom:1px solid rgba(255,255,255,.08);background:#06120db8;font-size:clamp(.62rem,.85vw,.74rem);white-space:nowrap}.board-controls strong{color:var(--gold-bright);font-size:inherit}.board{position:relative;flex:1;min-height:0;padding:var(--board-pad);touch-action:none;user-select:none;overflow:hidden}.top-row,.tableau{display:grid;grid-template-columns:repeat(7,var(--card-width));justify-content:space-between;gap:var(--column-gap);max-width:calc(var(--card-width) * 7 + var(--column-gap) * 6);margin:0 auto}.top-row{height:var(--card-height)}.tableau{height:calc(100% - var(--card-height) - clamp(10px,2vh,24px));margin-top:clamp(10px,2vh,24px)}.pile{position:relative;width:var(--card-width);min-height:var(--card-height);border-radius:calc(var(--card-width) * .08)}.pile-placeholder{position:absolute;inset:0;width:100%;height:var(--card-height);padding:0;border:1.5px solid rgba(255,255,255,.19);border-radius:inherit;background:#00000012;cursor:pointer;color:#ffffff40;font-family:Georgia,serif;font-size:calc(var(--card-width) * .35)}.stock{grid-column:1}.waste{grid-column:2}.foundation:nth-of-type(3){grid-column:4}.card{position:absolute;top:0;left:0;width:100%;height:var(--card-height);padding:0;overflow:hidden;border:1px solid rgba(0,0,0,.24);border-radius:calc(var(--card-width) * .075);background:#fffdf7;box-shadow:0 2px 7px #00000042;cursor:grab;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.tableau .card{top:calc(var(--index) * var(--pile-overlap, clamp(20px, 3.5vh, 34px)));z-index:calc(var(--index) + 2)}.tableau .card.face-down{--pile-overlap: clamp(10px, 1.8vh, 17px)}.card:active{cursor:grabbing}.card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--black);background:linear-gradient(145deg,#fff,#f3eee2)}.custom-card-art{position:absolute;inset:15% 8%;width:84%;height:70%;object-fit:cover;border-radius:calc(var(--card-width) * .035);opacity:.88}.custom-card-art+.card-corner,.custom-card-art~.card-corner{z-index:1;padding:2px;border-radius:3px;background:#fffdf7d1}.custom-card-art~.card-suit{display:none}.card.red .card-face{color:var(--red)}.card-corner{position:absolute;top:4%;left:7%;display:flex;flex-direction:column;align-items:center;font-family:Georgia,serif;font-size:calc(var(--card-width) * .22);font-weight:700;line-height:.85}.card-corner.bottom{inset:auto 7% 4% auto;transform:rotate(180deg)}.card-suit{font-size:calc(var(--card-width) * .42)}.card-back{position:absolute;inset:4%;display:grid;place-items:center;border:max(2px,calc(var(--card-width) * .035)) solid rgba(248,245,239,.9);border-radius:calc(var(--card-width) * .05);background-image:var(--card-back-image),repeating-linear-gradient(45deg,#17382e 0 5px,#234e3d 5px 10px);background-size:cover;color:transparent;font-family:Georgia,serif;font-size:calc(var(--card-width) * .32)}.card.selected{transform:translateY(-5px);box-shadow:0 0 0 3px var(--gold-bright),0 8px 16px #0006}.board.cursor-active .board-cursor{z-index:40!important;outline:4px solid #8de6d1;outline-offset:3px;box-shadow:0 0 0 7px #26786561,0 0 22px #8de6d1c7}.board.cursor-active .pile-placeholder.board-cursor{background:#57bda124}.card.hint,.pile.hint .pile-placeholder{animation:hint-pulse .85s ease-in-out 2;box-shadow:0 0 0 4px #f6d786}.foundation.suit-complete{z-index:30;filter:drop-shadow(0 0 10px rgba(255,222,119,.95))}.foundation.suit-complete:before,.foundation.suit-complete:after{content:"";position:absolute;z-index:20;inset:-10px;pointer-events:none;border:3px solid #ffe89a;border-radius:16px;box-shadow:0 0 8px #fff5c6,0 0 18px #e9b84b,inset 0 0 10px #ffeea0bf;animation:suit-glitter 1.05s ease-out 1}.foundation.suit-complete:after{inset:-17px;border-style:dotted;border-width:5px;animation:suit-sparkle 1.4s ease-out 1}.companion-dock.celebrating>button{box-shadow:0 0 0 4px #ffe18566,0 0 24px #e6b84f;animation:jock-celebrate .72s ease-in-out 2}.card.invalid{animation:invalid-shake .28s ease}.card.drag-source{opacity:.25}.drag-layer{position:absolute;z-index:100;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.drag-ghost{position:absolute;width:var(--card-width);min-height:var(--card-height);filter:drop-shadow(0 12px 12px rgba(0,0,0,.4));will-change:left,top}.drag-ghost .card{left:0}@keyframes hint-pulse{50%{transform:translateY(-7px) scale(1.02)}}@keyframes suit-glitter{0%{opacity:0;transform:scale(.72) rotate(-10deg)}35%{opacity:1;transform:scale(1.08) rotate(4deg)}to{opacity:0;transform:scale(1.28) rotate(12deg)}}@keyframes suit-sparkle{0%{opacity:0;transform:scale(.65) rotate(0)}30%{opacity:1}to{opacity:0;transform:scale(1.38) rotate(50deg)}}@keyframes jock-celebrate{50%{transform:scale(1.12);filter:brightness(1.28) saturate(1.2)}}@keyframes invalid-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.panel-screen{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:radial-gradient(circle at 30% 0,#264636,#0a1511 56%)}.panel-header{display:flex;align-items:center;gap:1rem;max-width:900px;margin:0 auto 2rem}.panel-header h2{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.theme-grid,.statistics-grid,.settings-form,.panel-note,.panel-screen>.button-danger{max-width:900px;margin-left:auto;margin-right:auto}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.theme-card{overflow:hidden;padding:0;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer}.theme-card.selected{border-color:var(--gold-bright);box-shadow:0 0 0 2px var(--gold-bright)}.theme-preview{display:block;aspect-ratio:16/9;background:#244638 center/cover no-repeat}.theme-card strong,.theme-card small{display:block;margin:.75rem 1rem}.theme-card small{margin-top:-.5rem;color:var(--muted)}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem}.stat{padding:1.2rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.stat strong{display:block;color:var(--gold-bright);font-family:Georgia,serif;font-size:2rem;font-weight:400}.stat span{color:var(--muted);font-size:.8rem}.settings-form{display:grid;gap:.85rem}.settings-form fieldset,.toggle,.setting-row{display:flex;align-items:center;gap:1.25rem;min-height:60px;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.settings-form fieldset{flex-wrap:wrap}.settings-form legend{padding:0 .35rem;color:var(--gold-bright);font-weight:700}.toggle{justify-content:space-between}.toggle input{width:22px;height:22px;accent-color:var(--brand-red)}.toggle small{display:block;margin-top:.18rem;color:var(--muted)}.setting-row{justify-content:space-between}.setting-row select{min-width:120px;padding:.55rem .7rem;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#102219}.panel-note{margin-top:2rem;color:var(--muted);line-height:1.6}code{color:var(--gold-bright)}.modal{width:min(92vw,520px);padding:0;color:var(--ink);border:1px solid var(--line);border-radius:16px;background:#12231c;box-shadow:0 24px 80px #0009}.modal::backdrop{background:#030806c7;backdrop-filter:blur(5px)}.modal form,.victory-content,.no-moves-content{padding:clamp(1.25rem,5vw,2.2rem)}.modal h2{margin:0 0 .6rem;font-family:Georgia,serif;font-size:2rem;font-weight:400}.modal p{color:var(--muted);line-height:1.5}.modal-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.modal-actions .button{flex:1 1 120px}.victory-modal{overflow:hidden;border-color:#efd18d6b;box-shadow:0 0 0 1px #efd18d1f,0 30px 100px #000000b8,0 0 54px #d2a44d29}.victory-modal[open]{animation:victory-modal-arrive .5s cubic-bezier(.2,.8,.25,1) both}.victory-art{position:relative;display:flex;align-items:flex-end;min-height:230px;padding:1.1rem;background-image:linear-gradient(0deg,#12231c 2%,#12231c26 70%),linear-gradient(120deg,rgba(239,209,141,.12),transparent 48%),var(--victory-image),radial-gradient(circle,#806743,#203b30);background-size:cover;background-position:center;overflow:hidden}.victory-art:after{content:"";position:absolute;inset:-60% -20%;background:conic-gradient(from 20deg,transparent,rgba(255,228,157,.16),transparent 22%,rgba(255,255,255,.08),transparent 45%);animation:victory-rays 8s linear infinite}.victory-jock{position:relative;z-index:2;display:grid;grid-template-columns:72px 1fr;align-items:center;width:100%;gap:.8rem;padding:.7rem .8rem;border:1px solid rgba(239,209,141,.34);border-radius:14px;background:#06110ccc;box-shadow:0 10px 30px #00000061;backdrop-filter:blur(10px)}.victory-jock img{width:72px;height:72px;object-fit:cover;border:3px solid var(--gold-bright);border-radius:50%;box-shadow:0 0 0 5px #efd18d1f,0 0 24px #efd18d80;animation:victory-jock-glow 1.2s ease-in-out 2}.victory-jock span{color:var(--gold-bright);font-family:Georgia,serif;font-size:1.05rem}.victory-jock p{margin:.22rem 0 0;color:var(--ink);font-size:.88rem;line-height:1.35}.victory-content{background:radial-gradient(circle at 50% 0,rgba(219,177,91,.12),transparent 55%)}.victory-content h2{font-size:clamp(2.3rem,8vw,3.4rem)}.victory-confetti{position:fixed;z-index:1200;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{--x-start: 50vw;--x-drift: 0px;--spin: 540deg;position:absolute;top:-10vh;left:var(--x-start);width:10px;height:18px;border-radius:2px;background:var(--confetti-color, #efd18d);opacity:0;transform:translate3d(0,-10vh,0) rotate(0);animation:confetti-fall var(--duration, 2.4s) var(--delay, 0s) cubic-bezier(.15,.7,.35,1) forwards}.confetti-piece.round{width:12px;height:12px;border-radius:50%}.confetti-piece.ribbon{width:7px;height:25px;border-radius:50%}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(0)}8%{opacity:1}to{opacity:.95;transform:translate3d(var(--x-drift),112vh,0) rotate(var(--spin))}}@keyframes victory-modal-arrive{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}@keyframes victory-rays{to{transform:rotate(360deg)}}@keyframes victory-jock-glow{50%{transform:scale(1.08);filter:brightness(1.24) saturate(1.2);box-shadow:0 0 0 8px #efd18d24,0 0 34px #ffd978d9}}@media (max-width: 760px){.home-screen{grid-template-columns:1fr;grid-template-rows:minmax(44dvh,1fr) auto}.home-art{padding:2rem 1.35rem;background-position:62% center}.home-actions{padding:1.1rem 1.1rem max(1.1rem,env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--line)}.home-companion{grid-template-columns:58px 1fr;padding:.6rem}.home-companion img{width:58px;height:58px}.toolbar-brand{display:none}.game-toolbar{gap:.35rem}.toolbar-actions{gap:.25rem}.icon-button{width:38px;height:38px}.game-metrics{gap:.45rem}.companion-copy p{display:-webkit-box;font-size:.76rem;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.board-controls{display:none}}@media (max-width: 390px){:root{--board-pad: 4px;--column-gap: 3px;--card-width: calc((100vw - 26px) / 7)}.game-toolbar{min-height:52px}.icon-button{width:35px;height:35px;border-radius:7px}.game-metrics div{min-width:43px}.home-nav button{font-size:.76rem}.victory-art{min-height:215px;padding:.8rem}.victory-jock{grid-template-columns:58px 1fr;gap:.65rem}.victory-jock img{width:58px;height:58px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body.no-animations *,body.no-animations *:before,body.no-animations *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}