:root{--bg: #000;--text: #fff;--muted: #e6e7ea;--accent: #e11d2e;--accent-dark: #a3121c;--panel: #0f0f11}.tr-cards{background:var(--bg);color:var(--text);font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;padding:52px min(5vw,28px) 90px;position:relative}.tr-pills{max-width:1240px;margin:0 auto 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.pill{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:900;line-height:1;box-shadow:0 8px 20px #00000059}.pill--gray{justify-self:start;background:linear-gradient(#d8dce2,#9da0a8);color:#0b0b0d}.pill--red{justify-self:center;background:#ff3a3f}.tri{position:absolute;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:18px solid var(--accent);filter:drop-shadow(0 2px 0 var(--accent-dark))}.tri.t1{left:-16px;top:210px;transform:rotate(-24deg)}.tri.t2{left:10px;top:250px;transform:rotate(18deg)}.tri.t3{right:-16px;top:120px;transform:rotate(10deg)}.tri.t4{right:8px;top:160px;transform:rotate(-12deg)}.char-grid{list-style:none;padding:0;margin:26px auto 0;max-width:1240px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:start}@media (max-width: 1080px){.char-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.char-grid{grid-template-columns:1fr}}.char-card{display:flex;flex-direction:column;align-items:center;gap:18px}.char-wrap{position:relative;width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(#141519,#0b0c0e);box-shadow:0 30px 60px #0000008c;height:480px}.art{position:absolute;inset:0}.art img{position:absolute;left:50%;transform:translate(-50%);bottom:60px;height:420px;width:auto;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 18px 36px rgba(0,0,0,.55))}.vlabel{position:absolute;left:-36px;top:84px;transform:rotate(-90deg);transform-origin:left top;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.vlabel em{display:block;font-style:normal;font-size:12px;font-weight:800;color:#ca0000;opacity:.9;rotate:180deg}.vlabel strong{display:block;margin-top:8px;font-weight:900;color:#000;letter-spacing:.36em;rotate:180deg}.vlabel--light em{color:#a1a1a6;rotate:180deg}.accent{position:absolute;right:0;top:70px;width:10px;height:74%;background:var(--accent)}.abilities{position:absolute;left:16px;right:16px;bottom:26px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:space-around;background:#000000ad;outline:2px solid rgba(255,255,255,.08)}.abilities .ab{width:26px;height:auto;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.abilities .under{position:absolute;left:0;right:0;bottom:-10px;height:10px;background:var(--accent);border-radius:0 0 8px 8px}.cta{width:100%;display:flex;flex-direction:row;gap:10px}.btn-register{width:60%;height:38px;border-radius:8px;border:0;cursor:pointer;background:#c41111;color:#fff;font-weight:800;box-shadow:0 10px 20px #00000040}.segmented{display:flex;gap:10px}.tr-cta .segmented a{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-height:44px;height:44px;padding:0 18px;border-radius:12px;border:0;background:var(--accent);color:#fff;font-weight:800;letter-spacing:.2px;text-decoration:none;box-shadow:0 12px 24px #e11d2e59;transition:transform .08s ease,filter .2s ease,box-shadow .2s ease}.tr-cta .segmented a:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 32px #e11d2e73}.tr-cta .segmented a:active{transform:none}.mini{flex:1 1 0;height:28px;border-radius:6px;border:0;cursor:pointer;background:#2a2b30;color:#fff;font-weight:800}.mini.is-active{background:#ff3a3f}.theme-slate .char-wrap{background:linear-gradient(#181a1e,#0e1013)}.theme-coal .char-wrap{background:linear-gradient(#15171b,#0d0f12)}.theme-white .char-wrap{background:linear-gradient(#f9f9fb,#f4f4f6)}.theme-white .abilities{background:#0a0a0ec7}@media (max-width: 560px){.char-wrap{height:540px}.art img{bottom:110px;height:400px}.vlabel{left:-28px;top:74px}.tr-cta .segmented{flex-direction:column}.tr-cta .segmented a{width:100%}}.tr-cards{--art-baseline: 60px;--art-h-desktop: 420px;--vlabel-left: -10px;--vlabel-top: 200px;--accent-top: 70px;--abilities-bottom: 26px;--card-h: 500px}.char-wrap{height:var(--card-h)}.art img{bottom:50px!important;height:var(--art-h-desktop)!important}.vlabel{left:-5px;top:180px;color:red}.accent{top:var(--accent-top)}.abilities{bottom:var(--abilities-bottom)}.vlabel em{font-size:12px}.vlabel strong{font-size:26px;letter-spacing:.32em}@media (max-width: 1080px){.tr-cards{--card-h: 540px;--art-h-desktop: 400px;--vlabel-left: -32px;--vlabel-top: 78px;--accent-top: 66px;--abilities-bottom: 24px}}@media (max-width: 680px){.char-grid{gap:22px}.tr-cards{--card-h: 520px;--art-h-desktop: 360px;--vlabel-left: -28px;--vlabel-top: 70px;--accent-top: 60px;--abilities-bottom: 22px}.art img{filter:drop-shadow(0 14px 28px rgba(0,0,0,.5))}.abilities .ab{width:24px}.btn-register{height:36px}.mini{height:26px;font-size:13px}}@media (max-width: 400px){.tr-cards{--card-h: 500px;--art-h-desktop: 340px;--vlabel-left: -24px;--vlabel-top: 66px;--accent-top: 56px;--abilities-bottom: 20px}.vlabel strong{letter-spacing:.28em}}.char-card:nth-child(1) .vlabel{top:220px}strong{-webkit-text-stroke:1px rgb(175,0,0)}.tr-two-col{max-width:1200px;margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start}.tr-media{aspect-ratio:16/9;background:#0b0c0e;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px #0000008c}.tr-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tr-aside{position:sticky;top:24px;background:var(--panel);border-radius:12px;padding:20px;box-shadow:0 20px 40px #00000059}.tr-aside__head{margin-bottom:14px}.tr-title{margin:0 0 8px;font-size:clamp(22px,2.2vw,32px);font-weight:900;letter-spacing:.01em}.tr-meta{list-style:none;margin:0;padding:0;display:grid;row-gap:6px;color:var(--muted)}.tr-meta .meta-k{opacity:.85;margin-right:8px}.tr-meta .meta-v{color:#fff;font-weight:700}.tr-cta{margin-top:14px}.tr-note{margin-top:12px;color:var(--muted);font-size:14px}@media (max-width: 900px){.tr-two-col{grid-template-columns:1fr}.tr-aside{position:static}}