/* © 2026 18cores, LLC. All rights reserved. */
:root{--gap: 4px;--side: 14px;--cw: min(calc((100vw - 2 * var(--side) - 6 * var(--gap)) / 7), 104px);--ch: calc(var(--cw) * 1.4);--corner: max(14px, calc(var(--cw) * .32))}.app{display:flex;flex-direction:column}.table{position:relative;flex:1 1 0;min-height:0;display:flex;flex-direction:column}.draw-label{color:var(--muted)}@media(max-width:559px){.brand-more{display:none}}.top{display:grid;grid-template-columns:repeat(7,var(--cw));gap:var(--gap);justify-content:center;padding:12px var(--side) 10px}.stock{display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:max(15px,calc(var(--cw) * .3));font-weight:700;cursor:pointer}.stock.empty{background:transparent;border:2px dashed var(--line-strong);color:var(--muted);font-size:13px;line-height:1.15;text-align:center}.stock.gone{visibility:hidden}.waste{grid-column:span 2;position:relative;height:var(--ch)}.waste .card{position:absolute;top:0}.homes{grid-column:span 4;display:grid;grid-template-columns:repeat(4,var(--cw));gap:var(--gap)}.home{position:relative;width:var(--cw);height:var(--ch)}.home .card{position:absolute;left:0;top:0}.home .space{font-size:max(15px,calc(var(--cw) * .32));font-weight:700;color:var(--line-strong)}.tableau{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(7,var(--cw));gap:var(--gap);justify-content:center;align-content:start;padding:6px var(--side) 0;background:var(--felt-light);border-top:2px solid var(--line)}.tableau.scrolls{overflow-y:auto;overscroll-behavior:contain}.tableau.scrolls .pile{box-sizing:content-box;padding-bottom:14px}.pile .space{font-size:max(15px,calc(var(--cw) * .32));font-weight:700;color:var(--line-strong)}.pile .space.target{color:var(--amber)}.card.hinted{outline:3px solid var(--amber);animation:hinted 1s ease-in-out 3;z-index:4}@keyframes hinted{50%{outline-color:transparent}}.stock.hinted{box-shadow:0 0 14px var(--amber)}.hint{padding:6px 16px 8px;background:var(--felt-light);min-height:0}.hint:empty{display:none}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px max(14px,env(safe-area-inset-right,0px)) 12px max(14px,env(safe-area-inset-left,0px));background:var(--felt-dark);border-top:1px solid var(--line)}.control{min-height:48px;border-radius:24px;border:2px solid var(--line-strong);background:transparent;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.control:disabled{opacity:.45;cursor:default}kbd{font:700 14px var(--font);padding:2px 7px;border-radius:5px;background:var(--line);color:var(--ink)}.controls kbd{margin-left:4px}.keys{font-size:15px;color:var(--muted)}.record{color:var(--muted)!important;font-size:16px!important}.record:empty{display:none}@media(orientation:landscape)and (max-height:520px){:root{--gap: 6px;--side: 12px;--cw: min(calc((100dvh - 64px) / 5.4), calc((100vw - 190px - 6 * var(--gap)) / 7))}.app{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto auto 1fr auto;grid-template-areas:"header header" "table score" "table controls" "hint controls"}.header{grid-area:header;padding-top:max(4px,env(safe-area-inset-top,0px));padding-bottom:4px}.table{grid-area:table}.hint{grid-area:hint;padding:4px 12px 6px}.scorebar{grid-area:score;flex-direction:column;gap:6px;padding:10px 12px;background:var(--felt-dark)}.controls{grid-area:controls;grid-template-columns:1fr;align-content:start;padding:4px 12px 10px;border-top:0}.top{padding:8px var(--side) 6px}}@media(min-width:900px)and (min-height:600px){:root{--gap: 16px;--side: 24px;--cw: clamp(64px, min(calc((100vw - 2 * var(--side) - 6 * var(--gap)) / 7), calc((100dvh - 252px) / 5.7)), 112px);--corner: max(17px, calc(var(--cw) * .27))}.top{padding:20px var(--side) 18px}.tableau{padding-top:12px;background:transparent;border-top:0}.hint{background:transparent;text-align:center;font-size:17px}.controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:14px 24px 16px}.control{padding:0 22px;font-size:17px}.keys{margin-left:18px}.scorebar{gap:64px}}.home .card.crowned{box-shadow:0 0 0 3px var(--amber);animation:crowned .55s ease-out calc(var(--i) * .12s) both;z-index:2}@keyframes crowned{0%{translate:0 0;scale:1}40%{translate:0 -22%;scale:1.1}70%{translate:0 2%;scale:.98}to{translate:0 0;scale:1}}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:20}.confetti .bit{position:absolute;--bw: max(22px, calc(var(--cw) * .34));width:var(--bw);height:calc(var(--bw) * 1.4);margin:calc(var(--bw) * -.7) 0 0 calc(var(--bw) * -.5);display:grid;place-items:center;border-radius:4px;background:var(--card);border:1px solid var(--card-edge);color:var(--card-ink);font:max(17px,calc(var(--bw) * .75))/1 var(--suit);opacity:0;animation:tumble 1.9s cubic-bezier(.3,0,.6,1) both}.confetti .bit.red{color:var(--card-red)}@keyframes tumble{0%{opacity:0;transform:translate(0) rotate(0) scale(.5)}10%{opacity:1}30%{transform:translate(calc(var(--dx) * .45),var(--up)) rotate(calc(var(--spin) * .3)) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--fall)) rotate(var(--spin)) scale(1)}}@media(prefers-reduced-motion:reduce){.card.hinted,.home .card.crowned{animation:none}}