:root{color-scheme:dark;--ink:#f7f5ed;--muted:#a7b2aa;--night:#07100d;--panel:#101b17;--line:#2b4339;--lime:#c9f45b;--hint:#76dcff;--target:#ffd166;--felt:#176044;--red:#c7414f;--display:"Arial Black","Helvetica Neue",Arial,sans-serif;--body:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:280px;background:var(--night)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 80% 5%,rgba(83,209,150,.12),transparent 30rem),var(--night);font-family:var(--body);line-height:1.5}a{color:inherit}button{color:inherit;font:inherit}.site-header,main,footer{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;text-decoration:none}.brand span{display:grid;width:34px;aspect-ratio:1;place-items:center;color:var(--night);background:var(--lime);border-radius:9px;font-family:var(--display)}.site-header p{margin:0;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.intro{display:grid;grid-template-columns:1.1fr minmax(260px,420px);gap:50px;align-items:end;padding:52px 0 32px}.intro>p{margin:0;color:var(--muted)}.eyebrow{margin:0 0 8px;color:#68dda7;font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font:clamp(3.4rem,8vw,6rem)/.86 var(--display);letter-spacing:-.07em}.game-shell{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:18px}.toolbar{display:grid;grid-template-columns:auto 1fr repeat(3,auto);gap:12px;align-items:center;padding:11px 14px}.toolbar div{display:grid}.toolbar small{color:var(--muted);font-size:.58rem;font-weight:850;text-transform:uppercase}.toolbar strong{color:var(--lime);font:850 1.25rem/1 ui-monospace,monospace}.toolbar p{margin:0;color:var(--muted);font-size:.76rem;text-align:center}.toolbar button{min-height:40px;padding:0 13px;white-space:nowrap;background:transparent;border:1px solid #4c675a;border-radius:8px;font-size:.75rem;font-weight:800;cursor:pointer}.toolbar button:hover,.toolbar button:focus-visible{color:var(--night);background:var(--lime);border-color:var(--lime)}.toolbar button:disabled{opacity:.4}.table{min-height:640px;padding:18px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.05),transparent 45%),var(--felt);border-top:1px solid #397760}.tableau{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(4px,1vw,12px)}.upper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.5vw,18px);margin-bottom:25px}.upper-group{min-width:0;padding:8px;background:rgba(4,34,23,.24);border:2px solid;border-radius:12px}.upper-group--free{border-color:rgba(118,220,255,.55)}.upper-group--foundation{border-color:rgba(255,209,102,.55)}.upper-group__label{margin:0 0 6px;color:rgba(255,255,255,.82);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.upper-group--free .upper-group__label{color:var(--hint)}.upper-group--foundation .upper-group__label{color:var(--target)}.upper-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,1vw,12px)}.pile-group{display:grid;justify-items:center;gap:4px}.pile-group small{color:rgba(255,255,255,.68);font-size:.6rem;font-weight:850;text-transform:uppercase}.slot,.card{position:relative;width:100%;aspect-ratio:5/7;border-radius:8px}.slot{display:grid;place-items:center;padding:0;background:rgba(4,34,23,.35);border:2px dashed rgba(255,255,255,.28);cursor:pointer}.slot .card{position:absolute;inset:0}.tableau{align-items:start}.tableau-pile{min-height:390px;border-radius:8px;outline:none}.tableau-pile:empty{border:2px dashed rgba(255,255,255,.18)}.card{display:block;padding:0;color:#171813;background:#f6f1e5;border:1px solid #c8c0b1;box-shadow:0 3px 7px rgba(0,0,0,.3);cursor:pointer}.tableau-pile .card{position:relative}.tableau-pile .card+.card{margin-top:-76%}.card.red{color:var(--red)}.card>.card-index{position:absolute;display:grid;font:850 clamp(.7rem,1.6vw,1.05rem)/.9 var(--display)}.card>.card-index--top{top:6px;left:7px}.card>.card-index--bottom{right:7px;bottom:6px;transform:rotate(180deg)}.card i{font:normal .85em/1 serif}.card>b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:normal clamp(1rem,2.3vw,1.8rem)/1 serif}.card.foundation-target{box-shadow:inset 0 0 0 3px var(--target),0 0 12px rgba(255,209,102,.72)}.card.foundation-target::after{content:attr(data-goal);position:absolute;z-index:2;top:4px;right:4px;display:grid;width:clamp(14px,2vw,20px);aspect-ratio:1;place-items:center;color:#2b2100;background:var(--target);border-radius:50%;font:900 clamp(.5rem,1vw,.68rem)/1 var(--body)}.card.move-source{outline:3px solid var(--hint);outline-offset:-2px;box-shadow:0 0 0 1px rgba(118,220,255,.5),0 0 13px rgba(118,220,255,.6)}.card.foundation-target.move-source{box-shadow:inset 0 0 0 3px var(--target),0 0 14px rgba(118,220,255,.75)}.card.selected,.card.selected.move-source{outline:3px solid var(--lime);outline-offset:-2px;transform:translateY(-3px)}.win-panel{width:min(500px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:34px;color:var(--ink);background:radial-gradient(circle at 50% 0,rgba(201,244,91,.2),transparent 55%),#101b17;border:1px solid rgba(201,244,91,.58);border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.62);text-align:center}.win-panel::backdrop{background:rgba(2,9,7,.82);backdrop-filter:blur(5px)}.win-panel[open]{animation:win-in .28s ease-out}.win-suits{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.win-suits span{display:grid;width:48px;aspect-ratio:1;place-items:center;color:#111;background:#f6f1e5;border-radius:11px;box-shadow:0 5px 16px rgba(0,0,0,.28);font:2rem/1 serif;transform:rotate(-5deg)}.win-suits span:nth-child(2),.win-suits span:nth-child(3){color:var(--red)}.win-suits span:nth-child(even){transform:rotate(5deg)}.win-kicker{margin:0 0 6px;color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.win-panel h2{margin:0;font:clamp(2.8rem,10vw,5rem)/.9 var(--display);letter-spacing:-.06em}.win-panel>p:not(.win-kicker,.win-result){margin:18px auto;color:var(--muted)}.win-result{display:grid;margin:22px auto;place-items:center}.win-result strong{color:var(--target);font:900 2.5rem/1 ui-monospace,monospace}.win-result span{color:var(--muted);font-size:.64rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.win-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.win-actions button{min-height:50px;padding:0 14px;color:var(--ink);background:transparent;border:1px solid #60776c;border-radius:9px;font-weight:850;cursor:pointer}.win-actions #win-new-deal{color:var(--night);background:var(--lime);border-color:var(--lime)}.win-actions button:hover,.win-actions button:focus-visible{box-shadow:0 0 0 3px rgba(201,244,91,.2)}@keyframes win-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.rules{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding:72px 0}.rules h2{font:clamp(2rem,4vw,3.4rem)/.96 var(--display);letter-spacing:-.05em}.rules p{color:var(--muted)}footer{display:flex;justify-content:space-between;padding:24px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}footer a{font-weight:800;text-decoration:none}footer p{margin:0}@media(max-width:700px){.site-header p{font-size:.58rem}.intro{display:block;padding:38px 0 24px}.intro>p{margin-top:18px}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.toolbar>div{grid-column:1/-1;grid-row:1;display:flex;align-items:baseline;gap:6px}.toolbar p{grid-column:1/-1;grid-row:2}.toolbar button{grid-row:3;padding:0 7px;font-size:.68rem}.toolbar #show-moves{grid-column:1}.toolbar #undo{grid-column:2}.toolbar #new-deal{grid-column:3}.table{min-height:530px;padding:9px 5px}.tableau{gap:3px}.upper{gap:5px;margin-bottom:17px}.upper-group{padding:4px;border-radius:8px}.upper-group__label{margin-bottom:3px;font-size:.45rem}.upper-slots{gap:2px}.pile-group small{font-size:.48rem}.slot,.card{border-radius:5px}.tableau-pile{min-height:330px}.tableau-pile .card+.card{margin-top:-69%}.card>.card-index{font-size:clamp(.53rem,2.9vw,.82rem)}.card>.card-index--top{top:4px;left:4px}.card>.card-index--bottom{right:4px;bottom:4px}.card>b{font-size:.9rem}.rules{display:block;padding:48px 0}.rules>div+div{margin-top:24px}footer{display:block}footer p{margin-top:8px}}@media(max-width:480px){.win-panel{padding:26px 18px}.win-suits{gap:6px}.win-suits span{width:40px;font-size:1.7rem}.win-actions{grid-template-columns:1fr}.win-actions button{min-height:48px}}@media(prefers-reduced-motion:reduce){.win-panel[open]{animation:none}}