#triangles-app{margin:12px 0 0}.tr-game{--tr-paper:#fbf5e6;--tr-ink:#2b241c;--tr-open:#b3a487;--tr-last:#8c1d10;--tr-p1-bg:#9cc0f2;--tr-p1-fg:#1d4fa3;--tr-p2-bg:#f5b27c;--tr-p2-fg:#b0441a;--tr-preview:#ffc800;--tr-hint:#ff8a00;gap:12px;min-width:0;display:grid}.tr-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.tr-info{flex-wrap:wrap;gap:2px 16px;font-size:1.1rem;display:flex}.tr-level{font-weight:700}.tr-note{border-left:6px solid var(--gingham);background:var(--surface-2,#f6efe0);padding:4px 12px;font-weight:700}.tr-big-name{font-family:var(--font-display);font-size:var(--text-xl);align-items:center;gap:10px;font-weight:700;line-height:1.1;display:flex;margin:0 0 4px!important}.tr-big-name .tr-swatch{width:40px;height:40px}.tr-table{justify-items:center;gap:10px;min-width:0;padding:12px;display:grid}.tr-score{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;width:100%;font-size:1.25rem;font-weight:700;display:flex}.tr-chip{background:#0000004d;border:3px solid #fff6;border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:4px 14px 4px 6px;display:inline-flex}.tr-chip.is-turn{border-color:var(--highlight);background:#0000008c}.tr-chip-text,.tr-left{font-variant-numeric:tabular-nums}.tr-sep{opacity:.8}.tr-badge{background:var(--highlight);color:#221d16;white-space:nowrap;border-radius:999px;padding:0 10px;font-size:.95rem;font-weight:800;display:inline-block}.tr-swatch{flex:none;width:32px;height:32px}.tr-sw-p1,.tr-sw-p2{stroke:var(--tr-ink);stroke-width:3px;stroke-linejoin:round}.tr-sw-p1{fill:url(#tr-pat-p1)}.tr-sw-p2{fill:url(#tr-pat-p2)}.tr-board-wrap{justify-content:center;width:100%;display:flex}.tr-board{border:5px solid var(--wood-dark);background:var(--tr-paper);width:min(100%,680px,max(420px,115vh - 138px));height:auto;box-shadow:0 0 0 2px var(--brass), var(--shadow-md);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px;display:block}.tr-board.is-live{cursor:pointer}.tr-bg-p1{fill:var(--tr-p1-bg)}.tr-fg-p1{fill:var(--tr-p1-fg)}.tr-bg-p2{fill:var(--tr-p2-bg)}.tr-fg-p2{fill:var(--tr-p2-fg)}.tr-claim polygon{stroke:none}.tr-claim.is-new{animation:.45s ease-out tr-fill}.tr-mark-bg{fill:#ffffffeb;stroke:var(--tr-ink);stroke-width:2.5px}.tr-mark{fill:var(--tr-ink);font-family:var(--font);font-size:24px;font-weight:800}.tr-line{stroke-linecap:round;pointer-events:none}.tr-line.is-open{stroke:var(--tr-open);stroke-width:4px;stroke-dasharray:1 11}.tr-line.is-drawn{stroke:var(--tr-ink);stroke-width:9px}.tr-line.is-last{stroke:var(--tr-last);stroke-width:13px}.tr-line.is-new{stroke-dasharray:110;animation:.35s ease-out tr-draw}.tr-preview-under,.tr-preview,.tr-hintline{stroke-linecap:round;pointer-events:none}.tr-preview-under{stroke:var(--tr-ink);stroke-width:17px}.tr-preview{stroke:var(--tr-preview);stroke-width:10px;stroke-dasharray:16 9}.tr-hintline{stroke:var(--tr-hint);stroke-width:19px;stroke-opacity:.75}.tr-dot{fill:var(--tr-ink);pointer-events:none}.tr-hit{fill:#0000;stroke:none;outline:none}.tr-hit:focus-visible{fill:#ff9e004d;stroke:var(--focus);stroke-width:4px}@media (hover:hover){.tr-hit:hover{fill:#ffc80038}}@keyframes tr-draw{0%{stroke-dashoffset:110px}to{stroke-dashoffset:0}}@keyframes tr-fill{0%{opacity:0}to{opacity:1}}.reduce-motion .tr-line.is-new,.reduce-motion .tr-claim.is-new{animation:none}.tr-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tr-controls:empty{display:none}.tr-name-field{gap:4px;margin:8px 0;display:grid}@media (width<=767px){.tr-wide-only{display:none}.tr-game{gap:8px}.tr-info{font-size:1.25rem}.tr-table{margin-inline:calc(-1 * var(--gutter,16px));border-width:3px 0;border-radius:0;gap:6px;padding:4px 0}.tr-score{gap:4px 6px;padding:0 8px;font-size:1.25rem}.tr-badge{font-size:1.25rem}.tr-chip{padding:2px 10px 2px 4px}.tr-sep{display:none}.tr-swatch{width:26px;height:26px}.tr-board{width:min(100%, calc((100svh - var(--dock-h,140px) - 60px) * 1.15));min-width:min(100%,320px);max-height:calc(100svh - var(--dock-h,140px) - 12px);border-width:3px 0;border-radius:0}.tr-big-name{font-size:1.3rem}}