[data-tile-notebook]{--ink: #303030;--muted: #796f65;--line: #74716d;--stock-m: #ffc2ca;--stock-p: #7ba6c4;--stock-s: #d2edc0;--stock-z: #dad6ff;--river: #b5ebeb;--hand: #ffee8c;--meld: #fff1cb;--inactive: #d5d4cd;--tool-ink: #462e31;color:var(--ink)}[data-tile-notebook] .notebook-intro{padding:.35rem .15rem .65rem}[data-tile-notebook] .notebook-intro p{margin:0}[data-tile-notebook] .notebook-intro p:last-child{margin-top:.3rem;color:var(--muted);font-size:.84rem;line-height:1.65}[data-tile-notebook] .eyebrow,[data-tile-notebook] .section-kicker{margin:0;color:#a35d38;font-size:.62rem;font-weight:900;letter-spacing:.17em}[data-tile-notebook] .canvas-section{padding:.75rem 0 1rem}[data-tile-notebook] .canvas-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}[data-tile-notebook] .title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}[data-tile-notebook] h2{margin:.08rem 0;font-size:1rem}[data-tile-notebook] .view-link,[data-tile-notebook] .quiet-button{min-height:32px;padding:0 .62rem;border:1px solid #d6d0c9;border-radius:9px;background:#fff;color:#4b4845;font:inherit;font-size:.73rem;text-decoration:none}[data-tile-notebook] .view-link{display:inline-grid;place-items:center}[data-tile-notebook] .quiet-button{cursor:pointer}[data-tile-notebook] .target-bar{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .75rem;margin-top:.65rem;font-size:.75rem}[data-tile-notebook] .target-bar strong{color:#b0524c}[data-tile-notebook] .target-bar span{color:var(--muted);font-weight:800}[data-tile-notebook] .operation-help{margin:.25rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.55}[data-tile-notebook] .board-status{min-height:1.35em;margin:.25rem 0;color:#a35d38;font-size:.72rem;font-weight:800}[data-tile-notebook] .board-status[data-tone=error]{color:#b23b2e}[data-tile-notebook] .grid-with-labels{display:grid;grid-template-columns:1.15rem minmax(0,1fr);grid-template-rows:auto auto;gap:3px 4px;width:100%;max-width:620px;margin:0 auto}[data-tile-notebook] .row-labels{display:grid;grid-template-rows:repeat(11,minmax(0,1fr));grid-column:1;grid-row:1}[data-tile-notebook] .row-labels span{display:grid;place-items:center;color:var(--tool-ink);font-size:clamp(.6rem,2.5vw,.86rem);font-weight:800}[data-tile-notebook] .column-labels{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));grid-column:2;grid-row:2}[data-tile-notebook] .column-labels span{min-width:0;color:var(--tool-ink);text-align:center;font-size:clamp(.46rem,1.8vw,.66rem);font-weight:800}[data-tile-notebook] .notebook-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(11,minmax(0,1fr));grid-column:2;grid-row:1;width:100%;aspect-ratio:924 / 990;border:1px solid var(--line);background:#fff;overflow:hidden}[data-tile-notebook] .grid-cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:inherit;overflow:visible}[data-tile-notebook] button.grid-cell{cursor:pointer}[data-tile-notebook] .cell-stock img{display:block;width:88%;height:88%;margin:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-tile-notebook] .cell-stock[data-base-key^=m]{background:var(--stock-m)}[data-tile-notebook] .cell-stock[data-base-key^=p]{background:var(--stock-p)}[data-tile-notebook] .cell-stock[data-base-key^=s]{background:var(--stock-s)}[data-tile-notebook] .cell-stock[data-base-key^=z],[data-tile-notebook] .cell-honor-tool{background:var(--stock-z)}[data-tile-notebook] .cell-stock.is-empty img{opacity:.3;filter:grayscale(.75)}[data-tile-notebook] .cell-stock.is-empty:after{content:"";position:absolute;left:17%;right:17%;top:50%;height:1px;background:#9b4a45;transform:rotate(-35deg)}[data-tile-notebook] .cell-count{display:grid;place-items:start center;padding-top:2px;color:var(--tool-ink);font-size:clamp(.5rem,2vw,.72rem);font-weight:800}[data-tile-notebook] .cell-river{background:var(--river)}[data-tile-notebook] .cell-hand{background:var(--hand)}[data-tile-notebook] .cell-meld{background:var(--meld)}[data-tile-notebook] .cell-tool{display:grid;place-items:center}[data-tile-notebook] .aka-dot{width:35%;aspect-ratio:1;border-radius:50%;background:#e3453c;box-shadow:0 0 0 2px #fffc}[data-tile-notebook] .filter-swatch{width:58%;height:58%;border-radius:3px}[data-tile-notebook] .swatch-red{background:#ffc2ca;box-shadow:inset 0 0 0 1px #d67e88}[data-tile-notebook] .swatch-gray{background:var(--inactive);box-shadow:inset 0 0 0 1px #88867f}[data-tile-notebook] .tool-star{color:var(--tool-ink);font-size:clamp(.8rem,4vw,1.45rem)}[data-tile-notebook] .wild-mark{color:var(--tool-ink);font-size:clamp(1rem,5vw,1.8rem);font-weight:900}[data-tile-notebook] .cell-tool.is-active-tool{z-index:4;box-shadow:inset 0 0 0 3px #d25044;background:#fff2cb}[data-tile-notebook] .board-cell.is-selected-zone{box-shadow:inset 0 0 0 2px #d78390,inset 0 0 0 3px #fffaf2}[data-tile-notebook] .board-cell.is-inactive{background:var(--inactive)}[data-tile-notebook] .board-cell.is-overstock{z-index:4;box-shadow:inset 0 0 0 3px #d72e28}[data-tile-notebook] .board-cell.is-drop-target{z-index:5;background:#fff0a9;box-shadow:inset 0 0 0 3px #d25044}[data-tile-notebook] .board-tile{position:relative;display:grid;place-items:center;width:94%;height:94%;margin:auto;overflow:visible;line-height:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-tile-notebook] .board-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.23))}[data-tile-notebook] .board-tile.is-touch-dragging{z-index:8;transform:scale(1.16);filter:drop-shadow(0 5px 5px rgba(0,0,0,.28))}[data-tile-notebook] .placed-unknown{display:grid;place-items:center;width:84%;height:84%;border-radius:3px;background:#f3eee4;color:#52657b;font-size:clamp(.75rem,3.5vw,1.4rem);font-weight:900;line-height:1}[data-tile-notebook] .has-red-filter .board-tile:after,[data-tile-notebook] .has-gray-filter .board-tile:after{content:"";position:absolute;inset:0;z-index:1;border-radius:2px;pointer-events:none}[data-tile-notebook] .has-red-filter .board-tile:after{background:#ffc2ca9e;box-shadow:inset 0 0 0 2px #d67e88e6}[data-tile-notebook] .has-gray-filter .board-tile:after{background:#d5d4cdad}[data-tile-notebook] .meld-star{position:absolute;right:-14%;bottom:-12%;z-index:2;color:var(--tool-ink);font-size:clamp(.68rem,3vw,1.25rem);line-height:1;text-shadow:0 1px #fff,1px 0 #fff,-1px 0 #fff}[data-tile-notebook] .legend{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem .8rem;margin-top:.65rem;color:var(--muted);font-size:.68rem}[data-tile-notebook] .legend span{display:inline-flex;align-items:center;gap:.25rem}[data-tile-notebook] .legend i{width:.8rem;height:.8rem;border:1px solid rgba(0,0,0,.2)}[data-tile-notebook] .legend-hand{background:var(--hand)}[data-tile-notebook] .legend-river{background:var(--river)}[data-tile-notebook] .legend-meld{background:var(--meld)}[data-tile-notebook] .legend-inactive{background:var(--inactive)}@media(max-width:520px){[data-tile-notebook] .canvas-toolbar{gap:.4rem}[data-tile-notebook] .title-row{gap:.28rem}[data-tile-notebook] .view-link{min-height:29px;padding:0 .45rem;font-size:.66rem}[data-tile-notebook] .quiet-button{min-height:36px;padding:0 .5rem}[data-tile-notebook] .grid-with-labels{grid-template-columns:.9rem minmax(0,1fr);column-gap:2px}[data-tile-notebook] .operation-help{font-size:.64rem}}