/* PVP King tournament pages (tournament.html, admin/tournament.html).
 * Builds on site.css tokens; everything here is scoped to .tn-* classes. */
.tn-hero { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; justify-content: space-between; margin-bottom: 16px; }
.tn-hero .page-head { margin: 0; }
.tn-captain { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-weight: 800; letter-spacing: .06em;
  background: var(--paper-2); border: 2px dashed var(--wood-lt); padding: 6px 12px; border-radius: 999px; }
.tn-muted { color: var(--ink-2); } .tn-sm { font-size: .85rem; } .tn-xs { font-size: .76rem; }
.tn-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border-radius: 999px; font-size: .76rem; font-weight: 800;
  border: 1.5px solid var(--wood-lt); background: var(--paper-2); white-space: nowrap; }
.tn-chip.ok { background: var(--ok-bg); border-color: var(--ok-line); color: var(--ok-ink); }
.tn-chip.warn { background: var(--err-bg); border-color: var(--err-line); color: var(--err-ink); }
.tn-chip.info { background: var(--info-bg); border-color: var(--info-line); color: var(--info-ink); }

/* final five strip */
.tn-five { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
@media (max-width: 820px) { .tn-five { grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); } }
.tn-slot { position: relative; text-align: left; border: 2px solid var(--wood-lt); border-radius: var(--radius); background: var(--paper);
  padding: 0; overflow: hidden; box-shadow: var(--shadow); transition: transform .15s, box-shadow .15s; display: flex; flex-direction: column;
  font: inherit; color: inherit; cursor: pointer; min-width: 0; }
.tn-slot:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.tn-slot.sel { outline: 4px solid var(--gold); outline-offset: -1px; transform: translateY(-3px); }
.tn-slot .head { padding: 10px 12px; color: #fff; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #000)); display: flex; align-items: center; gap: 8px; min-height: 50px; }
.tn-slot.empty .head { background: repeating-linear-gradient(135deg, var(--paper-3) 0 8px, var(--paper-2) 8px 16px); color: var(--ink-2); }
.tn-slot .em { font-size: 1.5rem; line-height: 1; }
.tn-slot .cls { font-weight: 900; font-size: .95rem; line-height: 1.1; } .tn-slot .pil { font-size: .74rem; opacity: .9; }
.tn-slot .body { padding: 9px 12px 10px; font-size: .78rem; line-height: 1.4; flex: 1 1 auto; }
.tn-slot .body .l { display: flex; gap: 6px; align-items: center; min-width: 0; }
.tn-slot .body .l b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tn-slot .foot { padding: 6px 12px 10px; }
.tn-slot .n { position: absolute; top: 6px; right: 8px; font-family: ui-monospace, Consolas, monospace; font-size: .7rem; font-weight: 900; opacity: .75; }
.tn-bar { height: 6px; border-radius: 999px; background: var(--paper-3); overflow: hidden; margin-top: 6px; }
.tn-bar i { display: block; height: 100%; background: var(--gold-dk); border-radius: 999px; }
.tn-pimg { width: 22px; height: 22px; image-rendering: pixelated; border-radius: 5px; border: 1.5px solid var(--wood-lt); background: var(--paper-3); vertical-align: middle; }

/* editor */
.tn-steps { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.tn-steps button { border: 2px solid var(--wood-lt); background: var(--paper-2); border-radius: 999px; padding: 6px 14px; font: inherit; font-weight: 800; font-size: .85rem; color: var(--ink); cursor: pointer; }
.tn-steps button[aria-selected=true] { background: var(--gold); color: var(--wood-dk); border-color: var(--wood-dk); }
.tn-steps .d { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--err-line); margin-left: 6px; }
.tn-steps .d.ok { background: var(--ok-line); }
.tn-pane[hidden] { display: none; }
.tn-classes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 10px; }
.tn-ctile { border: 2px solid var(--wood-lt); border-radius: var(--radius); background: var(--paper-2); padding: 14px 10px; text-align: center; transition: transform .12s; position: relative; font: inherit; color: inherit; cursor: pointer; }
.tn-ctile:hover { transform: translateY(-3px); }
.tn-ctile[aria-pressed=true] { background: linear-gradient(180deg, color-mix(in srgb, var(--c) 22%, var(--paper)), var(--paper)); border-color: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 35%, transparent); }
.tn-ctile .em { font-size: 2.2rem; line-height: 1; } .tn-ctile .nm { font-weight: 900; margin-top: 4px; } .tn-ctile .tr { font-size: .72rem; color: var(--ink-2); }
.tn-ctile .cnt { position: absolute; top: 6px; right: 8px; font-size: .7rem; font-weight: 900; font-family: ui-monospace, Consolas, monospace; color: var(--ink-3); }
.tn-ctile:disabled { opacity: .45; cursor: not-allowed; transform: none; }

/* faith */
.tn-ptsrow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.tn-pts { font-family: ui-monospace, Consolas, monospace; font-weight: 900; font-size: 1.25rem; } .tn-pts.over { color: var(--err-ink); }
.tn-ptsbar { flex: 1 1 160px; height: 12px; border-radius: 999px; background: var(--paper-3); overflow: hidden; border: 1.5px solid var(--wood-lt); }
.tn-ptsbar i { display: block; height: 100%; background: linear-gradient(90deg, var(--gold), var(--gold-dk)); }
.tn-trees { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.tn-tree { border: 2px solid var(--wood-lt); border-radius: var(--radius); padding: 12px; background: var(--paper-2); }
.tn-tree h3 { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 1rem; }
.tn-tree h3 .tp { font-family: ui-monospace, Consolas, monospace; font-size: .85rem; color: var(--ink-2); }
.tn-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(6, 110px); gap: 8px 10px; align-items: center; padding: 4px 0; max-width: 420px; margin: 0 auto; }
.tn-grid svg.edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.tn-grid svg.edges line { stroke: var(--wood-lt); stroke-width: 3; stroke-linecap: round; } .tn-grid svg.edges line.on { stroke: var(--gold-dk); }
.tn-node { position: relative; z-index: 1; height: 98px; border: 2px solid var(--wood-lt); border-radius: var(--radius-sm); background: var(--paper); padding: 6px 5px 5px; text-align: center;
  display: flex; flex-direction: column; justify-content: space-between; gap: 3px; font: inherit; color: inherit; cursor: pointer; transition: transform .1s, box-shadow .1s; min-width: 0; }
.tn-node:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.tn-node .ic { width: 38px; height: 38px; border-radius: 50%; border: 2px solid var(--wood-lt); background: radial-gradient(circle at 35% 30%, var(--paper), var(--paper-3)); display: flex; align-items: center; justify-content: center; margin: 0 auto; overflow: hidden; }
.tn-node .ic img { width: 30px; height: 30px; border-radius: 50%; }
.tn-node .nm { font-weight: 900; font-size: .74rem; line-height: 1.15; height: 2.3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tn-node .lvl { font-family: ui-monospace, Consolas, monospace; font-size: .72rem; font-weight: 900; }
.tn-node.on { border-color: var(--gold-dk); background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 18%, var(--paper)), var(--paper)); }
.tn-node.on .ic { border-color: var(--gold-dk); }
.tn-node.max { border-color: var(--leaf-dk); } .tn-node.max .ic { box-shadow: 0 0 0 3px color-mix(in srgb, var(--leaf) 45%, transparent); }
.tn-node.locked { opacity: .5; } .tn-node.locked .ic img { filter: grayscale(1) brightness(.7); } .tn-node.locked:hover { transform: none; box-shadow: none; }
.tn-node .minus { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--wood-lt); background: var(--paper-2); font-size: .8rem; line-height: 1; display: none; padding: 0; }
.tn-node.on .minus { display: block; }
.tn-legend { display: flex; gap: 10px; flex-wrap: wrap; font-size: .74rem; color: var(--ink-2); margin: 4px 0 0; }
.tn-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: -2px; margin-right: 3px; border: 2px solid var(--wood-lt); }
.tn-legend i.on { border-color: var(--gold-dk); background: var(--gold); } .tn-legend i.max { border-color: var(--leaf-dk); background: var(--leaf); }

/* pets */
.tn-roles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.tn-role { border: 2px solid var(--wood-lt); border-radius: var(--radius); padding: 12px; background: var(--paper-2); min-width: 0; }
.tn-role h3 { display: flex; justify-content: space-between; align-items: center; margin: 0 0 6px; font-size: 1rem; }
.tn-pets { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 118px), 1fr)); gap: 6px; margin: 6px 0 10px; }
.tn-ptile { border: 2px solid var(--wood-lt); border-radius: var(--radius-sm); background: var(--paper); padding: 7px 6px; text-align: center; font: inherit; font-size: .74rem; font-weight: 800; line-height: 1.15; color: inherit; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 3px; }
.tn-ptile img { width: 44px; height: 44px; image-rendering: pixelated; border-radius: 8px; border: 2px solid var(--wood-lt); background: var(--paper-3); padding: 2px; }
.tn-ptile[aria-pressed=true] { border-color: var(--gold-dk); background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 25%, var(--paper)), var(--paper)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 40%, transparent); }
.tn-ptile[aria-pressed=true] img { border-color: var(--gold-dk); }
.tn-statcard { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; border: 2px solid var(--gold-dk); border-radius: var(--radius-sm);
  background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 14%, var(--paper)), var(--paper)); padding: 10px; margin: 8px 0 10px; }
.tn-statcard .big { width: 56px; height: 56px; image-rendering: pixelated; border: 2px solid var(--gold-dk); border-radius: 10px; background: var(--paper-3); padding: 3px; }
.tn-statcard h4 { margin: 0 0 2px; font-size: .95rem; } .tn-statcard .occ { font-size: .72rem; color: var(--ink-2); margin-bottom: 6px; }
.tn-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 92px), 1fr)); gap: 3px 10px; font-size: .76rem; }
.tn-stats div { display: flex; justify-content: space-between; gap: 6px; border-bottom: 1px dashed rgba(138, 92, 51, .3); }
.tn-stats b { font-family: ui-monospace, Consolas, monospace; font-weight: 900; } .tn-stats .hi b { color: var(--ok-ink); }
.tn-prim { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.tn-prim span { font-size: .7rem; font-weight: 800; border: 1.5px solid var(--wood-lt); border-radius: 999px; padding: 1px 7px; background: var(--paper-2); }
.tn-picked { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 6px; min-height: 22px; }
.tn-picked button { display: inline-flex; align-items: center; gap: 4px; border: 1.5px solid var(--gold-dk); background: var(--gold); color: var(--wood-dk); border-radius: 999px; padding: 1px 8px 1px 3px; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.tn-picked button img { width: 18px; height: 18px; border-radius: 4px; image-rendering: pixelated; }
.tn-picked .none { font-size: .72rem; color: var(--ink-3); }
.tn-sksearch { display: flex; gap: 6px; align-items: center; margin: 4px 0 6px; }
.tn-sksearch input { flex: 1 1 auto; min-width: 0; border: 2px solid var(--wood-lt); border-radius: 999px; background: var(--page); padding: 6px 12px; font: inherit; font-size: .85rem; color: var(--ink); }
.tn-sksearch .cnt { font-family: ui-monospace, Consolas, monospace; font-size: .72rem; color: var(--ink-2); white-space: nowrap; }
.tn-sklist { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; max-height: 300px; overflow-y: auto; padding: 2px 6px 2px 2px; border: 1.5px solid var(--wood-lt); border-radius: var(--radius-sm); background: var(--paper-2); scrollbar-width: thin; }
.tn-skrow { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 8px; align-items: center; border: 1.5px solid var(--wood-lt); background: var(--paper); border-radius: var(--radius-sm); padding: 5px 7px; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.tn-skrow img { width: 32px; height: 32px; border-radius: 6px; border: 1.5px solid var(--wood-lt); background: #111; image-rendering: pixelated; }
.tn-skrow .n { font-weight: 900; font-size: .8rem; line-height: 1.1; } .tn-skrow .e { font-size: .68rem; color: var(--ink-2); line-height: 1.2; margin-top: 2px; }
.tn-skrow[aria-pressed=true] { border-color: var(--gold-dk); background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 28%, var(--paper)), var(--paper)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 45%, transparent); }
.tn-skrow:disabled { opacity: .4; cursor: not-allowed; } .tn-skrow.hide { display: none; }

/* review + staff */
.tn-check { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 8px; margin: 10px 0; }
.tn-ck { display: flex; gap: 8px; align-items: flex-start; border: 1.5px solid var(--wood-lt); border-radius: var(--radius-sm); padding: 8px 10px; background: var(--paper-2); font-size: .86rem; }
.tn-ck .i { font-weight: 900; } .tn-ck.ok .i { color: var(--ok-ink); } .tn-ck.bad .i { color: var(--err-ink); }
.tn-hist { width: 100%; border-collapse: collapse; font-size: .8rem; margin-top: 6px; }
.tn-hist th, .tn-hist td { text-align: left; padding: 4px 8px; border-bottom: 1px dashed rgba(138, 92, 51, .3); }
.tn-hist th { font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; color: var(--ink-3); }
.tn-hist td:first-child { font-family: ui-monospace, Consolas, monospace; font-weight: 900; }
.tn-toast { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); background: var(--wood-dk); color: #fff; padding: 10px 16px; border-radius: 999px; font-weight: 800; font-size: .9rem; box-shadow: var(--shadow-lg); opacity: 0; pointer-events: none; transition: opacity .2s; max-width: 92vw; text-align: center; z-index: 50; }
.tn-toast.show { opacity: 1; }
.tn-detail { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 10px; margin: 8px 0 4px; }
.tn-bcard { border: 2px solid var(--wood-lt); border-radius: var(--radius); background: var(--paper); overflow: hidden; display: flex; flex-direction: column; min-width: 0; }
.tn-bcard .bh { display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: #fff; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #000)); }
.tn-bcard.empty .bh { background: repeating-linear-gradient(135deg, var(--paper-3) 0 8px, var(--paper-2) 8px 16px); color: var(--ink-2); }
.tn-bcard .bh .em { font-size: 1.4rem; line-height: 1; } .tn-bcard .bh .t { font-weight: 900; line-height: 1.1; font-size: .92rem; } .tn-bcard .bh .p { font-size: .72rem; opacity: .9; }
.tn-bcard .bh .n { margin-left: auto; font-family: ui-monospace, Consolas, monospace; font-size: .7rem; font-weight: 900; opacity: .8; }
.tn-bcard .sec { padding: 7px 10px; border-top: 1px dashed rgba(138, 92, 51, .35); }
.tn-bcard .lab { font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; color: var(--ink-3); font-weight: 900; margin-bottom: 4px; display: flex; justify-content: space-between; gap: 6px; }
.tn-nodes-mini { display: flex; flex-wrap: wrap; gap: 4px; }
.tn-nmini { position: relative; width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--gold-dk); background: var(--paper-3); }
.tn-nmini img { width: 100%; height: 100%; border-radius: 50%; display: block; }
.tn-nmini b { position: absolute; right: -5px; bottom: -5px; min-width: 16px; height: 16px; border-radius: 999px; background: var(--wood-dk); color: #fff; font-family: ui-monospace, Consolas, monospace; font-size: .62rem; font-weight: 900; display: flex; align-items: center; justify-content: center; padding: 0 3px; border: 1.5px solid var(--paper); }
.tn-nmini.max { border-color: var(--leaf-dk); }
.tn-petrow { display: grid; grid-template-columns: 22px 30px minmax(0, 1fr); gap: 6px; align-items: center; padding: 4px 0; border-top: 1px dotted rgba(138, 92, 51, .25); }
.tn-petrow:first-of-type { border-top: 0; }
.tn-petrow .r { font-size: .95rem; text-align: center; } .tn-petrow img.h { width: 30px; height: 30px; border-radius: 6px; border: 1.5px solid var(--wood-lt); background: var(--paper-3); image-rendering: pixelated; }
.tn-petrow .nm { font-weight: 900; font-size: .78rem; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tn-petrow .sk { display: flex; gap: 2px; flex-wrap: wrap; margin-top: 2px; } .tn-petrow .sk img { width: 18px; height: 18px; border-radius: 3px; border: 1px solid var(--wood-lt); image-rendering: pixelated; }
.tn-petrow .cnt { font-family: ui-monospace, Consolas, monospace; font-size: .66rem; color: var(--ink-2); margin-left: 4px; }
.tn-bcard .st { padding: 6px 10px; font-size: .74rem; font-weight: 800; margin-top: auto; } .tn-bcard .st.ok { color: var(--ok-ink); background: var(--ok-bg); } .tn-bcard .st.bad { color: var(--err-ink); background: var(--err-bg); }
.tn-sched { border: 2px solid var(--wood-lt); border-radius: var(--radius-sm); background: var(--paper-2); padding: 10px 12px; margin: 8px 0 12px; display: grid; gap: 8px; }
.tn-sched .row1 { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.tn-sched .status { font-weight: 900; } .tn-sched .status.open { color: var(--ok-ink); } .tn-sched .status.closed { color: var(--err-ink); }
.tn-sched input[type=datetime-local] { border: 2px solid var(--wood-lt); border-radius: var(--radius-sm); background: var(--page); padding: 6px 10px; font: inherit; font-size: .9rem; color: var(--ink); }
.tn-sched .err { color: var(--err-ink); font-size: .8rem; font-weight: 800; } .tn-sched .okm { color: var(--ok-ink); font-size: .8rem; font-weight: 800; }
.tn-confirm { border: 2px solid var(--err-line); background: var(--err-bg); color: var(--err-ink); border-radius: var(--radius-sm); padding: 10px 12px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.tn-confirm.reopen { border-color: var(--ok-line); background: var(--ok-bg); color: var(--ok-ink); } .tn-confirm b { flex: 1 1 240px; }
.btn-danger { background: linear-gradient(180deg, #e07a68, var(--berry)); color: #fff; border-color: #7a2a1e; }
.tn-table .row { background: none; border: 0; padding: 0; font: inherit; font-weight: 900; color: var(--gold-dk); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.tn-table .ros { font-size: 1.05rem; letter-spacing: 1px; }
.tn-table tr.me td { background: color-mix(in srgb, var(--gold) 14%, transparent); }

/* cultivation: five quiet sliders under the stat card */
.tn-cult { border: 1.5px solid var(--wood-lt); border-radius: var(--radius-sm); background: var(--paper); padding: 8px 12px 10px; margin: 0 0 10px; }
.tn-cult-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: .82rem; font-weight: 800; margin-bottom: 4px; }
.tn-cult-head b { font-family: ui-monospace, Consolas, monospace; font-weight: 900; color: var(--ink); } .tn-cult-head .left.over { color: var(--err-ink); }
.tn-cult-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.tn-penta { width: 112px; height: auto; display: block; margin: 2px auto 4px; }
.tn-penta .outer { fill: var(--paper-2); stroke: var(--wood-lt); stroke-width: 1.5; }
.tn-penta .ring { fill: none; stroke: rgba(138, 92, 51, .25); stroke-width: 1; }
.tn-penta .fill { fill: color-mix(in srgb, var(--leaf) 55%, transparent); stroke: var(--leaf-dk); stroke-width: 1.5; stroke-linejoin: round; }
.tn-cultrow .k small { font-weight: 400; color: var(--ink-3); margin-left: 2px; }
.tn-cultrow .nx { font-size: .68rem; color: var(--ink-3); white-space: nowrap; }
.tn-cult-head .pts { font-family: ui-monospace, Consolas, monospace; font-weight: 900; color: var(--ink-2); }
.tn-cult-head .pts small { font-weight: 400; } .tn-cult-head .pts.over { color: var(--err-ink); }
.tn-cultrow { display: grid; grid-template-columns: 74px minmax(0, 1fr) 56px 66px; gap: 8px; align-items: center; padding: 2px 0; font-size: .78rem; cursor: pointer; }
.tn-cultrow .k { font-weight: 800; color: var(--ink-2); }
.tn-cultrow .v { font-family: ui-monospace, Consolas, monospace; font-weight: 900; text-align: right; }
.tn-cultrow .v small { font-weight: 400; color: var(--ink-3); }
.tn-cultrow input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 18px; margin: 0; background: transparent; cursor: pointer; }
.tn-cultrow input[type=range]:disabled { cursor: not-allowed; opacity: .5; }
.tn-cultrow input[type=range]::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--gold-dk) 0, var(--gold-dk) var(--f, 0%), var(--paper-3) var(--f, 0%)); border: 1px solid rgba(138, 92, 51, .35); }
.tn-cultrow input[type=range]::-moz-range-track { height: 6px; border-radius: 999px; background: var(--paper-3); border: 1px solid rgba(138, 92, 51, .35); }
.tn-cultrow input[type=range]::-moz-range-progress { height: 6px; border-radius: 999px; background: var(--gold-dk); }
.tn-cultrow input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border-radius: 50%; background: var(--paper); border: 2px solid var(--wood-dk); box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
.tn-cultrow input[type=range]::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: var(--paper); border: 2px solid var(--wood-dk); }
.tn-cultrow input[type=range]:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 999px; }