:root{--app-bg:#0a0a0a;--card-bg:#1a1a1a;--border-red:#ff0000;--accent-red:#cc0000;--text-primary:#ffffff;--text-gray:#aaaaaa;--vs-red:#ff0000}#roja2-wrapper{font-family:'Roboto',sans-serif;background-color:var(--app-bg);color:var(--text-primary);min-height:100vh;padding:20px;direction:ltr;text-align:left;max-width:1000px;margin:0 auto;border:1px solid #fff;border-radius:15px}#roja2-header{margin-bottom:2rem;text-align:center}#roja2-page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}#roja2-date-display{font-size:1.2rem;color:var(--text-gray);font-weight:500}#roja2-card-list{display:flex;flex-direction:column;gap:20px;padding:0;margin:0;list-style:none!important}.roja2-match-node{background:var(--card-bg);border:1px solid #333;border-left:4px solid var(--border-red);border-right:1px solid #333;border-radius:10px;padding:.75rem .5rem;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;min-height:80px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 2px 10px rgb(0 0 0 / .3)}.roja2-match-node:hover{box-shadow:0 10px 25px rgb(255 0 0 / .15);transform:translateY(-5px);border-color:#f33}.roja2-league-badge{position:absolute;top:8px;left:8px;width:30px;height:30px;object-fit:contain;z-index:5;border-radius:4px;background:rgb(0 0 0 / .3);padding:3px}.roja2-hover-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .85);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(2px);z-index:10}.roja2-match-node:hover .roja2-hover-overlay{opacity:1}.roja2-play-icon{width:50px;height:50px;background:red;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 0 20px rgb(255 0 0 / .4);transform:scale(.8);transition:transform 0.3s cubic-bezier(.175,.885,.32,1.275);font-size:20px}.roja2-match-node:hover .roja2-play-icon{transform:scale(1)}.roja2-side-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;z-index:1}.roja2-side-logo{width:35px;height:35px;object-fit:contain}.roja2-side-name{font-size:.9rem;font-weight:700;color:var(--text-primary);text-transform:capitalize}.roja2-center-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.roja2-vs-label{font-size:1rem;font-weight:700;color:var(--vs-red);margin-bottom:3px}.roja2-meta-line{font-size:.75rem;color:var(--text-gray);display:flex;align-items:center;gap:5px}.roja2-status-pill{background:#2a2a2a;color:#fff;padding:3px 12px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.roja2-status-pill.live{background:red;color:#fff}.roja2-modal-dimmer{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .95);z-index:99999;overflow-y:auto;padding:40px 20px;align-items:flex-start;justify-content:center}.roja2-modal-dimmer.visible{display:flex}.roja2-modal-panel{background:#1a1a1a;border:1px solid var(--border-red);width:100%;max-width:900px;margin:0 auto;border-radius:20px;padding:2.5rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0 10px 50px rgb(255 0 0 / .2);min-height:100px}.roja2-close-trigger{position:absolute;top:20px;right:20px;left:auto;color:#fff;cursor:pointer;z-index:20;background:rgb(255 255 255 / .1);border-radius:50%;padding:8px 12px;font-size:20px;line-height:1;transition:background 0.2s}.roja2-close-trigger:hover{background:rgb(255 0 0 / .2);color:red}.roja2-modal-title{text-align:center;margin-bottom:1.5rem;font-weight:700;color:var(--text-primary);font-size:1.5rem;min-height:1.5rem}.roja2-player-container{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;margin-bottom:1rem;box-shadow:0 5px 20px rgb(0 0 0 / .5);direction:ltr}.roja2-video-frame{width:100%;height:130%;border:none;transform:translateY(-11.5%);overflow:hidden;pointer-events:auto;scrollbar-width:none;-ms-overflow-style:none}.roja2-video-frame::-webkit-scrollbar{display:none}@media (max-width:1024px) and (min-width:769px){.roja2-video-frame{height:130%;transform:translateY(-11.5%)}}@media (max-width:768px){.roja2-video-frame{height:170%;transform:translateY(-30%)}}.roja2-player-shield{position:absolute;top:8px;right:8px;left:auto;padding:2px 8px;background:rgb(0 0 0 / .8);backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / .1);border-radius:4px;z-index:10;pointer-events:auto;color:red;font-size:10px;font-weight:800;letter-spacing:1px;box-shadow:0 2px 10px rgb(0 0 0 / .5);direction:ltr}.roja2-channel-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;direction:ltr}.roja2-link-node{padding:8px 16px;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;transition:all 0.2s;background:#2a2a2a}.roja2-link-node:hover{border-color:var(--border-red);background:#333;color:var(--border-red)}@media (max-width:768px){.roja2-match-node{flex-direction:column;gap:15px;padding:1.5rem 1rem;min-height:auto}.roja2-side-name{font-size:1.1rem}.roja2-side-logo{width:45px;height:45px}}@media (max-width:480px){#roja2-wrapper{padding:10px}.roja2-match-node{padding:1.25rem .75rem;border-radius:10px}.roja2-side-name{font-size:1rem}.roja2-vs-label{font-size:1.4rem}.roja2-side-logo{width:40px;height:40px}}