@import"https://fonts.googleapis.com/css2?family=Jura:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";body{margin:0;overflow:hidden;background-color:#000;color:#fff;font-family:Jura,sans-serif;text-shadow:0 0 5px #0ff,0 0 10px #0ff;-webkit-user-select:none;user-select:none}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}#ui-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}.silver-trip{background:linear-gradient(180deg,#f0f0f0,#a0a0a0,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 7px #ffffff,0 0 15px #d3d3d3}#entry-box{background:#000c;padding:30px;border-radius:15px;border:2px solid #ff4500;box-shadow:0 0 15px #ff4500,inset 0 0 10px #ff4500;pointer-events:all;min-width:300px;max-width:500px;margin:0 30px;display:flex;flex-direction:column;align-items:center;gap:15px;position:absolute;z-index:102}#entry-box h1{color:#ff4500;text-shadow:0 0 5px #ff4500,0 0 10px #ff4500}#entry-box p{font-size:1em;text-shadow:none;line-height:1.5}#entry-button{border-color:#ff4500;color:#ff4500;text-shadow:0 0 5px #ff4500}#entry-button:hover{background-color:#ff4500;color:#000;box-shadow:0 0 20px #ff4500;text-shadow:none}#start-prompt{max-width:300px;justify-self:center;text-align:center;font-size:13px;padding:0 10%}#vignette{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 200px 50px #f00c;z-index:100;pointer-events:none;opacity:0;transition:opacity .5s ease-out}.initially-hidden{transform:scale(0);opacity:0;pointer-events:none}#start-screen,#loading-screen,#end-screen{background:#000000b3;padding:30px;border-radius:15px;border:2px solid #0ff;box-shadow:0 0 15px #0ff,inset 0 0 10px #0ff;pointer-events:all;min-width:300px;max-width:800px;margin:0 30px;position:absolute;z-index:100}h1{font-family:Orbitron,sans-serif;font-size:36px;margin-top:0;color:#0ff;margin-bottom:10px;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff}p{font-size:1.2em}#analysis-text{color:#0ff;font-size:1.5em;text-shadow:0 0 8px #0ff}input[type=file]{display:none}.file-label,button{background-color:transparent;border:2px solid #0ff;color:#0ff;padding:15px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:20px;cursor:pointer;border-radius:5px;transition:background-color .3s,color .3s,box-shadow .3s;pointer-events:all;font-family:Jura,sans-serif;text-shadow:0 0 5px #0ff;width:90%;align-self:center}.file-label:hover,button:hover{background-color:#0ff;color:#000;box-shadow:0 0 20px #0ff;text-shadow:none}#game-hud{position:absolute;top:20px;left:15px;z-index:10;display:flex;align-items:flex-start;flex-direction:column;gap:10px;width:50%;justify-content:space-between}#score-container{font-size:18px;z-index:10;pointer-events:none;background:#00000080;padding:4px 10px;border-radius:8px;border:2px solid #0ff;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .3s,box-shadow .3s,color .3s}#pause-button{margin-top:0;padding:2px 8px;font-size:14px;transition:background-color .3s,color .3s,box-shadow .3s,border-color .3s;background:transparent;width:fit-content;align-self:flex-start;display:flex}#pause-button:hover{color:#0ff}#game-hud.style-rank-blue #score-container,#game-hud.style-rank-blue #pause-button{border-color:#87ceeb;box-shadow:0 0 10px #87ceeb}#game-hud.style-rank-blue #score-container,#game-hud.style-rank-blue #pause-button,#game-hud.style-rank-blue #score-multiplier{color:#e0ffff;text-shadow:0 0 8px #87CEEB}#game-hud.style-rank-gold #score-container,#game-hud.style-rank-gold #pause-button{border-color:gold;box-shadow:0 0 12px gold}#game-hud.style-rank-gold #score-container{animation:hud-pulse .8s ease-in-out infinite}#game-hud.style-rank-gold #score-container,#game-hud.style-rank-gold #pause-button,#game-hud.style-rank-gold #score-multiplier{color:#ff0;text-shadow:0 0 8px #FFA500}#pause-menu{background:#000000d9;padding:40px;border-radius:15px;border:2px solid #0ff;box-shadow:0 0 15px #0ff,inset 0 0 10px #0ff;pointer-events:all;min-width:300px;display:flex;flex-direction:column;gap:15px}#pause-menu h1{margin-bottom:10px}#main-menu-button{border-color:#f0f;color:#f0f;text-shadow:0 0 5px #f0f}#main-menu-button:hover{background-color:#f0f;color:#000;box-shadow:0 0 15px #f0f;text-shadow:none}#end-screen button{border-color:#f0f;color:#f0f;text-shadow:0 0 5px #f0f}#end-screen button:hover{background-color:#f0f;color:#000;box-shadow:0 0 15px #f0f;text-shadow:none}#style-rank-container{position:absolute;top:30px;right:20px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}#rank-image{height:100px;margin-bottom:5px;-webkit-filter:drop-shadow(0 0 8px #fff);filter:drop-shadow(0 0 8px #fff)}#progress-bar-container{width:120px;height:10px;background-color:#00000080;border-radius:5px;padding:2px;transition:border-color .3s,box-shadow .3s}#progress-bar-fill{height:100%;width:0%;border-radius:3px;transition:width .3s ease-out,background .3s}.style-rank-blue #progress-bar-container{border:2px solid #87CEEB;box-shadow:0 0 10px #87ceeb}.style-rank-blue #progress-bar-fill{background:linear-gradient(90deg,#e0ffff,#87ceeb,#00bfff)}.style-rank-gold #progress-bar-container{border:2px solid #FFD700;box-shadow:0 0 12px gold}.style-rank-gold #progress-bar-fill{background:linear-gradient(90deg,#ff0,orange,#ff4500)}#score-multiplier{color:#0ff;font-size:16px;text-shadow:0 0 5px #0ff}.rank-stamp-animation{animation:stamp-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.hidden{opacity:0;transform:scale(.95);visibility:hidden;pointer-events:none;transition:opacity .25s ease-in,transform .25s ease-in,visibility 0s linear .25s}.menu-screen{transition:opacity .25s ease-out,transform .25s ease-out}@keyframes hud-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes stamp-in{0%{opacity:0;transform:scale(2.5) rotate(-15deg)}60%{opacity:1;transform:scale(.9) rotate(5deg)}80%{transform:scale(1.05) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.or-separator{font-size:11px;color:#888;text-shadow:none}#search-container{position:relative;max-width:500px;margin:15px auto 0;pointer-events:all}#song-search-input{width:100%;padding:8px;background-color:#00000080;border:2px solid #0ff;color:#fff;font-family:Jura,sans-serif;font-size:14px;border-radius:5px;box-sizing:border-box;text-align:center;text-shadow:0 0 5px #0ff;transition:box-shadow .3s}#song-search-input:focus{outline:none;box-shadow:0 0 15px #0ff}#autocomplete-results{position:absolute;top:100%;left:0;right:0;background:#000a14f2;border:2px solid #0ff;border-top:none;border-radius:0 0 5px 5px;max-height:300px;overflow-y:auto;z-index:1000;text-align:left}.result-item{padding:12px 15px;color:#eee;font-size:14px;cursor:pointer;text-shadow:none;border-bottom:1px solid #055;transition:background-color .2s,color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#0ff;color:#000}.menu-screen{position:absolute;width:90%;max-width:800px;background:#000000e6;padding:20px 0;border-radius:15px;border:2px solid #0ff;box-shadow:0 0 15px #0ff,inset 0 0 10px #0ff;pointer-events:all;display:flex;flex-direction:column;gap:15px;z-index:101}.menu-screen h1{margin-bottom:10px}.menu-buttons-container{display:flex;justify-content:center;gap:20px;width:100%;margin-top:15px}.menu-buttons-container button{margin-top:0;padding:10px 20px;font-size:14px}#total-score-container{position:absolute;top:100px;right:20px;font-size:13px;background:#00000080;padding:8px 15px;border-radius:8px;border:1px solid #0ff;text-shadow:0 0 5px #0ff;z-index:1}@media (orientation: landscape){#total-score-container{top:50px}}.main-menu-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:15px}.main-menu-actions .file-label,.main-menu-actions button{margin-top:0;padding:10px 20px;font-size:15px;flex-basis:180px;flex-grow:1}#history-table-container{width:100%;max-height:70vh;overflow-y:auto;border:1px solid #088}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;text-shadow:none}thead{background-color:#033;position:sticky;top:0}th{font-size:12px;color:#0ff;padding:8px 15px;white-space:nowrap}tbody tr{border-bottom:1px solid #055;transition:background-color .2s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background-color:#044}td:nth-child(2),td:nth-child(3){text-align:center}td:nth-child(3){font-weight:700;font-size:1.1em}#claim-button{position:absolute;top:150px;right:20px;padding:8px 15px;font-size:14px;border-color:#f0f;color:#f0f;text-shadow:0 0 5px #f0f;z-index:1;margin-top:0;pointer-events:all;transition:all .3s;width:100px}@media (orientation: landscape){#claim-button{top:100px}}#claim-button:hover{background-color:#f0f;color:#000;box-shadow:0 0 15px #f0f;text-shadow:none}#claim-button.hidden{opacity:0;pointer-events:none}#history-screen{height:100%;max-height:85%;padding:0 0 20px}#history-screen>h1{margin-top:10px}@media (orientation: portrait){#history-screen{margin-top:40px}}#history-close-button{margin:0}.style-rank-antiverse #progress-bar-container,.style-rank-antiverse #score-container{border-color:#d30000;box-shadow:0 0 15px #d30000,0 0 5px #ff4d4d inset;animation:hud-pulse .6s ease-in-out infinite}.style-rank-antiverse #score-container,.style-rank-antiverse #pause-button,.style-rank-antiverse #score-multiplier{color:#fff;text-shadow:0 0 8px #ff0000,0 0 12px #c00000}.style-rank-antiverse #progress-bar-fill{background:linear-gradient(90deg,#8b0000,#f44,#8b0000)}