/* Item database and Monster database (boards ItemDB, MonsterDB, ItemDBPhone; markup lib/nv_dbpages_ui.php). Loaded by
   nv_ui_page_css('dbpages') from themes/nirvana/item and themes/nirvana/monster. Colours are the kit tokens only (--ui-*), so
   Daybreak, Daybreak Night and Anime each repaint it; tints are colour mixes of those tokens. */
@layer legacy{
.dbp{--dbp-ok-tint:color-mix(in srgb,var(--ui-ok) 14%,var(--ui-surface));--dbp-warn-tint:color-mix(in srgb,var(--ui-warn) 16%,var(--ui-surface));
	--dbp-danger-tint:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-surface));--dbp-cta-tint:color-mix(in srgb,var(--ui-cta) 22%,var(--ui-surface));
	color:var(--ui-fg);font-family:var(--body);min-width:0}
.dbp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dbp-ico{flex-shrink:0;display:block}

/* head */
.dbp-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:end}
.dbp-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;line-height:20px;color:var(--ui-fg-2);margin:0 0 var(--space-2)}
.dbp-crumbs a{color:var(--ui-fg-2);text-decoration:none;min-height:44px;min-width:44px;justify-content:center;display:inline-flex;align-items:center}
.dbp-crumbs a:hover{color:var(--ui-link)}
.dbp-crumbs [aria-current]{color:var(--ui-fg);font-weight:600}
.dbp .dbp-h1{font:700 44px/1.1 var(--disp);letter-spacing:-.01em;color:var(--ui-fg);margin:0 0 var(--space-3);border:0;padding:0;background:none;text-shadow:none;text-transform:none}
.dbp-lead{font-size:17px;line-height:26px;color:var(--ui-fg-2);margin:0;max-width:44em}
.dbp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:var(--space-3)}
.dbp-tile{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:4px;min-width:0}
.dbp-tile__v{font:700 24px/1.1 var(--disp);font-variant-numeric:tabular-nums;color:var(--ui-fg)}
.dbp-tile__k{font-size:13px;line-height:18px;color:var(--ui-fg-3)}

/* search and filters */
.dbp-filters{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);margin:0}
.dbp-filters__top{display:flex;gap:var(--space-3);align-items:flex-end}
.dbp-search{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-2);color:var(--ui-fg-3)}
.dbp-search .nvk-field__control{flex:1 1 auto}
.dbp-sort{flex:0 0 220px}
.dbp-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.dbp-pills__rule{width:1px;height:28px;background:var(--ui-line);margin:0 var(--space-1)}
.dbp .dbp-pill{min-height:44px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--ui-line-strong);background:var(--ui-surface);color:var(--ui-fg);
	font:600 14px/1 var(--body);display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
.dbp .dbp-pill:hover{border-color:var(--ui-brand);color:var(--ui-link)}
.dbp .dbp-pill[aria-pressed="true"]{background:var(--ui-brand);border-color:var(--ui-brand);color:var(--ui-brand-fg)}
.dbp-pill__n{font:600 12px/1 var(--body);font-variant-numeric:tabular-nums;color:var(--ui-fg-3)}
.dbp-pill[aria-pressed="true"] .dbp-pill__n{color:inherit;opacity:.85}
.dbp .dbp-pill--cta[aria-pressed="true"]{background:var(--ui-cta);border-color:var(--ui-warn);color:var(--ui-cta-fg)}
.dbp-dot{width:8px;height:8px;border-radius:999px;background:var(--ui-fg-3)}
.dbp-dot--normal{background:var(--ui-brand)}.dbp-dot--miniboss{background:var(--ui-danger)}.dbp-dot--mvp{background:var(--ui-cta)}.dbp-dot--warden{background:var(--ui-island)}
.dbp-pill[aria-pressed="true"] .dbp-dot{background:currentColor}
.dbp-filters__row{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);align-items:flex-end}
.dbp-filters__row > .nvk-field{flex:0 1 170px;min-width:140px}
.dbp-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.dbp-fld__l{font-size:14px;line-height:20px;font-weight:600;color:var(--ui-fg-2)}
.dbp-range{display:flex;align-items:center;gap:var(--space-2);color:var(--ui-fg-3)}
.dbp-range .nvk-field__control{width:84px}
.dbp-seg{display:inline-flex;border:1px solid var(--ui-line-strong);border-radius:var(--radius-md);overflow:hidden;background:var(--ui-surface)}
.dbp .dbp-seg__b{min-width:44px;min-height:44px;padding:0 12px;border:0;border-left:1px solid var(--ui-line);background:transparent;color:var(--ui-fg-2);
	font:600 14px/1 var(--body);cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;border-radius:0}
.dbp .dbp-seg__b:first-child{border-left:0}
.dbp .dbp-seg__b[aria-pressed="true"]{background:var(--ui-brand-tint);color:var(--ui-link);font-weight:700}
.dbp-count{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);font-size:14px;color:var(--ui-fg-2)}
.dbp-js .dbp-apply{display:none}

/* results + detail */
.dbp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,484px);gap:var(--space-5);align-items:start;margin-top:var(--space-5)}
.dbp-results{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;min-width:0}
.dbp-tablewrap{overflow-x:auto}
.dbp-table{width:100%;border-collapse:collapse;margin:0;font-size:14px}
#dbp-results .dbp-table th{font:700 12px/16px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ui-fg-3);text-align:left;padding:14px 12px;border:0;border-bottom:1px solid var(--ui-line);background:var(--ui-surface-2)}
#dbp-results .dbp-table td{padding:10px 12px;border:0;border-bottom:1px solid var(--ui-line);color:var(--ui-fg-2);vertical-align:middle;background:transparent}
#dbp-results .dbp-table .dbp-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#dbp-results .dbp-row:hover td{background:var(--ui-surface-2)}
#dbp-results .dbp-row.is-current td{background:var(--ui-brand-tint)}
#dbp-results .dbp-row.is-current td:first-child{box-shadow:inset 3px 0 0 var(--ui-brand)}
#dbp-results .dbp-row.is-current .dbp-row__sub,#dbp-results .dbp-row.is-current td{color:var(--ui-fg-2)}   /* fg-3 on the brand tint is under 4.5:1 in Daybreak Night */
.dbp-js .dbp-row{cursor:pointer}
#dbp-results td.dbp-row__name{min-width:200px}
.dbp-row__cell{display:flex;align-items:center;gap:12px;min-width:0}
.dbp-row__pic{flex-shrink:0;display:inline-flex}
.dbp-row__t{display:flex;flex-direction:column;gap:2px;min-width:0}
#dbp-results .dbp-row__a{font:700 15px/20px var(--body);color:var(--ui-fg);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:-10px 0 -8px}
#dbp-results .dbp-row__a:hover,#dbp-results .dbp-row.is-current .dbp-row__a{color:var(--ui-link)}
.dbp-row__sub{font-size:13px;line-height:18px;color:var(--ui-fg-3);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dbp-row__id{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px}
.dbp-cell-k{display:none}
#dbp-results .dbp-c-price{color:var(--ui-fg);font-weight:600}
.dbp-mobpic{width:40px;height:40px;object-fit:contain;display:block;border-radius:var(--radius-md);background:var(--ui-surface-2)}
.dbp-mobpic--lg{width:96px;height:96px}
.dbp-warden{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font:700 11px/16px var(--body);background:var(--ui-island);color:var(--ui-island-fg)}
.dbp-empty{padding:var(--space-6)}
.dbp-foot{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:6px}
.dbp-note{font-size:13px;line-height:18px;color:var(--ui-fg-3);margin:0}

.dbp-detail{position:sticky;top:calc(var(--nvk-bar-stick,80px) + 16px);min-width:0}
.dbp-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;min-width:0}
.dbp-card--empty{padding:var(--space-5)}
.dbp-card__hd{display:flex;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--ui-line);background:linear-gradient(180deg,var(--ui-brand-tint),var(--ui-surface))}
.dbp-card__hd--mvp{background:linear-gradient(180deg,var(--dbp-cta-tint),var(--ui-surface))}
.dbp-card__hd--miniboss{background:linear-gradient(180deg,var(--dbp-danger-tint),var(--ui-surface))}
.dbp-card__hd--warden{background:linear-gradient(180deg,var(--ui-sunken),var(--ui-surface))}
.dbp-pic{flex-shrink:0;width:96px;min-height:96px;border:1px dashed var(--ui-line-strong);border-radius:var(--radius-lg);background:var(--ui-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px}
.dbp-pic__id{font:600 12px/1 var(--font-mono,ui-monospace,monospace);color:var(--ui-fg-3)}
.dbp-card__id{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}
.dbp-eyebrow{font:700 12px/16px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-fg-3)}
.dbp .dbp-h2{font:700 26px/1.15 var(--disp);color:var(--ui-fg);margin:0;border:0;padding:0;background:none;text-shadow:none;overflow-wrap:anywhere}
.dbp-chips{display:flex;flex-wrap:wrap;gap:6px}
.dbp-card__bd{padding:20px;display:flex;flex-direction:column;gap:var(--space-5)}
.dbp-sec{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.dbp-sec__hd{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}
.dbp .dbp-h3{font:700 16px/22px var(--body);color:var(--ui-fg);margin:0;border:0;padding:0;background:none;text-shadow:none;text-transform:none;letter-spacing:0}
.dbp-cap{font-size:13px;line-height:18px;color:var(--ui-fg-3)}
.dbp-txt{font-size:15px;line-height:22px;color:var(--ui-fg-2);margin:0}
.dbp-ok{color:var(--ui-ok)}.dbp-bad{color:var(--ui-danger)}
.dbp-desc{font-size:15px;line-height:22px;color:var(--ui-fg-2);overflow-wrap:anywhere}
.dbp-dl{margin:0;border:1px solid var(--ui-line);border-radius:var(--radius-md);overflow:hidden}
.dbp-dl__r{display:grid;grid-template-columns:136px minmax(0,1fr);border-top:1px solid var(--ui-line)}
.dbp-dl__r:first-child{border-top:0}
.dbp-dl dt{padding:9px 12px;background:var(--ui-surface-2);font-size:14px;font-weight:600;color:var(--ui-fg-2)}
.dbp-dl dd{padding:9px 12px;margin:0;font-size:14px;color:var(--ui-fg);overflow-wrap:anywhere}
.dbp-dl--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.dbp-dl--2 .dbp-dl__r{grid-template-columns:minmax(0,96px) minmax(0,1fr)}
.dbp-dl--2 .dbp-dl__r:nth-child(2){border-top:0}
.dbp-dl--2 .dbp-dl__r:nth-child(even){border-left:1px solid var(--ui-line)}
.dbp-drops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dbp-drop{display:grid;grid-template-columns:minmax(0,1fr) 96px 64px;align-items:center;gap:var(--space-3);padding:8px 10px;border-radius:var(--radius-md);background:var(--ui-surface-2);min-height:44px}
.dbp-drop--item{grid-template-columns:auto minmax(0,1fr) 72px 60px}
.dbp-drop__who{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.dbp .dbp-link{color:var(--ui-link);font-weight:600;text-decoration:none}
.dbp-drop .dbp-link{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0}
.dbp .dbp-link:hover{text-decoration:underline}
.dbp-drop__rate{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ui-fg)}
.dbp-drop__bar{display:block;min-width:0}
.dbp .dbp-bar{width:100%;min-width:0;height:6px}
.dbp-bz{border:1px solid var(--ui-line-strong);border-radius:var(--radius-lg);background:var(--ui-surface-2);padding:var(--space-4)}
.dbp-bz__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.dbp-bz__t{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.dbp-bz__v{font:700 18px/1.25 var(--disp);color:var(--ui-fg);overflow-wrap:anywhere}
.dbp-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dbp-steps li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:22px;color:var(--ui-fg-2)}
.dbp-step{width:24px;height:24px;flex-shrink:0;border-radius:999px;background:var(--ui-brand-tint);color:var(--ui-link);display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 var(--body)}
.dbp-mtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.dbp-mtile{border:1px solid var(--ui-line);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.dbp-mtile__v{font:700 18px/1.2 var(--disp);font-variant-numeric:tabular-nums;color:var(--ui-fg);overflow-wrap:anywhere}
.dbp-timer{background:var(--ui-island);color:var(--ui-island-fg);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.dbp-timer__hd{display:flex;align-items:center;gap:8px;color:var(--ui-island-gold,var(--ui-cta))}
.dbp-timer .dbp-h3{color:var(--ui-island-fg)}
.dbp-timer__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dbp-timer__l li{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;background:var(--ui-island-2);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;color:var(--ui-island-fg-2)}
.dbp-timer__l .dbp-map{color:var(--ui-island-fg)}
.dbp-timer__n{font-size:13px;line-height:18px;color:var(--ui-island-fg-2);margin:0}
.dbp-map{font:700 13px/18px var(--font-mono,ui-monospace,monospace);color:var(--ui-fg)}
.dbp-els{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.dbp-el{min-height:56px;border-radius:var(--radius-md);padding:8px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border:1px solid transparent;text-align:center}
.dbp-el__k{font-size:12px;line-height:16px}
.dbp-el__v{font:700 16px/1.2 var(--body);font-variant-numeric:tabular-nums}
.dbp-el--even{background:var(--ui-surface-2);color:var(--ui-fg-2);border-color:var(--ui-line)}
.dbp-el--good{background:var(--dbp-ok-tint);color:var(--ui-ok)}
.dbp-el--great{background:var(--ui-ok);color:var(--ui-brand-fg)}
.dbp-el--poor{background:var(--dbp-danger-tint);color:var(--ui-danger)}
.dbp-el--immune{background:var(--ui-danger);color:var(--ui-brand-fg)}
.dbp-maps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.dbp-maps li > *,.dbp-maps--inst li{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--ui-line);border-radius:var(--radius-md);text-decoration:none;color:var(--ui-fg)}
.dbp-maplink:hover{border-color:var(--ui-brand);background:var(--ui-brand-tint)}
.dbp-sheet__more{margin:0;text-align:center}
.dbp-back{margin:var(--space-4) 0 0}
.dbp--view{max-width:720px}
.dbp--view .dbp-card{margin-top:var(--space-2)}

/* phone bottom sheet (js/nv-dbpages.js) */
.dbp-sheet{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:flex-end}
.dbp-sheet[hidden]{display:none}
.dbp-sheet__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--ui-island) 45%,transparent)}
.dbp-sheet__panel{position:relative;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--ui-surface);box-shadow:var(--shadow-lg)}
.dbp-sheet__panel .dbp-card{border:0;border-radius:0;box-shadow:none}
.dbp-sheet__panel .dbp-card__hd{position:relative;padding-top:28px}
.dbp-sheet__grip{position:absolute;top:10px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:999px;background:var(--ui-line-strong)}
.dbp .dbp-sheet__x,.dbp-sheet .dbp-sheet__x{width:44px;height:44px;flex-shrink:0;border-radius:999px;border:1px solid var(--ui-line-strong);background:var(--ui-surface);color:var(--ui-fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;padding:0}
@media (prefers-reduced-motion:no-preference){.dbp-sheet__panel{animation:dbpUp var(--t-med,.24s) var(--ease-rune,ease-out) both}}
@keyframes dbpUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
html.dbp-lock{overflow:hidden}
.dbp-busy [data-dbp-results]{opacity:.6;transition:opacity .15s}

@media (max-width:1100px){
	.dbp-grid{grid-template-columns:minmax(0,1fr)}
	.dbp-detail{position:static}
	.dbp-js .dbp-grid > .dbp-detail{display:none}   /* with the script a row opens the bottom sheet instead */
	.dbp-hero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
	.dbp .dbp-h1{font-size:32px}
	.dbp-lead{font-size:15px;line-height:22px}
	.dbp-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dbp-tile{padding:var(--space-3)}
	.dbp-tile__v{font-size:20px}
	.dbp-filters{padding:var(--space-3)}
	.dbp-filters__top{flex-wrap:wrap}
	.dbp-sort{flex:1 1 100%}
	.dbp-pills{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3) 4px;scrollbar-width:none}
	.dbp-pill{flex-shrink:0}
	.dbp-filters__row > .nvk-field{flex:1 1 140px}
	.dbp-count{margin-left:0;width:100%;justify-content:space-between}
	/* the table becomes the phone board's list: name and kind left, price and drops right */
	.dbp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.dbp-table,.dbp-table tbody{display:block}
	#dbp-results .dbp-table tr.dbp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-3);border-bottom:1px solid var(--ui-line);padding:10px 12px}
	#dbp-results .dbp-table td{display:none;padding:0;border:0}
	#dbp-results .dbp-row.is-current td{background:transparent}
	#dbp-results .dbp-row.is-current{background:var(--ui-brand-tint)}
	#dbp-results .dbp-row.is-current td:first-child{box-shadow:none}
	#dbp-results .dbp-table td.dbp-row__name{display:block;min-width:0;grid-row:span 2}
	#dbp-results .dbp-table td.dbp-c-price,#dbp-results .dbp-table td.dbp-c-drop,#dbp-results .dbp-table td.dbp-c-hp,#dbp-results .dbp-table td.dbp-c-maps{display:block;text-align:right}
	#dbp-results .dbp-table td.dbp-c-drop,#dbp-results .dbp-table td.dbp-c-maps{font-size:12px;color:var(--ui-fg-3)}
	#dbp-results .dbp-table tr.is-current td.dbp-c-drop,#dbp-results .dbp-table tr.is-current td.dbp-c-maps{color:var(--ui-fg-2)}
	#dbp-results .dbp-table--mobs td.dbp-c-hp .dbp-cell-k{display:inline}
	.dbp-card__hd{padding:16px}
	.dbp-pic{width:76px;min-height:76px}
	.dbp-mobpic--lg{width:64px;height:64px}
	.dbp .dbp-h2{font-size:22px}
	.dbp-card__bd{padding:16px}
	.dbp-els{grid-template-columns:repeat(5,minmax(0,1fr))}
	.dbp-el__k{font-size:11px}
	.dbp-dl--2{grid-template-columns:minmax(0,1fr)}
	.dbp-dl--2 .dbp-dl__r:nth-child(2){border-top:1px solid var(--ui-line)}
	.dbp-dl--2 .dbp-dl__r:nth-child(even){border-left:0}
	.dbp-drop{grid-template-columns:minmax(0,1fr) 56px 60px}
	.dbp-drop--item{grid-template-columns:auto minmax(0,1fr) 60px}
	.dbp-drop--item .dbp-drop__bar{display:none}
}
@media (max-width:420px){
	.dbp-tiles{gap:var(--space-2)}
	.dbp-tile__k{font-size:12px;line-height:16px}
	.dbp-maps{grid-template-columns:minmax(0,1fr)}
	.dbp-drop .dbp-drop__bar{display:none}
	.dbp-drop{grid-template-columns:minmax(0,1fr) auto}
	.dbp-drop--item{grid-template-columns:auto minmax(0,1fr) auto}
	.dbp-bz__g{grid-template-columns:minmax(0,1fr)}
}
.dbp-inline{display:inline-flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2);margin:0}   /* Player Tools PT9: the Cups page's small forms */
.nv-replay canvas{display:block;width:100%;max-width:496px;height:auto;aspect-ratio:1/1;border:1px solid var(--ui-line);border-radius:var(--radius-md)}   /* Player Tools PT14b: the Replay Theatre (js/nv-replay.js) */
.nv-replay__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--ui-fg-2)}
.nv-replay__bar input[type=range]{flex:1 1 160px}
}