/* © 2026 18cores, LLC. All rights reserved. */
:root{--gap: 3px;--side: 7px;--cw: min(calc((100vw - 2 * var(--side) - 9 * var(--gap)) / 10), 104px);--ch: calc(var(--cw) * 1.4);--corner: max(13px, 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}.suits-label{color:var(--muted)}@media(max-width:559px){.brand-more{display:none}}.top{display:grid;grid-template-columns:repeat(10,var(--cw));gap:var(--gap);justify-content:center;padding:12px var(--side) 10px}.stock{position:relative;width:var(--cw);height:var(--ch);padding:0;border:0;background:none;cursor:pointer}.stock .card{position:absolute;left:0;top:0}.stock:before{content:"";position:absolute;inset:0 calc(-1 * (var(--cw) + var(--gap))) 0 0}.stock .badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:max(24px,calc(var(--cw) * .42));height:max(24px,calc(var(--cw) * .42));padding:0 6px;border-radius:999px;background:var(--card);color:var(--amber-ink);font-size:max(15px,calc(var(--cw) * .24));font-weight:700;display:flex;align-items:center;justify-content:center}.stock.gone .card{visibility:hidden}.stock.gone .badge{display:none}.stock.gone{border:2px dashed var(--line);border-radius:calc(var(--cw) * .1);cursor:default}.stock.hinted .card{box-shadow:0 0 14px var(--amber);outline:3px solid var(--amber)}.stock-note{margin:0;align-self:center;font-size:15px;line-height:1.3;color:var(--muted)}.runs{grid-column:3 / span 8;display:grid;grid-template-columns:repeat(8,var(--cw));gap:var(--gap)}.run{position:relative;width:var(--cw);height:var(--ch)}.run .card{position:absolute;left:0;top:0;cursor:default}.run .space{border-color:var(--line)}.tableau{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(10,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:before{content:"";position:absolute;inset:0 calc(var(--gap) / -2)}.hint{padding:6px 16px 8px;background:var(--felt-light);min-height:0}.hint:empty{display:none}@media(orientation:landscape)and (max-height:520px){:root{--gap: 5px;--side: 10px;--cw: min(calc((100dvh - 64px) / 4.6), calc((100vw - 180px - 2 * var(--side) - 9 * var(--gap)) / 10))}.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(56px, min(calc((100vw - 2 * var(--side) - 9 * var(--gap)) / 10), calc((100dvh - 252px) / 6.2)), 104px);--corner: max(17px, calc(var(--cw) * .27))}.top{padding:18px var(--side) 16px}.tableau{padding-top:12px;background:transparent;border-top:0}.hint{background:transparent;text-align:center;font-size:17px}.scorebar{gap:64px}}