:root{--color-bg: #050505;--color-gold: #FFD700;--font-main: "Cinzel", "Didot", "Bodoni MT", "Times New Roman", serif}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background-color:var(--color-bg);font-family:var(--font-main);color:var(--color-gold);transition:background-color 1s ease}#app{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1}#overlay{position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:2;text-align:center;pointer-events:none;text-shadow:0 0 10px rgba(255,215,0,.5)}.title{font-size:3rem;font-weight:700;letter-spacing:.2em;margin-bottom:.5rem;background:linear-gradient(to bottom,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.3rem;font-weight:500;letter-spacing:.3em;opacity:1;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.3);margin-top:.5rem}#music-toggle{position:absolute;top:20px;right:20px;z-index:10;background:#ffffff1a;border:1px solid rgba(255,215,0,.3);color:gold;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;padding:0}#music-toggle svg{display:block;width:24px;height:24px}#music-toggle:hover{background:#ffd70033;transform:scale(1.1);box-shadow:0 0 15px #ffd70066}#music-toggle.playing{animation:spin 3s linear infinite;box-shadow:0 0 15px #ffd70099}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#start-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505f2;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .8s ease}.start-content{text-align:center;color:gold;animation:pulse 2s infinite}.start-content h1{font-size:5rem;margin-bottom:1rem}.start-content p{font-size:1.5rem;letter-spacing:.2em;font-family:var(--font-main);text-transform:uppercase;border-bottom:1px solid #FFD700;padding-bottom:5px}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}#start-screen.hidden{opacity:0;pointer-events:none}@media (max-width: 768px){.title{font-size:2rem}.subtitle{font-size:.9rem}}