:root{--rc-size:min(76vh,640px);--u:calc(var(--rc-size)/100)}
#tableroMarco{position:relative;width:var(--rc-size);aspect-ratio:1;padding:calc(var(--u)*5.6);border-radius:calc(var(--u)*1.4);background:linear-gradient(var(--ang),rgba(255,255,255,.16),rgba(0,0,0,.28)),var(--frame);box-shadow:inset calc(var(--sx)*var(--u)*.35) calc(var(--sy)*var(--u)*.35) 0 var(--frame-hi),inset calc(var(--sx)*var(--u)*-.35) calc(var(--sy)*var(--u)*-.35) 0 var(--frame-lo),inset 0 0 calc(var(--u)*2.5) rgba(0,0,0,.35),calc(var(--sx)*var(--u)*1.6) calc(var(--sy)*var(--u)*1.6) calc(var(--u)*3.5) rgba(0,0,0,.55),calc(var(--sx)*var(--u)*.4) calc(var(--sy)*var(--u)*.4) calc(var(--u)*.6) rgba(0,0,0,.6);transition:box-shadow .6s,background .6s;isolation:isolate}
#tableroMarco::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:var(--grain);background-size:var(--grain-size);mix-blend-mode:var(--grain-mix);opacity:var(--grain-op)}
#tableroMarco::after{content:"";position:absolute;inset:calc(var(--u)*1.5);border-radius:calc(var(--u)*.6);pointer-events:none;border:calc(var(--u)*.22) solid var(--inlay);box-shadow:calc(var(--sx)*-1px) calc(var(--sy)*-1px) 0 rgba(0,0,0,.55),calc(var(--sx)*1px) calc(var(--sy)*1px) 0 rgba(255,255,255,.18),inset calc(var(--sx)*1px) calc(var(--sy)*1px) 0 rgba(255,255,255,.35);opacity:.85}
.rcCoord{position:absolute;display:flex;font-size:calc(var(--u)*1.9);font-weight:700;color:color-mix(in srgb,var(--inlay) 60%,var(--frame));text-shadow:calc(var(--sx)*1px) calc(var(--sy)*1px) 0 color-mix(in srgb,var(--frame-hi) 80%,transparent),calc(var(--sx)*-1px) calc(var(--sy)*-1px) 1px rgba(0,0,0,.6);user-select:none}.rcCoord span{flex:1;display:grid;place-items:center}.rcTop,.rcBottom{left:calc(var(--u)*5.6);right:calc(var(--u)*5.6);height:calc(var(--u)*3.6)}.rcTop{top:calc(var(--u)*1.9)}.rcBottom{bottom:calc(var(--u)*1.9)}.rcLeft,.rcRight{top:calc(var(--u)*5.6);bottom:calc(var(--u)*5.6);width:calc(var(--u)*3.6);flex-direction:column}.rcLeft{left:calc(var(--u)*1.9)}.rcRight{right:calc(var(--u)*1.9)}.rcTop span,.rcRight span{transform:rotate(180deg)}
#tableroCuenca{width:100%;height:100%;padding:calc(var(--u)*.7);border-radius:calc(var(--u)*.5);background:var(--frame-lo);box-shadow:inset calc(var(--sx)*var(--u)*.7) calc(var(--sy)*var(--u)*.7) calc(var(--u)*1) rgba(0,0,0,.85),inset calc(var(--sx)*var(--u)*-.2) calc(var(--sy)*var(--u)*-.2) 0 color-mix(in srgb,var(--frame-hi) 70%,transparent),calc(var(--sx)*-1px) calc(var(--sy)*-1px) 0 rgba(0,0,0,.6),calc(var(--sx)*1px) calc(var(--sy)*1px) 0 rgba(255,255,255,.2)}
#tableroMarco #tablero{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}
#tablero .sq.clara,#miniTab .mSq.c1{z-index:1;border-radius:calc(var(--u)*.35);background:linear-gradient(var(--ang),var(--sq-l-hi) -40%,var(--sq-l) 45%,color-mix(in srgb,var(--sq-l) 78%,var(--sq-l-lo)) 130%);box-shadow:inset calc(var(--sx)*var(--u)*.22) calc(var(--sy)*var(--u)*.22) 0 var(--sq-l-hi),inset calc(var(--sx)*var(--u)*-.22) calc(var(--sy)*var(--u)*-.22) 0 var(--sq-l-lo),inset calc(var(--sx)*var(--u)*.5) calc(var(--sy)*var(--u)*.5) calc(var(--u)*.6) rgba(255,255,255,.25),calc(var(--sx)*var(--u)*.45) calc(var(--sy)*var(--u)*.45) calc(var(--u)*.7) rgba(0,0,0,.6)}
#tablero .sq.oscura,#miniTab .mSq.c0{background:linear-gradient(var(--ang),var(--sq-d-lo) -15%,var(--sq-d) 52%,var(--sq-d-hi) 145%);box-shadow:inset calc(var(--sx)*3px) calc(var(--sy)*3px) 8px rgba(0,0,0,.35),inset calc(var(--sx)*-1px) calc(var(--sy)*-1px) 0 color-mix(in srgb,var(--sq-d-hi) 70%,transparent)}
#tablero .pc{width:88%;height:88%;aspect-ratio:1;pointer-events:none;animation:none;z-index:2}
#tablero .pc:is(:hover,:active){transform:none}
#miniTab .pc{width:92%;height:92%;aspect-ratio:1;pointer-events:none;animation:none}
.mPz.pc{position:absolute;width:12.5%;height:12.5%;display:block;padding:1px}
.mPz.pc::before,.mPz.pc::after{inset:2px}
#cajaTableroRelieve .relieveEstado{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--borde);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--sq-l) 22%,var(--carta2)),color-mix(in srgb,var(--sq-d) 18%,var(--carta2)))}
#relieveMuestra{width:42px;height:42px;flex:0 0 auto;border-radius:9px;background:linear-gradient(135deg,var(--sq-l) 50%,var(--sq-d) 50%);box-shadow:inset 2px 2px 0 var(--sq-l-hi),inset -2px -2px 0 var(--sq-d-lo)}
.relieveEstado b{display:block;color:var(--tinta);font-size:12px}.relieveEstado small{display:block;color:var(--tinta2);font-size:9px;line-height:1.35;margin-top:2px}
#relievePanel{margin-top:10px;overflow:visible;padding-right:4px;scrollbar-color:var(--madera) var(--carta2)}
#relievePanel[hidden]{display:none}
.rcSet{border:0;border-top:1px solid var(--borde);padding:9px 0 2px;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.rcSet legend{display:block;width:100%;padding:0 0 6px;color:var(--tinta2);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.rcSet label{position:relative;display:flex;align-items:center;gap:6px;padding:4px 13px 4px 5px;border:0;border-radius:999px;background:color-mix(in srgb,var(--sq-l) 14%,var(--carta2));color:var(--tinta2);font-size:10px;font-weight:700;cursor:pointer;transition:box-shadow .3s,color .3s;box-shadow:calc(var(--sx)*2px) calc(var(--sy)*2px) 5px rgba(0,0,0,.5),calc(var(--sx)*-1px) calc(var(--sy)*-1px) 0 rgba(255,255,255,.12)}
.rcSet:not(.rcMat):not(.rcLuz) label::before{content:"";width:26px;height:26px;border-radius:50%;background:var(--th) center/82% no-repeat,color-mix(in srgb,var(--sq-l) 85%,transparent)}
.rcSet label:hover{color:var(--tinta)}.rcSet label:has(input:checked){color:#fff;background:color-mix(in srgb,var(--sq-l) 18%,var(--carta2));box-shadow:inset calc(var(--sx)*2px) calc(var(--sy)*2px) 5px rgba(0,0,0,.5),inset calc(var(--sx)*-1px) calc(var(--sy)*-1px) 0 rgba(255,255,255,.16)}
.rcSet input{position:absolute;opacity:0;pointer-events:none}.rcSet label:has(input:focus-visible){outline:2px solid var(--alerta);outline-offset:2px}
.rcMat i{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.rcLuz{display:grid;grid-template-columns:repeat(2,20px);gap:4px;width:max-content;padding:5px;border-radius:10px;box-shadow:inset calc(var(--sx)*2px) calc(var(--sy)*2px) 5px rgba(0,0,0,.45),inset calc(var(--sx)*-1px) calc(var(--sy)*-1px) 0 rgba(255,255,255,.14)}.rcLuz legend{grid-column:1/-1}.rcLuz label{width:20px;height:20px;padding:0;border-radius:50%;font-size:0;background:color-mix(in srgb,var(--tinta2) 35%,transparent);box-shadow:none}.rcLuz label:has(input:checked){background:radial-gradient(circle,#fff6d6 0 30%,#ffc94d 60%);box-shadow:0 0 12px 2px rgba(255,201,77,.65)}
.relieveLicencia{font-size:9px;line-height:1.45;color:var(--tinta3);margin:8px 0 2px}
@media(max-width:760px){#relievePanel{max-height:none}.rcSet label{font-size:11px}}