@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
.board-layout{display:grid;grid-template-columns:72px 1fr;grid-template-rows:28px 1fr}.column-scores{grid-column:2;display:grid;grid-template-columns:repeat(6,1fr);text-align:center}.row-scores{grid-row:2;display:grid;grid-template-rows:repeat(6,1fr);align-items:center}.score-label{font:10px 'DM Mono';color:var(--muted);white-space:nowrap}.next-round{width:100%;margin-bottom:8px}.next-round:disabled{opacity:.45}.cpu{background:#edf0eb}.cell{position:relative}
.board-layout{display:grid;grid-template-columns:72px 1fr;grid-template-rows:28px 1fr}.column-scores{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.row-scores{grid-row:2;display:grid;grid-template-rows:repeat(4,1fr);align-items:center}.score-label{font:10px 'DM Mono';color:var(--muted);white-space:nowrap}.next-round{width:100%;margin-bottom:8px}.next-round:disabled{opacity:.45;cursor:not-allowed}
:root{--ink:#17252b;--muted:#788489;--cream:#f5f2eb;--paper:#fffdf8;--line:#d9ddd8;--green:#4d7465;--gold:#c89442;--blue:#dceaf1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{max-width:1100px;margin:auto;padding:48px 28px 60px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}h1{font-size:52px;line-height:1;margin:8px 0}.eyebrow,.label{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}h1 em{font-family:'Playfair Display';color:var(--green)}.sub{color:var(--muted);margin:10px 0}.outline,.primary{border:1px solid var(--ink);background:none;padding:12px 18px;border-radius:4px;font-weight:700;cursor:pointer}.dashboard{display:grid;grid-template-columns:1fr 275px;gap:22px}.board-card,.side-card,.score-panel,.hands-card{background:var(--paper);border:1px solid var(--line);border-radius:6px}.board-card{padding:25px}.board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.board-top strong{display:block;font:500 17px 'DM Mono';margin-top:5px}.turn-copy{color:var(--muted);font-size:13px}.turn-copy span{color:var(--gold);padding:0 8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#e5e7e2;padding:10px}.cell{aspect-ratio:1;background:#f8f7f1;border:1px dashed #bdc4be;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cell.corner{box-shadow:inset 0 3px 0 var(--gold)}.cell .card{cursor:default}.legend{display:flex;gap:20px;margin-top:17px;color:var(--muted);font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.gold{background:var(--gold)}.blue{background:#75a1b4}aside{display:flex;flex-direction:column;gap:14px}.score-panel{padding:20px}.score{font:500 40px 'DM Mono';margin:7px 0 12px}.pill{display:inline-block;background:var(--blue);border-radius:20px;padding:6px 10px;font:11px 'DM Mono'}.side-card{padding:18px}.side-title,.section-heading{font-weight:700;font-size:14px}.side-title span{float:right;color:var(--muted);font:11px 'DM Mono'}.hand{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 10px}.card{width:49px;height:65px;background:#fff;border:1px solid #ccd1cb;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;padding:6px;font:700 17px 'DM Mono';box-shadow:0 2px 2px #0000000b;user-select:none}.card.red{color:#b7504c}.card.selected{outline:3px solid var(--gold);transform:translateY(-4px)}.card small{font-size:14px}.hint,.small-note{font-size:11px;color:var(--muted)}.discard-stack{margin-top:15px;min-height:65px}.discard-stack .card{display:inline-flex;margin-right:-28px}.empty{color:var(--muted);font-size:12px}.hands-card{margin-top:22px;padding:23px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}h2{margin:5px 0 0;font-size:22px}.breakdown{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.hand-item{border-top:2px solid var(--line);padding-top:9px}.hand-item.scoring{border-color:#75a1b4}.hand-item b{display:block;font-size:12px}.hand-item span{font:11px 'DM Mono';color:var(--muted)}.message{text-align:center;color:var(--green);padding:18px;font-size:13px}.modal{position:fixed;inset:0;background:#17252bcc;display:grid;place-items:center}.hidden{display:none}.modal-card{background:var(--paper);padding:42px;text-align:center;border-radius:6px}.modal-card h2{font-size:28px;margin-bottom:20px}.modal-card p{color:var(--muted)}.primary{background:var(--green);color:white;border-color:var(--green)}@media(max-width:750px){.shell{padding:28px 15px}h1{font-size:40px}.dashboard{grid-template-columns:1fr}.grid{gap:5px;padding:5px}.card{width:43px;height:59px}.breakdown{grid-template-columns:repeat(4,1fr);row-gap:18px}.board-top{display:block}.turn-copy{margin-top:12px}}
.grid{grid-template-columns:repeat(6,1fr)}
.board-card{min-width:0;overflow:hidden}.grid{grid-template-columns:repeat(6,minmax(0,1fr));min-width:0}.cell{min-width:0}.column-scores,.row-scores{min-width:0}.column-scores{grid-template-columns:repeat(6,minmax(0,1fr))}.row-scores{grid-template-rows:repeat(6,minmax(0,1fr))}.score-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,1vw,10px)}.discard-stack .card{color:var(--ink);visibility:visible}.discard-stack .card.red{color:#b7504c}.cpu:after{content:'CPU';position:absolute;bottom:2px;font:7px 'DM Mono';color:var(--muted)}
.score-panel .pill{display:block;line-height:1.5;white-space:normal}