html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000}@font-face{font-family:cardinal;src:url(/fonts/Cardinal.ttf)}@font-face{font-family:germanica;src:url(/fonts/plain_germanica.ttf)}.music-player{background:#140f0a59;border:1px solid #8b735550;border-radius:4px;padding:12px 16px 6px;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:germanica;animation:fadeInPlayer 1.4s ease}@keyframes fadeInPlayer{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.music-player-content{display:flex;flex-direction:column;gap:2px}.scroll-container{width:100%;overflow:hidden;position:relative;height:24px;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.scroll-text{display:flex;width:max-content;gap:0;white-space:nowrap;color:#d4c4a8;letter-spacing:.5px}.scroll-text.scrolling{animation:scroll 24s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-text span{padding-right:3rem}.controls{display:flex;justify-content:center;align-items:center;gap:12px}.control-btn{background:#8b735533;border:1px solid #8b7355;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d4c4a8;transition:all .2s ease;padding:0}.web-button-size{width:30px;height:30px}.mobile-button-size{width:20px;height:20px}.control-btn:hover{background:#8b735566;border-color:#a08968;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.play-btn{background:#8b73554d}.play-btn:hover{background:#8b735580}.underline-btn{position:relative}.underline-btn:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#dddd;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.underline-btn:hover:after{transform:scaleX(1)}.press-instruction{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none;animation:fadeInInstruction 1.5s ease;transition:opacity 1.5s ease,transform .8s ease;z-index:100}.press-instruction.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.95)}@keyframes fadeInInstruction{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.instruction-text{background:#d4c4a81a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.5rem 1.25rem;font-family:cardinal;font-size:1.1rem;color:#000d;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.05em;border-radius:.5rem;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.01)}}.instruction-arrow{position:absolute;bottom:-19px;animation:bounce 2.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.instruction-arrow svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.arrow-shadow{position:absolute;bottom:-27px;left:50%;transform:translate(-50%);width:24px;height:8px;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 50%,transparent 100%);border-radius:50%;filter:blur(2px)}.rotation-instruction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;z-index:100;animation:fadeInRotation .8s ease;opacity:1;transition:opacity .8s ease,transform .8 ease}.rotation-instruction.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.9)}@keyframes fadeInRotation{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.rotation-arrows{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.arrow{filter:brightness(80%);animation:rotate 3s ease-in-out infinite;transform-origin:40px 40px}@keyframes rotate{0%,to{opacity:1}50%{opacity:.6}}.rotation-text{position:absolute;top:50%;transform:translateY(-50%);font-family:cardinal;font-size:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.05em;background:#c4c4c433;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.75rem 1.25rem;border-radius:50%;text-align:"center";display:flex;flex-direction:column;justify-content:center;align-items:center}