body{margin:0;padding:0;overflow-x:hidden;font-family:Arial,sans-serif;background-color:#f4f4f4}main{width:100%;box-sizing:border-box;overflow-x:hidden}#main-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:3px solid #333;padding:1rem 10px;background:#fff;color:#000;width:100%;box-sizing:border-box;position:sticky;top:0;z-index:100}#main-header #center{text-align:center;display:flex;flex-direction:column;align-items:center}#right{display:flex;justify-content:flex-end}#main-header h1{font-family:Arial Black,sans-serif;font-size:1.5rem;text-transform:uppercase;margin:0;line-height:.9;letter-spacing:1px}#main-header h6{font-family:Arial Black,sans-serif;font-size:.9rem;margin:0;padding:0}.pill-nav{display:flex;border:2px solid black;border-radius:50px;background:#fff;overflow:hidden;margin-top:5px}.pill-nav a{text-decoration:none;color:#000;font-family:Arial Black,sans-serif;font-size:.65rem;padding:4px 12px;border-right:2px solid black;display:flex;align-items:center;transition:background .2s}.pill-nav a:last-child{border-right:none}.pill-nav a:hover{background:#f0f0f0}.live-dot{display:inline-block;width:6px;height:6px;background-color:red;border-radius:50%;margin-left:4px;margin-bottom:2px}.Header-Logo{width:50px;height:auto}.score-section{background:url(/assets/DLSUBackground.jpg) no-repeat center center/cover;min-height:85vh;display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:0 10px 20px;gap:8px;position:relative;box-sizing:border-box}.score-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:0}.team-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1;max-width:25%;height:100%}.team-card{width:100%;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px 5px;border:2px solid white;box-shadow:0 5px 10px #00000080;min-width:0;background-repeat:no-repeat;background-position:center;background-size:20rem;transform-origin:bottom}.mutien{background-color:#fff;color:#000;border:2px solid white;background-image:url(/assets/Houses/Logos/Marie.PNG)}.benilde{background-color:#000;color:#fff;border:2px solid #00ffaa;background-image:url(/assets/Houses/Logos/Benilde.PNG)}.jaime{background-color:#78be21;color:#000;border:2px solid #00ff00;background-image:url(/assets/Houses/Logos/Jaime.PNG)}.miguel{background-color:#006400;color:#fff;border:2px solid #00ff00;background-image:url(/assets/Houses/Logos/Miguel.PNG);background-size:80%}@media(max-width:768px){.mutien,.benilde,.jaime,.miguel{background-size:90%;background-repeat:no-repeat;background-position:center}}.placement{font-family:Arial Black,sans-serif;font-size:1.2rem;margin:0}.bottom-stats{text-align:center}.points{font-family:Arial Black,sans-serif;font-size:1rem;margin:0;line-height:1}.points-label{font-family:Arial Black,sans-serif;font-size:.5rem;text-transform:uppercase}.team-name{font-family:Arial Black,sans-serif;font-size:.7rem;color:#fff;margin-top:8px;text-transform:uppercase;text-shadow:1px 1px 0px black;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#Live-section{background:#222;min-height:85vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:0;position:relative;box-sizing:border-box}#Live-section #Header{display:flex;justify-content:center;align-items:center;height:auto;padding:1rem 0;width:100%;background:#ffffff1a;flex-shrink:0;color:#fff;font-family:Arial Black,sans-serif}#Live-section .Live-Nav-Button{background:none;border:none;cursor:pointer}#Live-section #Bulletin-Board{background-color:#00581b;border-radius:20px 20px 0 0;box-shadow:0 10px 30px #00000080;margin:0;padding:20px 10px;width:100%;flex-grow:1;overflow-y:auto;box-sizing:border-box;display:grid;grid-template-columns:1fr;gap:15px;justify-items:center;align-content:start}.bulletin-entry{width:100%;max-width:400px;height:auto;min-height:180px;background-color:#fff;border:1px solid #ccc;border-radius:15px;box-shadow:0 2px 5px #0000001a;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.bulletin-entry .entry-header{background-color:#f8f9fa;padding:10px 15px;border-bottom:2px solid black;display:flex;flex-direction:column;gap:2px}.bulletin-entry .entry-title{font-family:Arial Black,sans-serif;font-size:1.1rem;margin:0}.bulletin-entry .entry-content p{font-size:.75rem;margin:2px 0}.bulletin-entry .bulletin-body{padding:10px 0;display:flex;flex-direction:column;gap:5px}.bulletin-body-team-entry{font-family:Arial Black,sans-serif;display:flex;justify-content:space-between;align-items:center;padding:2px 0;margin:0 1rem;font-size:.75rem}.bulletin-body-team-entry-team-name{font-size:.7rem;width:45%;border-right:solid black 1px}.bulletin-body-team-entry .team-score-w,.bulletin-body-team-entry .team-score-l{font-weight:700;font-size:.75rem;text-align:center;width:15%}.bulletin-body-team-entry .team-score-rank{font-size:.75rem;width:15%;text-align:right}.gallery-section{background:#111;padding:4rem 1rem;min-height:50vh;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-width:1200px;margin:0 auto}.gallery-item{position:relative;height:150px;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000004d;background:#222;cursor:pointer}.gallery-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.gallery-item:hover .gallery-img{transform:scale(1.1)}.last-updated-indicator{font-size:.75rem;opacity:.7;font-family:monospace;color:#fff;z-index:10;position:relative;width:100%;text-align:center;margin-top:10px;margin-bottom:-10px}@media(min-width:768px){.last-updated-indicator{position:absolute;top:1rem;left:1rem;width:auto;text-align:left;margin:0}#main-header{grid-template-columns:1fr auto 1fr;padding:1rem 20px}.Header-Logo{width:80px}#main-header h1{font-size:2.5rem}#main-header h6{font-size:1.2rem}.pill-nav a{font-size:.9rem;padding:8px 30px}.score-section{justify-content:space-evenly;padding:0 5%;gap:30px;align-items:flex-end}.team-container{max-width:250px}.team-card{border-radius:30px;padding:30px 10px;border:3px solid white}.placement{font-size:2.5rem}.points{font-size:1.5rem}.points-label{font-size:.8rem}.team-name{font-size:2rem;margin-top:15px}#Live-section #Bulletin-Board{border-radius:40px;margin:0 20px 20px;padding:40px;width:95%;grid-template-columns:repeat(3,1fr);gap:30px}.bulletin-entry{width:400px;max-width:none;height:auto!important;min-height:200px}.bulletin-entry .entry-title{font-size:1.4rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.gallery-item{height:250px;border-radius:12px}}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);animation:fadeIn .2s ease-out}.image-modal-content{position:relative;max-width:90%;max-height:90vh;display:flex;flex-direction:column;align-items:center}.image-modal-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 0 20px #00000080}.modal-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:5px}.modal-download-btn{margin-top:15px;background-color:#fff;color:#000;padding:10px 25px;text-decoration:none;font-family:Arial Black,sans-serif;text-transform:uppercase;border-radius:50px;font-size:.9rem;transition:transform .2s,background-color .2s;display:inline-flex;align-items:center;gap:8px}.modal-download-btn:hover{background-color:#f0f0f0;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.merch-section{position:relative;min-height:70vh;background-color:#1a1a1a;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .5s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem;box-sizing:border-box;border-top:3px solid black}.merch-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;z-index:1}.merch-title{position:relative;z-index:2;font-family:Arial Black,sans-serif;font-size:2.5rem;color:#fff;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.7);margin-top:1rem;background:#00000080;padding:10px 20px;border-radius:8px;backdrop-filter:blur(2px)}.merch-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#00000080;color:#fff;border:2px solid white;font-size:2rem;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;user-select:none}.merch-nav-btn:hover{background:#fff;color:#000}.merch-nav-btn.prev{left:20px}.merch-nav-btn.next{right:20px}.merch-cta-container{position:absolute;bottom:30px;right:30px;z-index:2;background:#000000d9;padding:20px 30px;border-radius:12px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:flex-end;gap:15px;text-align:right;box-shadow:0 10px 30px #00000080}.merch-deadline{color:#ff3b30;font-weight:700;font-size:1rem;margin:0;text-transform:uppercase;letter-spacing:.5px}.merch-buy-btn{display:inline-block;background:#fff;color:#000;font-family:Arial Black,sans-serif;font-size:1.5rem;padding:15px 40px;border-radius:50px;text-decoration:none;text-transform:uppercase;transition:transform .2s,background-color .2s;border:2px solid white}.merch-buy-btn:hover{background:#000;color:#fff;transform:scale(1.05)}@media(max-width:768px){.merch-title{font-size:1.8rem}.merch-cta-container{position:relative;bottom:auto;right:auto;width:90%;align-items:center;text-align:center;margin-bottom:2rem}.merch-nav-btn{width:40px;height:40px;font-size:1.5rem}}