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;border-radius:100px}.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;align-items:center;flex:1;max-width:25%}.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}.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:#0f0;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)}.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}.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:center}.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)}.gallery-item{cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}