/* Menú de clase tipo Z-C (sin letras) · compartido por Personaje, Equipación y Traits (13/11/2026, local) */
.tv2-head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 22px; padding: 6px clamp(16px, 2vw, 40px) 8px; position: relative; z-index: 30; box-sizing: border-box; width: 100%; }
main.tt-page > .tv2-head { padding-inline: 0; }
html.tv2m-on .char-left-cls-nav { display: none !important; }
.tv2-badge { position: absolute; top: -3px; right: -2px; min-width: 16px; padding: 0 4px; border-radius: 8px; background: #e0c47a; color: #14120d; font: 700 .6875rem/16px Inter, Arial, sans-serif; text-align: center; }
@media (max-width: 899px), (hover: none) and (pointer: coarse) { .tv2m__lbl { font-size: 13px; } .tv2m__item { min-width: 0; padding: 3px 7px; } .tv2m .tv2-create { margin-left: 4px; padding-left: 8px; } }
.tv2m { background: none; border: 0; padding: 0; margin: 0; }
.tv2m__items { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.tv2m__item { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 3px 12px; min-width: 76px; border-radius: 8px;
  text-decoration: none; color: #b5b0a2; opacity: .66; transition: opacity .16s, color .16s, background .16s; }
.tv2m__item:hover { opacity: .95; color: #f0ece1; background: rgba(255,255,255,.04); }
.tv2m__item.is-on { opacity: 1; color: #f5ebd0; }
.tv2m__item.is-on::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -3px; height: 2px; background: linear-gradient(90deg, transparent, #dfd2a7, transparent); }
.tv2m__item.is-disabled { opacity: .3; pointer-events: none; }
.tv2m__icon { width: 36px; height: 36px; display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid rgba(200,185,141,.25); background: rgba(255,255,255,.04); }
.tv2m__item.is-on .tv2m__icon { border-color: rgba(223,210,167,.75); background: radial-gradient(circle, rgba(255,244,214,.32) 0%, rgba(255,244,214,.08) 65%, transparent 100%); box-shadow: 0 0 14px rgba(223,210,167,.28); }
.tv2m__icon img { width: 24px; height: 24px; object-fit: contain; }
.tv2m__icon b { font: 600 22px/1 Inter, Arial, sans-serif; color: inherit; }
.tv2m__lbl { font: 600 16px/1.15 'EB Garamond', 'Cormorant Garamond', Georgia, serif; letter-spacing: .3px; white-space: nowrap; }
.tv2m .tv2-create { margin-left: 12px; border-left: 1px solid rgba(200,185,141,.2); border-radius: 0 8px 8px 0; padding-left: 16px; }

.tv2m__sep { align-self: stretch; width: 1px; margin: 4px 6px; background: rgba(200, 185, 141, .22); }
.tv2m .tv2-wpn .tv2m__icon { width: 32px; height: 32px; }
.tv2m .tv2-wpn .tv2m__lbl { font-size: 15px; }
body.aw-creating .tv2m .tv2-cls:not(.is-on), body.aw-creating .tv2m .tv2-create { display: none !important; }
.tv2-head { margin-top: 3px; padding-top: 4px; }
.tv2-head #aw-pc-tools.is-in-nav, .tv2-head #aw-pc-tools { position: static !important; margin: 0 0 0 4px !important; flex: 0 1 auto; align-self: center; justify-content: flex-start; max-width: none; }

.tv2-head--page { padding-bottom: 0 !important; }

html body .tv2-head #aw-pc-tools, html body .tv2-head #aw-pc-tools.is-in-nav { order: 0 !important; flex: 0 1 auto !important; margin: 0 0 0 4px !important; justify-content: flex-start !important; position: static !important; }

.tv2m__wgrp { display: inline-flex; align-items: center; gap: 2px; margin-left: -4px; padding: 3px 5px; border-radius: 6px; background: rgba(255,255,255,.05); border: 1px solid rgba(200,185,141,.16); }
.tv2-acts { margin-left: auto; display: flex; gap: 6px; }
.tv2-ico { position: relative; width: 38px; height: 38px; display: inline-grid; place-items: center; color: #e8dfc6; cursor: pointer; background: rgba(20,19,17,.78); border: 1px solid rgba(201,178,127,.4); border-radius: 6px; transition: background .15s, border-color .15s, color .15s; }
.tv2-ico:hover { border-color: #e8c97a; color: #fff; background: rgba(201,178,127,.14); }
.tv2-ico svg { transition: all .25s; }
.tv2-ico .i-ok { position: absolute; opacity: 0; transform: scale(.4); }
.tv2-ico.is-copied { border-color: #7fcf6a; color: #bff0ad; background: rgba(127,207,106,.18); animation: tv2pop .5s cubic-bezier(.2,.9,.3,1.4); }
.tv2-ico.is-copied .i-link { opacity: 0; transform: scale(.4); }
.tv2-ico.is-copied .i-ok { opacity: 1; transform: scale(1); }
@keyframes tv2pop { 0% { transform: scale(1); } 40% { transform: scale(1.18); } 100% { transform: scale(1); } }
html body .tv2-head { padding-left: var(--tv2-ml, 0px); }
.tv2-head { align-items: center; }html body #aw-pc-tools .aw-btn { min-height: 40px !important; height: 40px; padding-block: 0; }