
.tr-par{display:flex;gap:6px;justify-content:center;align-items:flex-start}
.tr-par .as-hueco{flex:none}
.tr-h2{display:none}
.tr-guerra .tr-h2{display:block}
.tr-guerra .as-hueco{width:var(--cw);height:calc(var(--cw)*1.4)}
.tr-quema{position:absolute;left:50%;top:27%;transform:translateX(-50%);display:flex;z-index:4;pointer-events:none}
.tr-quema .tr-q{flex:none;width:calc(var(--cw)*.62);margin-left:calc(var(--cw)*-.34);filter:drop-shadow(0 2px 3px #000a)}
.tr-quema .tr-q:first-child{margin-left:0}
.tr-war .as-aviso{bottom:4px}

.tr-modo{flex:none;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .6rem .35rem;position:relative;z-index:6}
.tr-modo-t{font:600 .7rem "Segoe UI",system-ui;color:#cdbf98}
.tr-m{padding:.28rem .7rem;border-radius:999px;border:1px solid #d4a62a88;background:#0b3d34;color:#f5ecd2;font:700 .74rem Georgia,serif;touch-action:manipulation}
.tr-m.sel{background:linear-gradient(180deg,#ffe58a,#c99a2a);color:#1a1200;border-color:#ffe58a;box-shadow:0 0 8px #ffc62766}
@media(max-height:700px){.tr-modo{padding-bottom:.25rem}.tr-m{padding:.2rem .6rem}}
.tr-pantalla .as-nota{white-space:normal;line-height:1.18;padding:0 .3rem}
.velo .modal.tr-modal{max-height:calc(100dvh - 2.5rem);overflow-y:auto}
.tr-quema{transition:opacity .7s}.tr-quema.fuera{opacity:0}
.tr-cancha .as-fieltro{background:repeating-linear-gradient(90deg,#1f8a4a 0,#1f8a4a 11%,#1a7c42 11%,#1a7c42 22%),radial-gradient(90% 80% at 50% 35%,#2a9d58 0,#0b4a24 100%);background-blend-mode:multiply,normal}
.tr-cancha .as-apuestas{background:radial-gradient(120% 120% at 50% 0,#12632f,#0c4a24 60%,#062a14)}
.tr-balon{opacity:1!important;width:13%!important}
.tr-cancha .as-marca{display:none}
.tr-balon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 4px #000a)}

.tr-double .as-fieltro{background:radial-gradient(90% 80% at 50% 35%,#3a1a5c 0,#25103f 52%,#0a0416 100%)}
.tr-double .as-apuestas{background:radial-gradient(120% 120% at 50% 0,#2c1649,#1d0e33 60%,#0a0416)}
.tr-double .as-marca,.tr-double .as-zapato,.tr-double .as-bandeja{display:none}
.tr-rueda{position:absolute;inset:3% 6% 5%;display:grid;place-items:center;z-index:3}
.tr-rueda-svg{height:100%;max-width:100%;aspect-ratio:1;filter:drop-shadow(0 6px 10px #000c)}
#tr-giro{will-change:transform}
.tr-aguja{position:absolute;left:50%;top:-1%;width:0;height:0;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid #ffe58a;filter:drop-shadow(0 2px 2px #000)}
#tr-giro path.tr-gano{stroke:#fff;stroke-width:1.8;filter:brightness(1.35)}
.as-bolas i.rojo{background:radial-gradient(circle at 35% 30%,#ff7a6e,#c4161c 60%,#6e0a0a)}
.as-bolas i.negro{background:radial-gradient(circle at 35% 30%,#555,#17181d 60%,#000)}
.as-bolas i.blanco{background:radial-gradient(circle at 35% 30%,#fff,#e9e6dc 60%,#a9a597);color:#222}
.as-pcts .rojo b{color:#ff8b80}.as-pcts .negro b{color:#cfcfcf}.as-pcts .blanco b{color:#fff}
.as-c.rojo{background:linear-gradient(180deg,#ffffff1c,#0000 55%),#7a1420;border-color:#ff8b80aa}
.as-c.negro{background:linear-gradient(180deg,#ffffff14,#0000 55%),#17181d;border-color:#9a9a9aaa}
.as-c.blanco{background:linear-gradient(180deg,#ffffff55,#0000 55%),#d9d5c8;border-color:#fff;color:#1a1200}
.as-c.blanco em{color:#7a5510}
.as-aviso.rojo{border-color:#ff8b80;color:#ffd2cc}.as-aviso.negro{border-color:#bbb;color:#eee}.as-aviso.blanco{border-color:#fff;color:#fff}
.tr-double .as-aviso{bottom:6px}
