/* MIT. Scoped presentation only; no deck art or third-party UI styles. */
.tl-root{--tl-ink:#263a34;--tl-paper:#fcfaf3;--tl-line:#b9c9bc;--tl-accent:#305c4b;--tl-muted:#5e6f63;color:var(--tl-ink);font:1rem/1.55 system-ui,-apple-system,"Noto Sans SC",sans-serif;max-width:100%;min-width:0}
.tl-root *{box-sizing:border-box}
.tl-root .tl-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.tl-root .tl-title{font-size:1.2rem;line-height:1.4;margin:.5rem 0}
.tl-root .tl-help{flex-basis:100%;margin:0;color:var(--tl-muted);font-size:1rem}
.tl-root .tl-note{font-size:1rem;color:var(--tl-muted);margin:.75rem 0}
.tl-root .tl-variant{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1rem}
.tl-root select{font:inherit;padding:.55rem;border:1px solid var(--tl-line);border-radius:.5rem;max-width:100%;background:var(--tl-paper);color:var(--tl-ink)}
.tl-root .tl-viewport{width:100%;max-width:100%;min-width:0;overflow:auto;max-height:75vh;max-height:75dvh;border:1px solid var(--tl-line);border-radius:.8rem;background:linear-gradient(135deg,#edf3ed,#f8f5e9);overscroll-behavior:contain;scrollbar-gutter:stable;isolation:isolate}
.tl-root .tl-board{position:relative;list-style:none;padding:0;margin:0 auto;flex-shrink:0}
.tl-root .tl-position{position:absolute;list-style:none;margin:0;padding:0}
.tl-root .tl-position:focus-within{z-index:5!important}
.tl-root .tl-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.25rem;width:100%;height:100%;margin:0;padding:.65rem .55rem;overflow:auto;white-space:normal;overflow-wrap:anywhere;font:1rem/1.35 system-ui,-apple-system,"Noto Sans SC",sans-serif;text-align:center;color:var(--tl-ink);background:var(--tl-paper);border:2px solid var(--tl-accent);border-radius:.65rem;box-shadow:0 .18rem .5rem #26433820;cursor:pointer;appearance:none}
.tl-root .tl-crossed .tl-card{border-style:double;border-width:4px;background:#f4f1e5}
.tl-root .tl-position-number{align-self:flex-start;font-size:1rem;font-weight:700;line-height:1.25}
.tl-root .tl-symbol{font-size:1.45rem;line-height:1.25;color:var(--tl-accent)}
.tl-root .tl-card-name{font-size:1rem;line-height:1.4}
.tl-root .tl-orientation{font-size:1rem;color:var(--tl-accent)}
.tl-root .tl-slot-label{font-size:1rem;color:var(--tl-muted)}
.tl-root .tl-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.75rem;list-style:none;padding:0;margin:1rem 0}
.tl-root .tl-reading{margin:0;min-width:0;border:1px solid var(--tl-line);border-radius:.65rem;background:var(--tl-paper);overflow-wrap:anywhere}
.tl-root details{padding:.75rem}
.tl-root summary{cursor:pointer;font-size:1rem;line-height:1.6}
.tl-root summary strong{display:block;padding-left:1rem;font-size:1.05rem;line-height:1.5}
.tl-root .tl-reading-label{font-weight:500}
.tl-root .tl-reading p{margin:.7rem 0 0;font-size:1rem}
.tl-root .tl-position-meaning{color:var(--tl-muted)}
.tl-root .tl-reconstruction{font-weight:700;color:#824500}
.tl-root button:focus-visible,.tl-root select:focus-visible,.tl-root summary:focus-visible,.tl-root details:focus-visible,.tl-root .tl-viewport:focus-visible{outline:3px solid #bb6300;outline-offset:3px}
@media(max-width:600px){.tl-root .tl-viewport{max-height:65vh;max-height:65dvh}.tl-root .tl-readings{grid-template-columns:minmax(0,1fr)}.tl-root .tl-variant{width:100%}.tl-root .tl-card{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.tl-root *{scroll-behavior:auto!important}}
@media print{.tl-root .tl-viewport{display:none}.tl-root .tl-readings{display:block}.tl-root .tl-reading{break-inside:avoid;margin-bottom:.6rem}.tl-root details>*{display:block!important}}