/* Exclusivo de la entrada de Chapas; la partida mantiene sus controles y escena. */
#vSala.su-t-chapas:has(.chm-home){background:#071820}
#vSala .chm-home{padding:0;gap:0;isolation:isolate;background:radial-gradient(ellipse at 10% 35%,#123e54 0,transparent 50%),radial-gradient(ellipse at 100% 30%,#351e36 0,transparent 50%),#071820;color:#edfaff;overflow-x:hidden;overflow-y:auto;font-family:system-ui,-apple-system,sans-serif}
#vSala .chm-wrap{position:relative;display:flex;flex-direction:column;max-width:470px;width:100%;min-height:100%;margin:auto;padding:calc(env(safe-area-inset-top) + 14px) 24px calc(env(safe-area-inset-bottom) + 20px)}
#vSala .chm-top{display:flex;align-items:center;gap:12px;min-height:42px;z-index:2}
#vSala .chm-back{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #ffffff20;border-radius:14px;background:#c3ecff08;color:#dcf2f8;cursor:pointer}
#vSala .chm-back svg,#vSala .chm-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
#vSala .chm-kicker{font-size:10px;font-weight:750;letter-spacing:2px;color:#b4cbd6}
#vSala .chm-mode{margin-left:auto;border:1px solid #b9e2ee25;background:#a5c9e909;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}
#vSala .chm-hero{position:relative;flex:1 0 315px;min-height:315px;max-height:490px;margin:10px -24px 14px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
#vSala .chm-title-wrap{position:relative;z-index:2;text-align:center;padding-top:12px;pointer-events:none}
#vSala .chm-eyebrow{margin:0 0 9px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:2px;color:#aecad4}
#vSala .chm-eyebrow i{width:5px;height:5px;background:#c6ed78;border-radius:50%;box-shadow:0 0 9px #c6ed7860}
#vSala .chm-hero h1{margin:0;font:950 italic clamp(62px,18vw,86px)/.95 system-ui;letter-spacing:-5px;color:#fff;text-shadow:0 3px 0 #4c7582,0 6px 0 #052b3d,0 12px 24px #0007;transform:translateX(-3px)}
#vSala .chm-hero h1 span{color:#d7f590;text-shadow:0 3px 0 #69993b,0 6px 0 #173b2b,0 12px 24px #0007}
#vSala .chm-stage{position:absolute;inset:50px 0 10px;overflow:hidden;z-index:0;mask-image:linear-gradient(transparent,#000 16%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 80%,transparent)}
#vSala #chmCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .45s;pointer-events:none}
#vSala #chmCanvas[data-ready="true"]{opacity:1}
#vSala .chm-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:8px;filter:drop-shadow(0 14px 10px #0008)}
#vSala .chm-fallback span:first-child{transform:rotate(-12deg)}
#vSala .chm-fallback span:last-child{transform:rotate(12deg)}
#vSala .chm-stage:has(canvas[data-ready="true"]) .chm-fallback{visibility:hidden}
#vSala .chm-match{z-index:2;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:auto;padding:6px 24px 0;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#c0d3dd}
#vSala .chm-match span{display:flex;align-items:center;gap:7px}
#vSala .chm-match i{width:6px;height:6px;border-radius:50%}
#vSala .chm-team-blue{background:#46b7ff;box-shadow:0 0 8px #46b7ff70}
#vSala .chm-team-red{background:#ff6978;box-shadow:0 0 8px #ff697870}
#vSala .chm-match b{font-size:16px;font-weight:950;font-style:italic;color:#fbfcf0}
#vSala .chm-actions{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2;width:100%}
#vSala .chm-button{appearance:none;display:flex;align-items:center;gap:12px;min-height:61px;width:100%;padding:12px 16px;border:1px solid #a6cfdf32;border-radius:16px;background:linear-gradient(115deg,#173748,#112b38);box-shadow:0 4px 0 #020d1466,inset 0 1px #ffffff0d;color:#e7f6fc;text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .15s,filter .15s;font:850 13px/1.25 system-ui;letter-spacing:1px}
#vSala .chm-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;color:#a4d6eb}
#vSala .chm-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
#vSala .chm-label{flex:1;min-width:0}
#vSala .chm-label small{display:block;font-size:10px;letter-spacing:.2px;font-weight:550;line-height:1.3;margin-top:4px;opacity:.8}
#vSala .chm-arrow{display:flex;opacity:.65}
#vSala .chm-primary{min-height:73px;color:#173722;border:1px solid #e4ffb6;background:linear-gradient(120deg,#e5ffb4,#b7ed69);box-shadow:0 4px 0 #58943f,0 10px 25px #78c33b15,inset 0 2px #f7ffdc;font-size:17px;letter-spacing:1.2px}
#vSala .chm-primary .chm-icon{width:37px;height:37px;background:#315b1714;border-radius:11px;color:#234222}
#vSala .chm-primary .chm-icon svg{width:26px;height:26px;stroke-width:0}
#vSala .chm-create{background:linear-gradient(110deg,#225675,#15394e);border-color:#6dbcec55}
#vSala .chm-create .chm-icon{color:#a0dcff}
#vSala .chm-secondary{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}
#vSala .chm-secondary .chm-button{min-height:57px;padding:10px 11px;gap:8px;font-size:10px;letter-spacing:.5px;border-radius:14px}
#vSala .chm-secondary .chm-icon{width:24px}
#vSala .chm-secondary .chm-icon svg{width:22px;height:22px}
#vSala .chm-secondary .chm-arrow{display:none}
#vSala .chm-ranking .chm-icon{color:#ecd483}
#vSala .chm-button .su-cont{position:static;margin:0;flex:none;min-width:18px;border-radius:5px;background:#c2f18220;color:#d2f1aa;border:1px solid #c2f18233;padding:3px 5px;font-size:10px}
#vSala .chm-button .su-cont.nada{display:none}
#vSala .chm-access{padding:19px 0 0;position:relative;z-index:2;text-align:center}
#vSala .chm-access .su-lbl{text-align:center;color:#99b4c1;font-size:10px;font-weight:550;letter-spacing:.3px;text-transform:none;margin:0 0 8px}
#vSala .chm-access .su-opfila{display:flex;justify-content:center;align-items:center;gap:4px;width:max-content;max-width:100%;margin:0 auto;padding:3px;border:1px solid #a5d0e118;border-radius:11px;background:#041019}
#vSala .chm-access .snmchip{margin:0;padding:8px 12px;min-height:37px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:#9db8c7;font:650 11px/1.2 system-ui;letter-spacing:0;cursor:pointer}
#vSala .chm-access .snmchip.on{background:#203b45;border-color:#c4e99532;color:#d5f3ae}
#vSala .chm-access .su-accesot{color:#94abb7;font-size:10px;line-height:1.45;letter-spacing:0;margin:8px auto 0;max-width:290px}
#vSala .chm-button.su-off{opacity:.5;cursor:not-allowed}
#vSala .chm-home button:focus-visible{outline:3px solid #e8ffad;outline-offset:4px}
#vSala .chm-button:active,#vSala .chm-back:active{transform:translateY(2px)}
@media(hover:hover){#vSala .chm-button:hover{filter:brightness(1.12);transform:translateY(-2px)}#vSala .chm-back:hover{background:#d1efff15}}
@media(max-height:730px) and (orientation:portrait){#vSala .chm-wrap{padding-top:calc(env(safe-area-inset-top) + 8px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}#vSala .chm-hero{min-height:225px;flex-basis:225px;margin-top:0;margin-bottom:9px}#vSala .chm-hero h1{font-size:65px}#vSala .chm-title-wrap{padding-top:8px}#vSala .chm-eyebrow{font-size:8px;margin-bottom:6px}#vSala .chm-actions{gap:9px}#vSala .chm-primary{min-height:62px}#vSala .chm-create{min-height:52px}#vSala .chm-secondary .chm-button{min-height:51px}#vSala .chm-access{padding-top:14px}}
@media(max-width:350px){#vSala .chm-wrap{padding-left:18px;padding-right:18px}#vSala .chm-hero{margin-left:-18px;margin-right:-18px}#vSala .chm-kicker{font-size:9px;letter-spacing:1.4px}#vSala .chm-top{gap:9px}#vSala .chm-secondary{gap:8px}#vSala .chm-secondary .chm-button{font-size:9px;gap:5px;padding:10px}#vSala .chm-match{gap:15px;font-size:8px}#vSala .chm-hero{min-height:208px;flex-basis:208px}}
@media(orientation:landscape) and (max-height:549px){#vSala .chm-wrap{max-width:920px;display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:42px 1fr auto;column-gap:28px;padding:12px 24px}#vSala .chm-top{grid-column:1/-1}#vSala .chm-hero{grid-row:2/4;grid-column:1;min-height:255px;height:100%;margin:0 -15px}#vSala .chm-hero h1{font-size:66px}#vSala .chm-title-wrap{padding-top:7px}#vSala .chm-actions{grid-column:2;align-self:end;gap:8px;padding-top:10px}#vSala .chm-button,#vSala .chm-primary{min-height:49px}#vSala .chm-primary{padding-block:8px}#vSala .chm-secondary .chm-button{min-height:47px}#vSala .chm-access{grid-column:2;padding-top:12px}#vSala .chm-access .su-accesot{margin-top:5px}}
@media(prefers-reduced-motion:reduce){#vSala .chm-home *,#vSala .chm-home *:before,#vSala .chm-home *:after{transition:none!important;animation:none!important}}