:root{--primary-color: #F22E3C;--secondary-color: #1e293b;--accent-color: #f59e0b;--background-color: #f8fafc;--text-color: #1e293b;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #111F90;--purple-color: #9333ea;--indigo-color: #4f46e5;--gray-color: #64748b;--dark-gray-color: #475569;--button-height: 48px;--table-border-radius: 12px;--cell-padding: 16px;--border-radius: .5rem;--transition: all .2s ease;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--box-shadow-hover: 0 4px 8px rgba(0, 0, 0, .15);--text-shadow: 0 1px 3px rgba(0, 0, 0, .2);--text-shadow-light: 0 1px 1px rgba(0, 0, 0, .15);--text-shadow-strong: 0 2px 6px rgba(0, 0, 0, .3);--tan-background: linear-gradient(135deg, rgba(228, 179, 114, .85) 0%, rgba(210, 160, 98, .9) 100%);--tan-background-transparent: linear-gradient(135deg, rgba(239, 209, 169, .85) 0%, rgba(228, 179, 114, 9) 100%)}body{margin:0;padding:2rem;font-family:system-ui,-apple-system,sans-serif;background-image:url(/assets/bgfaustdle-BPe729G1.png);background-size:cover;background-color:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;text-shadow:var(--text-shadow-light)}.container{width:100%;max-width:1200px;background:var(--tan-background);padding:2.5rem;border-radius:1rem;box-shadow:0 8px 32px #00000026;border:2px solid rgba(255,255,255,.3);position:relative}h1{font-family:Arial,Helvetica,sans-serif;text-align:center;color:var(--primary-color);margin-bottom:2.5rem;font-size:3rem;font-weight:600;line-height:1.2;text-shadow:var(--text-shadow-strong);position:relative}h1 img{max-width:500px;max-height:220px;width:auto;height:auto;object-fit:contain}h2,h3{text-shadow:var(--text-shadow)}h4,p{text-shadow:var(--text-shadow-light)}.game-section{margin-bottom:2.5rem}.hidden{display:none}.input-group{margin-bottom:1.5rem;display:flex;gap:1rem}.autocomplete-wrapper{position:relative;flex:1}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid rgba(255,255,255,.4);border-radius:var(--border-radius);margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:var(--box-shadow-hover);padding:0;list-style:none}.autocomplete-list li{padding:.75rem 1rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid rgba(0,0,0,.1);text-shadow:none}.autocomplete-list li:last-child{border-bottom:none}.autocomplete-list li:hover{background-color:#6464641a}.autocomplete-list li.alternate-name{font-style:italic;color:#666}.autocomplete-list li.alternate-name:after{content:" (alt name)";font-size:.8em;color:#999}input{flex:1;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.4);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);width:100%;box-sizing:border-box;background:#fff;box-shadow:var(--box-shadow);text-shadow:none;color:var(--text-color)}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f22e3c1a;transform:translateY(-1px)}input::placeholder{text-shadow:none;color:#9ca3af}.mode-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem}.main-modes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{height:var(--button-height);padding:0 1.5rem;border:2px solid rgba(255,255,255,.6);border-radius:var(--border-radius);background:linear-gradient(180deg,var(--success-color) 0%,#059669 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;min-width:fit-content;line-height:1;box-sizing:border-box;text-decoration:none;box-shadow:var(--box-shadow);position:relative;overflow:hidden;text-shadow:var(--text-shadow)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{background:linear-gradient(180deg,#059669,#047857);transform:translateY(-2px);box-shadow:var(--box-shadow-hover);border-color:#fffc}.btn:active{transform:translateY(0);box-shadow:var(--box-shadow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;background:linear-gradient(180deg,var(--success-color) 0%,#059669 100%);box-shadow:var(--box-shadow)}.btn-hard{background:linear-gradient(180deg,var(--primary-color) 0%,#dc2626 100%);border-color:#fff9}.btn-hard:hover{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#fffc}.btn-filler{background:linear-gradient(180deg,var(--purple-color) 0%,#7c3aed 100%);border-color:#fff9}.btn-filler:hover{background:linear-gradient(180deg,#7c3aed,#6d28d9);border-color:#fffc}.btn-daily{background:linear-gradient(180deg,var(--accent-color) 0%,#d97706 100%);border-color:#fff9;width:100%;max-width:300px;margin-top:1rem}.btn-daily:hover{background:linear-gradient(180deg,#d97706,#b45309);border-color:#fffc}.btn-skip{background:linear-gradient(180deg,var(--gray-color) 0%,var(--dark-gray-color) 100%);border-color:#fff9}.btn-skip:hover{background:linear-gradient(180deg,var(--dark-gray-color) 0%,#334155 100%);border-color:#fffc}.btn-generate{width:100%;background:linear-gradient(180deg,var(--primary-color) 0%,#dc2626 100%);border-color:#fff9}.btn-generate:hover{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#fffc}.btn-secondary{background:linear-gradient(180deg,var(--gray-color) 0%,var(--dark-gray-color) 100%);border-color:#fff9}.btn-secondary:hover{background:linear-gradient(180deg,var(--dark-gray-color) 0%,#334155 100%);border-color:#fffc}.btn-ap{background:linear-gradient(180deg,var(--indigo-color) 0%,#4338ca 100%);border-color:#fff9}.btn-ap:hover{background:linear-gradient(180deg,#4338ca,#3730a3);border-color:#fffc}.btn-ap.connected{background:linear-gradient(180deg,var(--success-color) 0%,#059669 100%);border-color:#fff9}.btn-ap.connected:hover{background:linear-gradient(180deg,#059669,#047857);border-color:#fffc}.btn-other{background:linear-gradient(180deg,#6366f1 0%,var(--indigo-color) 100%);border-color:#fff9;height:var(--button-height)}.btn-other:hover{background:linear-gradient(180deg,var(--indigo-color) 0%,#4338ca 100%);border-color:#fffc}.btn-streak{background:linear-gradient(180deg,var(--secondary-color) 0%,#334155 100%);border-color:#fff9;width:100%}.btn-streak:hover{background:linear-gradient(180deg,#334155,#1e293b);border-color:#fffc}.btn-faq{background:linear-gradient(180deg,var(--success-color) 0%,#059669 100%);border-color:#fff9}.btn-faq:hover{background:linear-gradient(180deg,#059669,#047857);border-color:#fffc}.btn-share{background:linear-gradient(180deg,var(--gray-color) 0%,var(--dark-gray-color) 100%);border-color:#fff9}.btn-share:hover{background:linear-gradient(180deg,var(--dark-gray-color) 0%,#334155 100%);border-color:#fffc}.btn-twitter{background:linear-gradient(180deg,#1da1f2,#0d8bd9);border-color:#fff9}.btn-twitter:hover{background:linear-gradient(180deg,#0d8bd9,#0c7bc4);border-color:#fffc}.btn-bluesky{background:linear-gradient(180deg,#0085ff,#06c);border-color:#fff9}.btn-bluesky:hover{background:linear-gradient(180deg,#06c,#0052a3);border-color:#fffc}.btn-discord{background:linear-gradient(180deg,#5865f2,#4752c4);border-color:#fff9;text-decoration:none;text-align:center}.btn-discord:hover{background:linear-gradient(180deg,#4752c4,#3c47a0);border-color:#fffc}.btn-leaderboard{background:linear-gradient(180deg,var(--accent-color) 0%,#d97706 100%);border-color:#fff9}.btn-leaderboard:hover{background:linear-gradient(180deg,#d97706,#b45309);border-color:#fffc}.btn-music-small{background:linear-gradient(180deg,#ff6b6b,#ee5a52);border-color:#fff9;font-size:.8rem;padding:0 .5rem;height:32px;min-width:32px;border-radius:6px}.btn-music-small:hover{background:linear-gradient(180deg,#ee5a52,#dc4c3f);border-color:#fffc}.btn-music-small:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-music-small:disabled:hover{transform:none;background:linear-gradient(180deg,#ff6b6b,#ee5a52);box-shadow:var(--box-shadow)}.btn-music-minimize{background:linear-gradient(180deg,#ff6b6b,#ee5a52);border-color:#fff9;font-size:.9rem;padding:0;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.btn-music-minimize:hover{background:linear-gradient(180deg,#4338ca,#3730a3);border-color:#fffc}.track-announcement{position:fixed;top:20%;right:-300px;transform:translateY(-50%);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.2rem;font-weight:700;z-index:2000;opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;text-align:center;text-shadow:-2px -2px 0 #111F90,2px -2px 0 #111F90,-2px 2px 0 #111F90,2px 2px 0 #111F90,-3px 0 0 #111F90,3px 0 0 #111F90,0 -3px 0 #111F90,0 3px 0 #111F90,-1px -1px 0 #111F90,1px -1px 0 #111F90,-1px 1px 0 #111F90,1px 1px 0 #111F90,0 0 8px rgba(17,31,144,.5)}.track-announcement.easter-egg-track{text-shadow:-2px -2px 0 #FFD700,2px -2px 0 #FFD700,-2px 2px 0 #FFD700,2px 2px 0 #FFD700,-3px 0 0 #FFD700,3px 0 0 #FFD700,0 -3px 0 #FFD700,0 3px 0 #FFD700,-1px -1px 0 #FFD700,1px -1px 0 #FFD700,-1px 1px 0 #FFD700,1px 1px 0 #FFD700,0 0 8px rgba(255,215,0,.5)}.music-volume-control{margin:1rem 0;padding:1rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow)}.volume-control-row{display:flex;align-items:center;gap:1rem}.volume-label{font-weight:600;color:var(--secondary-color);text-shadow:var(--text-shadow-light);min-width:120px;font-size:.9rem}.volume-value{font-weight:600;color:var(--secondary-color);text-shadow:var(--text-shadow-light);min-width:40px;text-align:right;font-size:.9rem}.results{margin-top:2rem;overflow-x:auto;background:var(--tan-background-transparent);border-radius:var(--table-border-radius);box-shadow:0 10px 25px -5px #00000026;border:2px solid rgba(255,255,255,.4)}table{width:100%;border-collapse:separate;border-spacing:0;margin:0;animation:slideIn .3s ease-out;background:transparent}th,td{padding:var(--cell-padding);text-align:center;border:none;position:relative;font-weight:500;transition:var(--transition);text-shadow:var(--text-shadow-light)}th{background:linear-gradient(180deg,#e0bb89,#d0a874);color:#000;font-weight:500;font-size:.95rem;letter-spacing:.5px;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a;border-bottom:2px solid rgba(0,0,0,.15);text-shadow:var(--text-shadow)}th:first-child{border-top-left-radius:var(--table-border-radius)}th:last-child{border-top-right-radius:var(--table-border-radius)}th:not(:last-child){border-right:1px solid rgba(0,0,0,.15)}tbody tr{background:#e0bb89cc;transition:var(--transition);border-bottom:2px solid rgba(0,0,0,.1);position:relative}tbody tr:hover{background:#e0bb89f2;transform:translateY(0);box-shadow:0 4px 12px #0000001a}tbody tr:last-child td:first-child{border-bottom-left-radius:var(--table-border-radius)}tbody tr:last-child td:last-child{border-bottom-right-radius:var(--table-border-radius)}tbody tr:last-child{border-bottom:none}td{font-size:.9rem;color:#374151;font-weight:500}td:not(:last-child){border-right:1px solid rgba(0,0,0,.15)}.match{background:linear-gradient(180deg,var(--success-color) 0%,#059669 100%)!important;color:#fff!important;font-weight:700;position:relative;overflow:hidden;transition:var(--transition);border-right:1px solid rgba(0,0,0,.15)!important;border-bottom:1px solid rgba(0,0,0,.15)!important;text-shadow:var(--text-shadow)!important}.match:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(270deg,transparent,rgba(210,255,210,.2),transparent);animation:shimmer 2s infinite}.error{background:linear-gradient(180deg,var(--error-color) 0%,#dc2626 100%)!important;color:#fff!important;font-weight:700;position:relative;transition:var(--transition);border-right:1px solid rgba(0,0,0,.15)!important;border-bottom:1px solid rgba(0,0,0,.15)!important;text-shadow:var(--text-shadow)!important}.hint-up:after{content:" ⬆️";font-size:1.2em;margin-left:8px;animation:bounce 1s infinite}.hint-down:after{content:" ⬇️";font-size:1.2em;margin-left:8px;animation:bounce 1s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.seed{font-family:Fira Code,Courier New,monospace;font-size:1.1rem;color:var(--primary-color);font-weight:600;background:var(--tan-background-transparent);padding:.5rem 1rem;border-radius:var(--border-radius);display:inline-block;border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}.countdown{margin-top:1rem;font-size:1.1rem;font-weight:600;color:var(--primary-color);text-align:center;padding:.5rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}.timer-display{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;padding:.5rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);display:inline-block;border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}.time{font-family:Fira Code,Courier New,monospace;font-weight:600;color:var(--primary-color);text-shadow:var(--text-shadow)}.seed-generator{margin-top:0;text-align:center}.generated-seed{margin-top:2rem;text-align:center;padding:1rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow)}.daily-title{font-size:1.4rem;font-weight:600;color:var(--primary-color);text-align:center;margin-bottom:1rem;padding:.5rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);animation:fadeIn .3s ease-in;border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}.daily-player-count{font-size:1.1rem;font-weight:600;color:var(--primary-color);text-align:center;margin:1rem 0;padding:.5rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);animation:fadeIn .3s ease-in;border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}.emoji-grid{font-family:monospace;white-space:pre-wrap;margin:1.5rem 0;padding:1rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);text-align:center;border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow)}.points-display{margin:1rem 0;text-align:center}.round-points{font-size:1.2rem;font-weight:600;color:var(--success-color);margin-bottom:.5rem;padding:.5rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow);animation:fadeIn .3s ease-in}.total-points{font-size:1.3rem;font-weight:700;color:var(--primary-color);padding:.5rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow);animation:fadeIn .3s ease-in}.auth-indicator{position:absolute;top:1rem;right:1rem;z-index:100}.auth-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;box-shadow:var(--box-shadow);border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-status.authenticated{background:linear-gradient(135deg,#10b981e6,#059669f2);color:#fff;text-shadow:var(--text-shadow)}.auth-status.unauthenticated{background:linear-gradient(135deg,#f59e0be6,#d97706f2);color:#fff;text-shadow:var(--text-shadow)}.auth-icon{font-size:1rem}.auth-text{font-size:.8rem;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}#game-over{text-align:center}#game-over h2{color:var(--error-color);font-size:2rem;margin-bottom:1.5rem;text-shadow:var(--text-shadow-strong)}.character-name{font-weight:700;color:var(--primary-color);text-decoration:none;transition:var(--transition);text-shadow:var(--text-shadow)}.character-name:hover{color:#dc2626;text-decoration:underline;transform:scale(1.05)}.legal-content{background:var(--tan-background-transparent);padding:2rem;border-radius:var(--border-radius);margin-top:2rem;border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow)}.legal-content h2{color:var(--primary-color);margin-bottom:1.5rem;text-align:center;text-shadow:var(--text-shadow)}.legal-text{line-height:1.6;color:var(--text-color)}.back-button-container{margin-top:2rem;text-align:center}.legal-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.ap-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.ap-dialog.hidden{display:none}.ap-dialog-content{background:var(--tan-background-transparent);padding:2rem;border-radius:var(--border-radius);width:100%;max-width:400px;border:2px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003}.ap-dialog h3{margin-top:0;margin-bottom:1.5rem;color:var(--secondary-color);text-shadow:var(--text-shadow)}.ap-buttons{display:flex;gap:1rem;margin-top:1.5rem}.ap-status{margin:1rem 0;padding:.75rem;border-radius:var(--border-radius);display:none;border:2px solid transparent;box-shadow:var(--box-shadow)}.ap-status.visible{display:block}.ap-status.info{background:var(--tan-background-transparent);color:var(--secondary-color);border-color:var(--info-color)}.ap-status.success{background:var(--success-color);color:#fff;border-color:#059669}.ap-status.error{background:var(--error-color);color:#fff;border-color:#dc2626}.ap-status.warning{background:var(--warning-color);color:#fff;border-color:#d97706}.ap-status .status-message{margin:0;font-size:.875rem;line-height:1.25rem;text-shadow:var(--text-shadow-light)}.ap-hints-container{margin-top:1rem;padding:1rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow)}.ap-hint{background:var(--indigo-color);color:#fff;padding:.5rem 1rem;border-radius:calc(var(--border-radius) * .5);margin:.5rem 0;animation:fadeIn .3s ease-in;border:2px solid rgba(255,255,255,.2);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}.ap-hint.progression{background:var(--success-color);border-color:#059669}.button-group{display:flex;gap:1rem;justify-content:center;align-items:center;margin:0}.other-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.other-dialog.hidden{display:none}.other-dialog-content{background:var(--tan-background-transparent);padding:2rem;border-radius:var(--border-radius);width:100%;max-width:400px;border:2px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003}.other-dialog h3{margin-top:0;margin-bottom:1.5rem;color:var(--secondary-color);text-align:center;text-shadow:var(--text-shadow)}.other-buttons{display:flex;flex-direction:column;gap:1rem}.other-buttons .btn{width:100%;height:var(--button-height)}.faq-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.faq-dialog.hidden{display:none}.faq-dialog-content{background:var(--tan-background-transparent);padding:2rem;border-radius:var(--border-radius);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border:2px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003}.faq-dialog h3{margin-top:0;margin-bottom:1.5rem;color:var(--secondary-color);text-align:center;text-shadow:var(--text-shadow)}.faq-dialog h4{margin-top:1.5rem;margin-bottom:1rem;color:var(--secondary-color);text-shadow:var(--text-shadow)}.faq-text{margin-bottom:2rem}.faq-text p{margin-bottom:1rem;line-height:1.5}.faq-text .warning{color:var(--error-color);font-weight:700;font-size:1.1rem;padding:1rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);margin:1rem 0;border:2px solid var(--error-color);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.streak-mode-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.streak-mode-dialog.hidden{display:none}.streak-mode-content{background:var(--tan-background-transparent);padding:2rem;border-radius:var(--border-radius);width:100%;max-width:400px;border:2px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003}.streak-mode-content h3{margin-top:0;margin-bottom:1.5rem;color:var(--secondary-color);text-align:center;text-shadow:var(--text-shadow)}.streak-mode-buttons{display:flex;flex-direction:column;gap:1rem}.streak-mode-buttons .btn{width:100%;height:var(--button-height)}.leaderboard-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.leaderboard-dialog.hidden{display:none}.leaderboard-content{background:var(--tan-background-transparent);padding:2rem;border-radius:var(--border-radius);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border:2px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003}.leaderboard-content h3{margin-top:0;margin-bottom:1.5rem;color:var(--secondary-color);text-align:center;text-shadow:var(--text-shadow)}.mode-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.mode-select{flex:1;max-width:200px}.mode-select.active{transform:scale(1.05);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.leaderboard-table{margin-bottom:1.5rem;overflow-x:auto;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow)}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.2);text-shadow:var(--text-shadow-light)}.leaderboard-table th{background:linear-gradient(180deg,#e0bb89,#d0a874);font-weight:600;text-shadow:var(--text-shadow);color:#000}.leaderboard-table tr{background-color:transparent;transition:var(--transition)}.leaderboard-table tr:hover{background-color:#ffffff1a;transform:translate(0)}.pagination{display:flex;gap:1rem;justify-content:center;align-items:center;margin-bottom:1.5rem}.page-info{font-weight:600;color:var(--secondary-color);text-shadow:var(--text-shadow)}.name-prompt-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1002}.name-prompt-content{background:var(--tan-background-transparent);padding:2rem;border-radius:var(--border-radius);width:100%;max-width:400px;text-align:center;border:2px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003}.name-prompt-content h3{margin-top:0;margin-bottom:1rem;color:var(--secondary-color);text-shadow:var(--text-shadow)}.name-prompt-content p{text-shadow:var(--text-shadow-light)}.name-prompt-content input{width:100%;margin-bottom:1rem;padding:.75rem;border:2px solid rgba(255,255,255,.4);border-radius:var(--border-radius);font-size:1rem;background:#fff}.name-prompt-content .button-group{display:flex;gap:1rem;justify-content:center}.share-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.streak-count{font-size:1.2rem;font-weight:600;color:var(--primary-color);text-align:center;margin-bottom:1rem;padding:.5rem;background:var(--tan-background-transparent);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}label{text-shadow:var(--text-shadow-light)}.music-controls{position:fixed;bottom:20px;right:20px;background:var(--tan-background);padding:1rem;border-radius:12px;border:2px solid rgba(255,255,255,.4);box-shadow:var(--box-shadow-hover);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);min-width:200px}.music-controls.minimized{padding:0;min-width:auto;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none}.button-row{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.volume-control{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.volume-label{font-size:1rem;text-shadow:var(--text-shadow-light);min-width:20px}.volume-slider{flex:1;height:6px;border-radius:3px;background:#ffffff4d;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:var(--box-shadow);transition:var(--transition)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--box-shadow-hover)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;box-shadow:var(--box-shadow);transition:var(--transition)}.volume-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--box-shadow-hover)}.track-info{font-size:.8rem;color:var(--secondary-color);text-align:center;font-style:italic;text-shadow:var(--text-shadow-light);padding:.5rem;background:#fff3;border-radius:6px;border:1px solid rgba(255,255,255,.3);min-height:1.2rem;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:1rem}.input-group{flex-direction:column}.btn{width:100%}th,td{padding:12px 8px;font-size:.8rem}th{font-size:.85rem}.results{border-radius:8px}h1 img{max-width:300px;max-height:90px}.music-controls{bottom:10px;right:10px;min-width:180px}.music-controls.minimized{width:45px;height:45px}.btn-music-small{height:28px;min-width:28px;font-size:.7rem}.btn-music-minimize{width:35px;height:35px;font-size:.8rem}.auth-indicator{position:relative;top:auto;right:auto;margin-bottom:1rem}.auth-text{font-size:.75rem}.track-announcement{font-size:1rem;padding:.75rem 1.5rem;top:15%;font-size:clamp(.9rem,4vw,1.2rem);padding:clamp(.5rem,2vw,1rem) clamp(1rem,4vw,2rem);max-width:90vw;word-wrap:break-word;white-space:normal;text-align:center}.volume-control-row{flex-direction:column;gap:.5rem;text-align:center}.volume-label,.volume-value{min-width:auto}:root{--table-border-radius: 8px;--cell-padding: 12px}}