.vp-live{--vp-green:#07834d;position:relative;width:100%;min-height:490px;background:#102e28;color:white;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.vp-live *{box-sizing:border-box}.vp-scene{position:relative;min-height:490px;isolation:isolate;background:linear-gradient(110deg,rgba(3,22,21,.94) 0%,rgba(4,41,34,.77) 43%,rgba(4,34,29,.13) 72%),var(--vp-bg,linear-gradient(160deg,#76b3ad,#d0e3dc 51%,#2d7b58 52%,#064932)) center/cover}.vp-sky{position:absolute;inset:0;background:radial-gradient(circle at 75% 22%,rgba(255,255,220,.24),transparent 37%);z-index:-1}.vp-stand{position:absolute;bottom:0;right:0;width:67%;height:38%;background:repeating-linear-gradient(12deg,#005237 0px,#005237 14px,#d0e7d8 15px,#d0e7d8 20px,#2a7253 22px,#2a7253 42px);clip-path:polygon(0 56%,100% 12%,100% 100%,0 100%);opacity:.44}.vp-crowd{position:absolute;inset:25% 0 0;background:radial-gradient(circle,#e9fff0 1px,transparent 3px) 0 0/12px 9px;opacity:.7}.vp-tower{position:absolute;width:260px;height:370px;right:8%;bottom:30px;filter:drop-shadow(0 18px 18px #0118);transform:perspective(900px) rotateY(-8deg)}.vp-roof{position:absolute;top:0;left:18px;width:220px;height:55px;clip-path:polygon(50% 0,100% 70%,100% 100%,0 100%,0 70%);background:repeating-linear-gradient(90deg,#eee9d8 0px,#eee9d8 22px,#067847 22px,#067847 44px);border:3px solid #493b2c;z-index:5}.vp-hut{position:absolute;top:48px;left:22px;width:216px;height:177px;background:linear-gradient(110deg,#b1b29b,#e0dcca 63%,#657d69);border:8px solid #313c31;box-shadow:inset 0 0 0 2px #e8e9d1;z-index:4}.vp-window{display:flex;gap:8px;justify-content:center;align-items:flex-start;padding-top:14px;position:relative;height:105px;background:linear-gradient(#0c2119,#243b30)}.vp-number{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;background:#eeeadd;color:#252421;box-shadow:2px 4px 1px #0008;border:3px solid #c7bca7;width:73px;height:81px;font-size:69px;line-height:1;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;transform-origin:center top}.vp-number.vp-swap{animation:vp-panel .7s ease-out}.vp-crest{margin:13px auto;text-align:center;color:#057143;font-size:18px;font-weight:900;letter-spacing:3px;text-shadow:1px 1px #fff}.vp-balcony{position:absolute;top:206px;left:0;width:260px;height:31px;border:5px solid #182b25;z-index:6;background:repeating-linear-gradient(90deg,transparent 0,transparent 33px,#132d27 34px,#132d27 39px)}.vp-column{position:absolute;left:104px;top:225px;width:52px;height:185px;background:linear-gradient(90deg,#8d9a8a,#d6d7c7,#828a7f)}.vp-keeper{position:absolute;left:98px;top:25px;width:34px;height:82px;z-index:2;opacity:0;transition:opacity .1s}.vp-keeper .vp-head{position:absolute;width:20px;height:21px;background:#dfb18b;border-radius:50%;left:9px;top:0}.vp-keeper .vp-body{position:absolute;width:31px;height:53px;top:20px;left:5px;background:repeating-linear-gradient(90deg,#e7e9db 0 9px,#0b8447 9px 17px);border-radius:8px}.vp-keeper .vp-arm{position:absolute;width:44px;height:12px;background:#dcb08b;top:30px;left:-23px;transform-origin:right center}.vp-changing .vp-keeper{opacity:1;animation:vp-person 1.9s ease-in-out}.vp-changing .vp-arm{animation:vp-arm 1.9s ease-in-out}.vp-overlay{position:relative;z-index:7;width:55%;min-height:490px;padding:50px 0 34px 6%;display:flex;flex-direction:column;align-items:flex-start}.vp-live-label{background:#bd262c;padding:7px 13px;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;border-radius:4px}.vp-active .vp-live-label{background:#d22c30}.vp-overlay h2{color:#fff;margin:22px 0 13px;font-size:clamp(20px,3.1vw,44px);line-height:1.12;text-shadow:0 2px 10px #0008;max-width:100%;text-transform:uppercase}.vp-overlay h2 small{font-size:16px;color:#d5e9dd}.vp-time{display:flex;align-items:center;gap:15px;font-size:18px;text-transform:uppercase}.vp-time strong{font-size:30px}.vp-score-mobile{font-size:24px;letter-spacing:4px;margin-top:6px;opacity:.93}.vp-radio-button{margin:18px 0 0;background:#e9f8ec;border:0;border-radius:5px;color:#06462f;padding:9px 14px;font-weight:700;cursor:pointer}.vp-event-head{margin:20px 0 4px;font-weight:700}.vp-events{margin:0;padding:0;list-style:none;font-size:13px;max-height:91px;overflow:auto}.vp-events li{margin:4px 0}.vp-lineup{margin-top:12px;font-size:13px}.vp-lineup summary{cursor:pointer}.vp-lineup-inner{display:flex;gap:18px;flex-wrap:wrap;background:#072f2bde;padding:10px;margin:8px 0}.vp-lineup-inner h4{color:white;margin:0 0 6px}.vp-lineup-inner p{margin:3px 0}.vp-admin .vp-control{margin:20px 0;padding:20px;background:#fff;border:1px solid #c3c4c7}.vp-control-head{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:20px}.vp-current{font-weight:700;color:#087843}.vp-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0}.vp-buttons button{cursor:pointer;background:#095c41;color:#fff;border:0;border-radius:4px;padding:12px 16px}.vp-buttons button:hover{background:#08402e}.vp-buttons button:disabled{opacity:.5}.vp-buttons label{display:flex;flex-direction:column;gap:5px}.vp-buttons input,.vp-buttons select,.vp-buttons textarea{border:1px solid #aaa;padding:7px}.vp-feedback{font-weight:700;color:#067143}@keyframes vp-panel{0%{transform:rotateX(0)}40%{transform:rotateX(66deg)}70%{transform:rotateX(-7deg)}100%{transform:rotateX(0)}}@keyframes vp-person{0%,100%{opacity:0;transform:translateY(30px)}25%,75%{opacity:1;transform:translateY(0)}}@keyframes vp-arm{0%,100%{transform:rotate(-25deg)}50%{transform:rotate(-62deg)}}@media(max-width:760px){.vp-scene,.vp-live{min-height:600px}.vp-overlay{padding:24px;width:100%;min-height:600px;align-items:flex-start;background:linear-gradient(90deg,#05271edb,#05271e20)}.vp-tower{right:8%;bottom:25px;transform:scale(.75);transform-origin:bottom right}.vp-overlay h2{font-size:25px;max-width:92%}.vp-event-head{margin-top:15px}.vp-events{max-width:68%;max-height:90px}.vp-lineup{max-width:65%}}@media(prefers-reduced-motion:reduce){.vp-live *, .vp-live *::before,.vp-live *::after{animation:none!important;transition:none!important}}

/* 0.2.0: integración nativa con Verdeando Partidos + conmutador del slider */
.vp-switch{width:100%;position:relative}
.vp-switch [hidden]{display:none!important}
.vp-match-picker{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;background:#fff;border:1px solid #c3c4c7;margin:16px 0}
.vp-match-picker label{display:flex;flex-direction:column;gap:5px;font-weight:600}
.vp-match-picker select{min-width:160px;max-width:360px}
.vp-match-picker label:has(select[name="match"]){flex:1 1 250px}
.vp-match-picker select[name="match"]{width:100%;max-width:100%}
.vp-switch-live>.vp-live,.vp-switch-live>.vp-live>.vp-scene{width:100%}
@media(max-width:760px){.vp-match-picker{align-items:stretch}.vp-match-picker label,.vp-match-picker select{max-width:100%;width:100%}}

/* v0.2.1 · Cronómetro en tiempo real (mando y marcador público). */
.vp-control-clock{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;padding:16px 20px;background:#e9f4ed;border-left:4px solid #087843;border-radius:5px;color:#163a30}
.vp-control-clock>span:first-child{font-size:12px;font-weight:800;letter-spacing:1px}
.vp-control-clock [data-clock]{display:block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(32px,5vw,48px);line-height:1.1;letter-spacing:.5px;color:#07583e}
.vp-control-clock [data-clock-running]{font-size:13px;font-weight:700;color:#66716d}
.vp-control-clock [data-clock-running].vp-clock-is-running{color:#04733f}
.vp-buttons .vp-clock-toggle{background:#334b42}
.vp-buttons .vp-clock-toggle:disabled{opacity:.5;cursor:not-allowed}
.vp-time [data-clock]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:clamp(28px,3.2vw,43px);letter-spacing:1px;min-width:5ch;text-shadow:0 2px 9px #0008}
@media(max-width:760px){.vp-control-clock{gap:9px;padding:13px 15px}.vp-control-clock [data-clock]{font-size:36px}.vp-time [data-clock]{font-size:35px}}