/* © 2026 18cores, LLC. All rights reserved. */
:root{--gap: 4px;--side: 7px;--cw: min(calc((100vw - 2 * var(--side) - 7 * var(--gap)) / 8), 112px, calc((100dvh - 270px) / 5.6));--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}.labels{display:grid;grid-template-columns:repeat(2,calc(4 * var(--cw) + 3 * var(--gap)));gap:var(--gap);justify-content:center;padding:8px var(--side) 0;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.top{display:grid;grid-template-columns:repeat(8,var(--cw));gap:var(--gap);justify-content:center;padding:4px var(--side) 10px}.cells,.homes{grid-column:span 4;display:grid;grid-template-columns:repeat(4,var(--cw));gap:var(--gap)}.cell,.home{position:relative;width:var(--cw);height:var(--ch)}.cell .card,.home .card{position:absolute;left:0;top:0}.cell:before,.home:before{content:"";position:absolute;inset:0 calc(var(--gap) / -2)}.cells .cell:first-child:before,.tableau .pile:first-child:before{left:calc(-1 * var(--side))}.homes .home:last-child:before,.tableau .pile:last-child:before{right:calc(-1 * var(--side))}.home .space{border-style:solid;border-color:var(--line);font-size:max(15px,calc(var(--cw) * .32));font-weight:700;color:var(--line-strong)}.home .space.target{border-color:var(--amber)}.tableau{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(8,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:calc(2.8em + 14px)}@media(orientation:landscape)and (max-height:520px){:root{--gap: 6px;--side: 10px;--cw: min( calc((100dvh - 64px)/5) , calc((100vw - 180px - 2 * var(--side) - 7 * var(--gap)) / 8))}.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;min-height:calc(1.4em + 10px)}.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:2px var(--side) 6px}.labels{padding-top:6px}}@media(min-width:900px)and (min-height:600px){:root{--gap: 20px;--side: 24px;--cw: clamp(64px, min(calc((100vw - 2 * var(--side) - 7 * var(--gap)) / 8), calc((100dvh - 270px) / 5.4)), 112px);--corner: max(17px, calc(var(--cw) * .27))}.labels{padding-top:12px;font-size:14px}.top{padding:6px var(--side) 16px}.tableau{padding-top:12px;background:transparent;border-top:0}.hint{background:transparent;text-align:center;font-size:17px;min-height:calc(1.4em + 14px)}.scorebar{gap:64px}}