.tile-board{display:grid;gap:.5rem;min-width:0}.tile-row{display:grid;grid-template-columns:var(--tile-columns, none);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5rem;min-width:0}.tile-row[style*=--tile-columns]{grid-auto-flow:row}.tile{--tile-hue: var(--brand-aqua);--tile-mix: 36%;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;margin:0;padding:.75rem;border:0;border-radius:1rem;background:var(--surface);color:var(--ink-strong);font:inherit;text-align:left;text-decoration:none}:root.dark .tile,:root[data-theme=dark] .tile{--tile-mix: 26%}button.tile,a.tile{cursor:pointer;transition:transform .14s ease}button.tile:active,a.tile:active{transform:scale(.985)}button.tile:focus-visible,a.tile:focus-visible{outline:2.5px solid var(--brand-teal-fixed);outline-offset:2px}button.tile:disabled{cursor:default;opacity:.55}.tile[data-tone=plain]{box-shadow:inset 0 0 0 1.5px var(--border-soft)}.tile[data-tone=tint]{background:color-mix(in srgb,var(--tile-hue) var(--tile-mix),var(--surface))}.tile[data-tone=solid]{background:var(--tile-hue);color:var(--accent-card-ink)}.tile[data-tone=solid] .tile-label,.tile[data-tone=solid] .tile-title>span,.tile[data-tone=solid] .tile-figure>span{color:var(--accent-card-muted)}.tile[data-tone=muted]{background:var(--surface-muted)}.tile[data-tone=ink]{background:#10223b;color:#fff}:root.dark .tile[data-tone=ink],:root[data-theme=dark] .tile[data-tone=ink]{background:#2c2c32}.tile[data-tone=ink] .tile-label,.tile[data-tone=ink] .tile-title>span,.tile[data-tone=ink] .tile-figure>span{color:#ffffffb8}.tile[data-tone=locked]{background:color-mix(in srgb,var(--tile-hue) 10%,var(--surface));outline:1.5px dashed color-mix(in srgb,var(--tile-hue) 75%,var(--border-strong));outline-offset:-1.5px}.tile[data-ring=chosen]{box-shadow:inset 0 0 0 2.5px var(--brand-teal-fixed)}.tile[data-ring=pending]{box-shadow:inset 0 0 0 2px var(--brand-lime)}.tile[data-ring=ink]{box-shadow:inset 0 0 0 2.5px var(--accent-card-ink)}.tile-label{display:block;color:var(--ink-soft);font-size:.66rem;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.tile-title{display:grid;gap:.1rem;min-width:0}.tile-title>b{font-family:var(--font-heading);font-size:1rem;font-weight:600;line-height:1.2}.tile-title>span{color:var(--ink-soft);font-size:.78rem;font-weight:600;line-height:1.3}.tile-icon{display:grid;flex:none;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink-strong)}.tile-icon>svg{width:.85rem;height:.85rem;stroke-width:2.5}.tile-go{position:absolute;top:.6rem;right:.6rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--ink-soft)}.tile-go[data-kind=locked]{background:none}.tile-go[data-kind=check]{color:var(--brand-teal-strong)}.tile-go>svg{width:.7rem;height:.7rem;stroke-width:3}.tile-figure{display:inline-flex;align-items:baseline;gap:.25rem;min-width:0;white-space:nowrap}.tile-figure>b{font-family:var(--font-heading);font-size:1.9rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.05}.tile-figure>span{color:var(--ink-soft);font-size:.75rem;font-weight:800}.tile-ring{position:relative;display:block;flex:none}.tile-ring>svg{display:block;width:100%;height:100%}.tile-ring__track{stroke:var(--border-soft)}.tile[data-tone=ink] .tile-ring__track{stroke:#ffffff29}.tile-ring__center{position:absolute;inset:0;display:grid;place-items:center}.tile-bar{display:block;height:.375rem;overflow:hidden;border-radius:999px;background:var(--border-soft)}.tile-bar>span{display:block;min-width:.375rem;height:100%;border-radius:inherit;background:var(--brand-teal-fixed)}.tile-bar>span[data-empty]{min-width:0}.tile-square{--tile-hue: var(--brand-aqua);display:grid;flex:none;place-items:center;width:1.5rem;height:1.5rem;border-radius:.45rem;background:var(--surface-muted);color:var(--accent-card-ink)}.tile-square[data-state=on]{background:var(--tile-hue);color:var(--tile-hue-on, var(--accent-card-ink))}.tile-square[data-state=lapsed]{background:none;outline:1.5px dashed var(--border-strong);outline-offset:-1.5px}.tile-square[data-state=open]{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border-strong)}.tile-square>svg{width:.8rem;height:.8rem;stroke-width:3.2}.tile-radio{display:grid;flex:none;place-items:center;width:1.375rem;height:1.375rem;border-radius:999px;box-shadow:inset 0 0 0 1.75px var(--border-strong);background:var(--surface);color:#fff}.tile-radio[data-on]{background:var(--brand-teal-fixed);box-shadow:none}.tile-radio>svg{width:.7rem;height:.7rem;stroke-width:3.4}@media(prefers-reduced-motion:reduce){button.tile,a.tile{transition:none}}