@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

:root {
  --bg-dark: #111827;
  --hok-gold: #D4AF37;
  --lol-blue: #00A1E9;
  --text-light: #F0F2F5;
  --text-medium: #AAB7C4;
}

body { 
    font-family: 'Inter', 'Noto Sans SC', sans-serif; 
    overflow: hidden; 
    background-color: var(--bg-dark);
}
#presentation-container { 
    position: relative; 
    width: 100vw; 
    height: 100vh; 
}
.presentation-slide {
    position: absolute !important; 
    inset: 0 !important; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    padding: 5vw; 
    overflow: hidden; 
    box-sizing: border-box;
    opacity: 0; 
    visibility: hidden; 
    pointer-events: none; 
    z-index: 1;
    background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 60%), var(--bg-dark);
}
.presentation-slide:first-child {
    opacity: 1; 
    visibility: visible; 
    pointer-events: auto; 
    z-index: 2;
}

.text-shadow {
    text-shadow: 0 4px 15px rgba(0,0,0,0.6);
}
.text-shadow-sm {
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.text-hok-gold {
    color: var(--hok-gold);
}

.text-lol-blue {
    color: var(--lol-blue);
}

.border-hok-gold {
    border-color: var(--hok-gold);
}

.border-lol-blue {
    border-color: var(--lol-blue);
}

.bg-hok-gold {
    background-color: var(--hok-gold);
}

.bg-lol-blue {
    background-color: var(--lol-blue);
}


/* Layout Flexibility Helpers */
.presentation-slide.layout-fullscreen { padding: 0; }
.presentation-slide.layout-split { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 2rem; 
    align-items: center;
}

@media (max-width: 768px) {
    .presentation-slide.layout-split { 
        grid-template-columns: 1fr; 
        padding-top: 8vh;
        padding-bottom: 8vh;
        overflow-y: auto;
    }
}