body,html{width:100%;min-height:100vh;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:transparent;color:var(--md-text-primary);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center}#bg-layer{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;transition:background 1s var(--motion-ease);overflow:hidden}#confetti-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:100}.persistent-logo{position:relative;margin-top:30px;margin-bottom:20px;max-width:180px;z-index:20;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, .3));transition:all .6s var(--motion-ease)}.persistent-logo--text{background:rgba(255,255,255,.92);color:var(--md-primary);border:3px solid var(--md-primary);border-radius:18px;padding:10px 22px;font-size:2rem;font-weight:800;letter-spacing:1px;box-shadow:0 6px 14px rgba(0,0,0,.12)}#game-container{background:rgba(255,255,255,.318);backdrop-filter:blur(6px);width:90%;max-width:var(--container-max-width);padding:40px;border-radius:var(--radius-lg);border:2px solid var(--md-primary-dark);text-align:center;z-index:10;top:1vh;box-shadow:var(--shadow-soft);margin-bottom:50px;position:relative;animation:.6s ease-out forwards containerAppear}.hidden{display:none!important}#final-screen,#quiz-screen,#start-screen{position:relative;z-index:2}.author-badge{position:fixed;bottom:15px;right:15px;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);color:rgba(255,255,255,.9);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;z-index:9998;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);transition:.2s}.author-badge:hover{background:rgba(0,0,0,.7);color:#fff;transform:translateY(-2px)}@media (max-width:768px){#game-container{width:94%;padding:24px}.persistent-logo--text{font-size:1.5rem}}.karaoke-entrance{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards karaokePop!important}@keyframes karaokePop{0%{transform:scale(0) rotate(-180deg);opacity:0;filter:blur(10px) brightness(2)}50%{transform:scale(1.2) rotate(10deg);opacity:1;filter:blur(0px) brightness(1.5)}100%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}}.karaoke-live{animation:3s ease-in-out infinite alternate karaokeFloating!important}@keyframes karaokeFloating{0%{transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, .3))}50%{transform:translateY(-6px) scale(1.04) rotate(2deg);filter:drop-shadow(0px 10px 15px rgba(255, 215, 0, .7))}100%{transform:translateY(0) scale(1) rotate(-1deg);filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, .3))}}.logo-return{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards logoReturnPop!important}@keyframes logoReturnPop{0%{transform:scale(.3) rotate(-45deg);opacity:0;filter:blur(5px)}100%{transform:scale(1) rotate(0);opacity:1;filter:blur(0px)}}