@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Special+Elite&family=Share+Tech+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--amber:#ff8c00;--amber-dark:#e67e00;--amber-light:#fa3;--brown:#1a1a2e;--brown-mid:#2a2a4e;--cream:#f0e6c8;--cream-dark:#ffedc3;--tape:#0f0f1a;--red-accent:#ff6b6b;--red-accent-dark:#cc4949;--red-accent-light:#f09595;--purple-accent:#9e69ff;--blue-accent:#7ca5ff;--green-accent:#4caf50}*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;background:var(--brown);color:#f0e6c8;color:var(--cream);font-family:Share Tech Mono,monospace;overflow:auto}.grain{animation:grain-shift .5s steps(2) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:200px 200px;inset:0;opacity:.06;pointer-events:none;position:fixed;z-index:100}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,2px)}to{transform:translate(2px,-2px)}}.vignette{background:radial-gradient(ellipse at center,#0000 40%,#000000b3 100%);inset:0;pointer-events:none;position:fixed;z-index:99}.landing-root{align-items:center;background:radial-gradient(ellipse at 30% 20%,#ff8c0014 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#9e69ff0f 0,#0000 60%),#1a1a2e;background:radial-gradient(ellipse at 30% 20%,#ff8c0014 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#9e69ff0f 0,#0000 60%),var(--brown);display:flex;justify-content:center;min-height:100vh;position:relative;width:100vw}.landing-root:before{background:linear-gradient(135deg,#ff8c0080,#9e69ff4d 50%,#7ca5ff80);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.grain,.vignette{z-index:2}.player-inner{position:relative;z-index:3}.landing-inner{align-items:center;display:flex;flex-direction:column;gap:2.5rem;max-width:680px;padding:2rem;width:100%;z-index:10}.logo-block{text-align:center}.logo-eyebrow{animation:flicker 4s infinite;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.4em;margin-bottom:.5rem;opacity:.7}.logo,.logo-eyebrow{color:#ff8c00;color:var(--amber)}.logo{animation:flicker 6s infinite;font-family:Bebas Neue,cursive;font-size:clamp(5rem,15vw,9rem);letter-spacing:.08em;line-height:.9;text-shadow:0 0 40px #ff8c0066,0 2px 0 #e67e00,0 4px 0 #0000004d;text-shadow:0 0 40px #ff8c0066,0 2px 0 var(--amber-dark),0 4px 0 #0000004d}.logo-sub{color:#ffedc3;color:var(--cream-dark);font-family:Special Elite,cursive;font-size:.85rem;letter-spacing:.2em;margin-top:.5rem;opacity:.6}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.85}97%{opacity:1}98%{opacity:.9}}.tape-deck{background:#2a2a4e;background:var(--brown-mid);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:12px;box-shadow:0 0 0 1px #ff8c001a,inset 0 1px 0 #ff8c001a,0 8px 32px #00000080;gap:1rem;padding:1.5rem;width:100%}.reel,.tape-deck{align-items:center;display:flex}.reel{background:repeating-conic-gradient(#0f0f1a 0deg 30deg,#2a2a4e 30deg 60deg);background:repeating-conic-gradient(var(--tape) 0deg 30deg,var(--brown-mid) 30deg 60deg);border:3px solid #e67e00;border:3px solid var(--amber-dark);border-radius:50%;box-shadow:0 2px 8px #0006;flex-shrink:0;height:72px;justify-content:center;width:72px}.reel-hub{background:#e67e00;background:var(--amber-dark);border:2px solid #ff8c00;border:2px solid var(--amber);border-radius:50%;box-shadow:0 0 6px #ff8c004d;height:20px;width:20px}.reel-spin{animation:spin 2s linear infinite}.reel-spin-reverse{animation:spin-reverse 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.tape-label{background:#f0e6c8;background:var(--cream);border-radius:8px;box-shadow:inset 0 1px 3px #0003;color:#1a1a2e;color:var(--brown);flex:1 1;min-height:120px;overflow:visible;padding:1.2rem;position:relative}.tape-label:before{background:repeating-linear-gradient(0deg,#0000,#0000 23px,#0000000a 0,#0000000a 24px);content:"";inset:0;pointer-events:none;position:absolute}.tape-label-inner{gap:.8rem;z-index:2}.field-group,.tape-label-inner{display:flex;flex-direction:column;position:relative}.field-group{gap:.3rem}.field-label{color:#e67e00;color:var(--amber-dark);font-family:Share Tech Mono,monospace;font-size:.85rem;font-weight:bolder;letter-spacing:.2em;opacity:.7}.retro-input{background:#0000;border:none;border-bottom:1.5px solid #e67e00;border-bottom:1.5px solid var(--amber-dark);color:#1a1a2e;color:var(--brown);font-family:Special Elite,cursive;font-size:1rem;outline:none;padding:.3rem 0;transition:border-color .2s;width:100%}.retro-input::placeholder{color:#2a2a4e;color:var(--brown-mid);opacity:.4}.retro-input:focus{border-bottom-color:#ff6b6b;border-bottom-color:var(--red-accent)}.retro-input{transition:border-color .1s,box-shadow .1s}.retro-input.input-error{animation:error-flash .6s ease-in-out;border-color:#ff6b6b;border-color:var(--red-accent);box-shadow:0 0 12px #ff6b6b80,inset 0 0 8px #ff6b6b33}@keyframes error-flash{0%{border-color:#ff6b6b;border-color:var(--red-accent);box-shadow:0 0 12px #ff6b6b80,inset 0 0 8px #ff6b6b33;color:#f0e6c8;color:var(--cream)}50%{border-color:#ff6b6b;border-color:var(--red-accent);box-shadow:0 0 20px #ff6b6bcc,inset 0 0 12px #ff6b6b66;color:#ff6b6b;color:var(--red-accent)}to{border-color:#ff6b6b4d;box-shadow:none;color:#f0e6c8;color:var(--cream)}}.play-btn{background:#ff8c00;background:var(--amber);border:none;border-radius:4px;box-shadow:0 2px 0 #e67e00;box-shadow:0 2px 0 var(--amber-dark);color:#1a1a2e;color:var(--brown);cursor:pointer;font-family:Bebas Neue,cursive;font-size:1rem;letter-spacing:.15em;margin-top:.3rem;padding:.6rem 1.2rem;transition:background .15s,transform .1s}.play-btn:hover{background:#fa3;background:var(--amber-light);transform:translateY(-1px)}.play-btn:active{box-shadow:none;transform:translateY(1px)}.error-msg{color:#ff6b6b;color:var(--red-accent);font-size:.75rem}.error-msg,.footer-note{font-family:Share Tech Mono,monospace}.footer-note{color:#ff8c00;color:var(--amber);font-size:.65rem;letter-spacing:.25em;opacity:.35;text-align:center}.search-row{gap:.5rem}.search-btn,.search-row{align-items:center;display:flex}.search-btn{background:#0000;border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:4px;color:#1a1a2e;color:var(--brown);cursor:pointer;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .15s;width:32px}.search-btn:hover:not(:disabled){background:#ff8c0026;border-color:#1a1a2e;border-color:var(--brown)}.search-btn:disabled{cursor:not-allowed;opacity:.4}.search-dropdown{background:#f0e6c8;background:var(--cream);border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #0000004d;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.search-result-item{border-bottom:1px solid #ff8c0033;color:#1a1a2e;color:var(--brown);cursor:pointer;font-family:Special Elite,cursive;font-size:.9rem;padding:.6rem 1rem;transition:background .1s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#ff8c0026}.mode-divider{align-items:center;display:flex;gap:1rem;width:100%}.divider-line{background:#e67e00;background:var(--amber-dark);flex:1 1;height:1px;opacity:.3}.divider-text{color:#ff8c00;color:var(--amber);font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.3em;opacity:.4}.stations-mode-btn{background:#0000;border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:6px;color:#ff8c00;color:var(--amber);cursor:pointer;font-family:Bebas Neue,cursive;font-size:1rem;letter-spacing:.2em;padding:.8rem 2rem;transition:all .15s;width:100%}.stations-mode-btn:hover{background:#ff8c0014;border-color:#ff8c00;border-color:var(--amber);box-shadow:0 0 16px #ff8c0026}.loading-inner{flex-direction:column;gap:1.5rem;z-index:10}.loading-inner,.loading-reels{align-items:center;display:flex}.loading-reels{gap:1rem}.tape-bridge{background:linear-gradient(90deg,#e67e00,#0f0f1a,#e67e00);background:linear-gradient(90deg,var(--amber-dark),var(--tape),var(--amber-dark));border-radius:2px;height:3px;width:60px}.loading-text{font-family:Bebas Neue,cursive;letter-spacing:.3em}.loading-dots,.loading-text{color:#ff8c00;color:var(--amber);font-size:1.5rem}.loading-dots{display:flex;gap:.5rem}.loading-dots span{animation:dot-pulse 1.2s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.2}40%{opacity:1}}.stations-block{display:flex;flex-direction:column;gap:1rem;width:100%}.stations-header{align-items:center;display:flex;justify-content:space-between}.shuffle-btn{background:#0000;border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:3px;color:#ff8c00;color:var(--amber);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.2em;padding:.4rem .8rem;transition:all .15s}.shuffle-btn:hover:not(:disabled){background:#ff8c001a;border-color:#ff8c00;border-color:var(--amber)}.shuffle-btn:disabled{cursor:not-allowed;opacity:.4}.stations-loading{color:#ff8c00;color:var(--amber);font-family:Share Tech Mono,monospace;font-size:.8rem;letter-spacing:.3em;opacity:.5;padding:2rem 0;text-align:center}.stations-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.station-card{background:#2a2a4e;background:var(--brown-mid);border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;overflow:hidden;padding:.8rem;text-align:left;transition:all .15s}.station-card:hover{background:#ff8c0014;border-color:#ff8c00;border-color:var(--amber);box-shadow:0 0 12px #ff8c0026;transform:translateY(-1px)}.station-img{aspect-ratio:1;border-radius:4px;margin-bottom:.4rem;object-fit:cover;width:100%}.station-title{color:#fa3;color:var(--amber-light);font-family:Special Elite,cursive;font-size:.9rem;line-height:1.3}.player-inner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2ebf;border:1px solid #ff8c0033;border-radius:16px;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ff8c001a;display:flex;flex-direction:column;gap:1.5rem;max-width:680px;padding:2rem;width:100%;z-index:10}.back-btn{background:#0000;border:1px solid #e67e00;border:1px solid var(--amber-dark);border-radius:3px;color:#ff8c00;color:var(--amber);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.2em;opacity:.6;padding:.4rem .8rem;transition:all .15s}.back-btn:hover{background:#ff8c001a;opacity:1}.player-artist{animation:flicker 8s infinite;color:#ff8c00;color:var(--amber);font-family:Bebas Neue,cursive;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.15em;text-align:center;text-shadow:0 0 30px #ff8c004d}.player-cassette{background:#2a2a4e;background:var(--brown-mid);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:12px;box-shadow:0 0 0 1px #ff8c001a,inset 0 1px 0 #ff8c001a,0 8px 32px #00000080;gap:1rem;padding:1.5rem;width:100%}.player-cassette,.player-label{align-items:center;display:flex}.player-label{background:#f0e6c8;background:var(--cream);border-radius:8px;box-shadow:inset 0 1px 3px #0003;color:#1a1a2e;color:var(--brown);flex:1 1;flex-direction:column;gap:.4rem;justify-content:center;min-height:90px;padding:1rem 1.2rem;text-align:center}.track-number{color:#2a2a4e;color:var(--brown-mid);font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.3em;opacity:.5}.track-title{font-size:1.1rem;line-height:1.3}.track-artist,.track-title{color:#1a1a2e;color:var(--brown);font-family:Special Elite,cursive}.track-artist{font-size:.9rem;opacity:.7}.track-artist-image{border-radius:4px;box-shadow:0 2px 8px #0000004d;height:150px;object-fit:scale-down;width:150px}.track-duration{color:#2a2a4e;color:var(--brown-mid);font-family:Share Tech Mono,monospace;font-size:.7rem;opacity:.5}.progress-track{background:#2a2a4e;background:var(--brown-mid);border:1px solid #e67e00;border:1px solid var(--amber-dark);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{border-radius:3px;transition:width .15s linear}.controls{gap:1.5rem}.controls,.ctrl-btn{align-items:center;display:flex}.ctrl-btn{background:#0000;border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:50%;color:#ff8c00;color:var(--amber);cursor:pointer;font-size:1.2rem;height:48px;justify-content:center;opacity:.7;transition:all .15s;width:48px}.ctrl-btn:hover:not(:disabled){background:#ff8c001a;border-color:#ff8c00;border-color:var(--amber);box-shadow:0 0 12px #ff8c0033;opacity:1}.ctrl-btn:disabled{cursor:not-allowed;opacity:.2}.ctrl-play{border-color:#ff8c00;border-color:var(--amber);border-width:2px;box-shadow:0 0 16px #ff8c0033;font-size:1.5rem;height:64px;opacity:1;width:64px}.ctrl-play:hover{box-shadow:0 0 24px #ff8c0066!important}.quiz-header{align-items:center;display:flex;justify-content:space-between;width:100%}.score-display{align-items:flex-end;display:flex;flex-direction:column;gap:.1rem}.score-label{font-family:Share Tech Mono,monospace;font-size:.6rem;letter-spacing:.3em;opacity:.5}.score-label,.score-value{color:#ff8c00;color:var(--amber)}.score-value{font-family:Bebas Neue,cursive;font-size:1.4rem;letter-spacing:.1em;text-shadow:0 0 12px #ff8c004d}.title-hidden{color:#2a2a4e;color:var(--brown-mid);letter-spacing:.3em;opacity:.4}.title-correct{color:#4caf50;text-shadow:0 0 12px #4caf5066}.title-skipped{color:#ff6b6b;color:var(--red-accent);opacity:.8}.quiz-input-area{align-items:center;display:flex;flex-direction:column;gap:.8rem;width:100%}.quiz-retro-input{border-bottom-color:#ff8c00;border-bottom-color:var(--amber);color:#f0e6c8;color:var(--cream)}.quiz-retro-input::placeholder{color:#ffedc3;color:var(--cream-dark);opacity:.5}.quiz-input-area .field-label{color:#ff8c00;color:var(--amber);opacity:.7}.quiz-input-area .search-btn{border-color:#e67e00;border-color:var(--amber-dark);color:#ff8c00;color:var(--amber)}.skip-btn{background:#0000;border:none;color:#e67e00;color:var(--amber-dark);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.2em;opacity:.5;padding:.2rem 0;transition:opacity .15s}.skip-btn:hover{opacity:1}.reveal-msg{font-family:Bebas Neue,cursive;font-size:1.5rem;letter-spacing:.15em;text-align:center}.reveal-correct{color:#4caf50;text-shadow:0 0 16px #4caf5066}.reveal-skipped{color:#ff6b6b;color:var(--red-accent)}.reveal-next{font-size:.9rem;margin-left:.5rem;opacity:.5}.finished-block{align-items:center;display:flex;flex-direction:column;gap:.8rem;text-align:center}.finished-title{color:#ff8c00;color:var(--amber);font-family:Bebas Neue,cursive;font-size:2.5rem;letter-spacing:.2em;text-shadow:0 0 20px #ff8c0066}.finished-score{color:#ffedc3;color:var(--cream-dark);font-family:Special Elite,cursive;font-size:1.1rem;opacity:.8}.mode-selector{margin-bottom:2rem;text-align:center}.mode-label{color:#ff8c00;color:var(--amber);display:block;font-family:Share Tech Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.2em;margin-bottom:.8rem}.mode-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.mode-btn{background:#ff8c000d;border:2px solid #e67e00;border:2px solid var(--amber-dark);color:#ff8c00;color:var(--amber);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.1em;padding:.6rem 1.2rem;transition:all .2s}.mode-btn:hover{background:#ff8c0026;border-color:#ff8c00;border-color:var(--amber)}.mode-active{background:#ff8c00!important;background:var(--amber)!important;border-color:#ff8c00!important;border-color:var(--amber)!important;color:#1a1a2e!important;color:var(--brown)!important}.song-count-selector{margin:1rem 0;text-align:center}.count-btn{align-items:center;background:#ff8c000d;border:2px solid #e67e00;border:2px solid var(--amber-dark);color:#ff8c00;color:var(--amber);cursor:pointer;display:flex;font-family:Share Tech Mono,monospace;font-size:1.2rem;height:2.5rem;justify-content:center;transition:all .15s;width:2.5rem}.count-btn:hover{background:#ff8c0026;border-color:#ff8c00;border-color:var(--amber)}.timeout-countdown{color:#ff6b6b;color:var(--red-accent);font-size:.8rem;font-weight:700;margin-left:.5rem}.count-input::-webkit-inner-spin-button,.count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.count-input[type=number]{-moz-appearance:textfield}.count-input-group{align-items:center;display:flex;gap:1rem;justify-content:center;position:relative}.count-input{background:#ff8c000d;border:2px solid #e67e00;border:2px solid var(--amber-dark);color:#ff8c00;color:var(--amber);font-family:Share Tech Mono,monospace;font-size:1rem;padding:.5rem;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:3rem}.count-input:focus{background:#ff8c0026;border-color:#ff8c00;border-color:var(--amber);outline:none}.mode-description{color:#ffedc3;color:var(--cream-dark);font-family:Special Elite,cursive;font-size:.9rem;line-height:1.4;margin-top:.8rem;max-width:300px;opacity:.8;text-align:center}.game-view{background:#1a1a2e;background:var(--brown);color:#f0e6c8;color:var(--cream);display:flex;flex-direction:column;font-family:Share Tech Mono,monospace;min-height:100vh;padding:2rem;position:relative}.game-view:before{background-image:repeating-linear-gradient(0deg,#00000026 1px,#0000 0);background-size:100% 2px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.game-top-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:2}.instructions-btn{align-items:center;background:#0000;border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:50%;color:#ff8c00;color:var(--amber);cursor:pointer;display:flex;font-family:Bebas Neue,cursive;font-size:1.2rem;height:40px;justify-content:center;opacity:.7;transition:all .15s;width:40px}.instructions-btn:hover{background:#ff8c001a;border-color:#ff8c00;border-color:var(--amber);box-shadow:0 0 12px #ff8c0033;opacity:1}.instructions-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.instructions-modal{background:#2a2a4e;background:var(--brown-mid);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:12px;box-shadow:0 8px 32px #0009;max-width:500px;padding:2rem;position:relative;width:90%}.modal-close{align-items:center;background:#0000;border:1.5px solid #e67e00;border:1.5px solid var(--amber-dark);border-radius:50%;color:#ff8c00;color:var(--amber);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .15s;width:32px}.modal-close:hover{background:#ff8c001a;border-color:#ff8c00;border-color:var(--amber)}.instructions-content{color:#f0e6c8;color:var(--cream);font-family:Special Elite,cursive;font-size:1rem;line-height:1.6}.instructions-content p{margin:.5rem 0}.game-header{margin-bottom:2rem;position:relative;text-align:center;z-index:2}.game-header h1{color:#ff8c00;color:var(--amber);font-size:2.5rem;letter-spacing:2px;margin:0 0 1rem;text-shadow:0 0 30px #ff8c0066}.game-date,.game-header h1{font-family:Bebas Neue,cursive}.game-date{color:#fa3;color:var(--amber-light);font-size:1rem;letter-spacing:.15em;margin-bottom:1rem}.game-score{color:#ff8c00;color:var(--amber);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.game-progress{color:#ffedc3;color:var(--cream-dark);font-size:.9rem;opacity:.8}.game-player{align-items:center;background:#2a2a4e;background:var(--brown-mid);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:8px;box-shadow:0 0 0 1px #ff8c001a,inset 0 1px 0 #ff8c001a,0 8px 32px #00000080;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;position:relative;z-index:2}.play-button{background:#ff8c00;background:var(--amber);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:4px;box-shadow:0 2px 0 #e67e00;box-shadow:0 2px 0 var(--amber-dark);color:#1a1a2e;color:var(--brown);cursor:pointer;font-family:Bebas Neue,cursive;font-size:1rem;font-weight:700;padding:.8rem 1.2rem;transition:all .2s}.play-button:hover{background:#fa3;background:var(--amber-light);transform:translateY(-1px)}.play-button:active{box-shadow:none;transform:translateY(1px)}.progress-bar{background:#0000004d;border:1px solid #e67e00;border:1px solid var(--amber-dark);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#e67e00,#ff8c00);background:linear-gradient(90deg,var(--amber-dark),var(--amber));box-shadow:0 0 8px #ff8c0080;height:100%;transition:width .1s linear;width:0}.game-chart-list{background:#2a2a4e;background:var(--brown-mid);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:8px;box-shadow:0 0 0 1px #ff8c001a,inset 0 1px 0 #ff8c001a,0 8px 32px #00000080;margin-bottom:2rem;max-height:400px;overflow:hidden;overflow-y:auto;position:relative;z-index:2}.chart-entry{align-items:center;border-bottom:1px solid #ff8c001a;color:#f0e6c899;cursor:pointer;display:flex;gap:1rem;opacity:.6;padding:1rem 1.5rem;transition:all .2s}.chart-entry:last-child{border-bottom:none}.chart-entry.active{background:#ff8c0014;border-left:4px solid #ff8c00;border-left:4px solid var(--amber);color:#f0e6c8;color:var(--cream);opacity:1;padding-left:calc(1.5rem - 4px)}.chart-entry:hover:not(.active){opacity:.8}.chart-rank{color:#e67e00;color:var(--amber-dark);font-size:1.1rem;font-weight:700;min-width:3rem}.chart-entry.active .chart-rank{color:#ff8c00;color:var(--amber)}.chart-artwork-thumb{align-content:center;border:1px dashed #e67e00;border:1px dashed var(--amber-dark);border-radius:4px;box-shadow:0 2px 8px #0000004d;height:80px;object-fit:cover;text-align:center;width:80px}.chart-info{flex:1 1;min-width:0}.chart-detail-title{font-size:.7rem;letter-spacing:.1em;opacity:.6;text-align:center}.chart-detail-figure{font-size:.9rem;font-weight:700;text-align:center}.diff-positive{color:#4caf50;color:var(--green-accent)}.diff-negative{color:#ff6b6b;color:var(--red-accent)}.chart-title{color:#f0e6c8;color:var(--cream);font-weight:700;margin-bottom:.2rem}.chart-artist{color:#ffedc3;color:var(--cream-dark);font-size:.85rem;opacity:.8}.chart-entry.active .chart-artist{opacity:1}.game-input-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem 0;position:relative;z-index:2}.game-input-section{background:#2a2a4e;background:var(--brown-mid);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:8px;box-shadow:0 0 0 1px #ff8c001a,inset 0 1px 0 #ff8c001a,0 8px 32px #00000080;display:flex;flex-direction:column;gap:1rem;min-width:280px;padding:1.5rem;position:relative;width:35%}.game-input-section input{background:#0000004d;border:none;border-bottom:1.5px solid #e67e00;border-bottom:1.5px solid var(--amber-dark);border-radius:0;color:#f0e6c8;color:var(--cream);font-family:Share Tech Mono,monospace;font-size:1rem;padding:.6rem;transition:border-color .2s}.game-input-section input::placeholder{color:#f0e6c880}.game-input-section input:focus{border-bottom-color:#ff8c00;border-bottom-color:var(--amber);box-shadow:inset 0 -2px 0 #ff8c004d;outline:none}.submit-button{background:#ff8c00;background:var(--amber);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:4px;box-shadow:0 2px 0 #e67e00;box-shadow:0 2px 0 var(--amber-dark);color:#1a1a2e;color:var(--brown);cursor:pointer;font-family:Bebas Neue,cursive;font-size:.9rem;font-weight:700;letter-spacing:.1em;padding:.8rem 1.2rem;transition:all .2s}.submit-button:hover:not(:disabled){background:#fa3;background:var(--amber-light);transform:translateY(-1px)}.submit-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.skip-button{background:#ff6b6b;background:var(--red-accent);border:2px solid #cc4949;border:2px solid var(--red-accent-dark);border-radius:4px;box-shadow:0 2px 0 #cc4949;box-shadow:0 2px 0 var(--red-accent-dark);color:#1a1a2e;color:var(--brown);cursor:pointer;font-family:Bebas Neue,cursive;font-size:.9rem;font-weight:700;letter-spacing:.1em;padding:.8rem 1.2rem;transition:all .2s}.skip-button:hover:not(:disabled){background:#f09595;background:var(--red-accent-light);transform:translateY(-1px)}.skip-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.skip-button:disabled{cursor:not-allowed;opacity:.5}.game-result{background:#2a2a4e;background:var(--brown-mid);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:8px;box-shadow:0 0 0 1px #ff8c001a,inset 0 1px 0 #ff8c001a,0 8px 32px #00000080;min-width:280px;padding:1.5rem;position:relative;width:35%}.game-result p{font-family:Special Elite,cursive;font-size:1rem;margin:.8rem 0}.game-result .correct{color:#4caf50;font-weight:700;text-shadow:0 0 8px #4caf504d}.game-result .incorrect{color:#ff8a80}.game-button-section{display:flex;justify-content:center;margin-top:1rem;position:relative;z-index:2}.game-button-section button{background:#ff8c00;background:var(--amber);border:2px solid #e67e00;border:2px solid var(--amber-dark);border-radius:4px;box-shadow:0 2px 0 #e67e00;box-shadow:0 2px 0 var(--amber-dark);color:#1a1a2e;color:var(--brown);cursor:pointer;font-family:Bebas Neue,cursive;font-size:1rem;font-weight:700;letter-spacing:.15em;padding:1rem 2rem;transition:all .2s}.game-button-section button:hover:not(:disabled){background:#fa3;background:var(--amber-light);box-shadow:0 4px 0 #e67e00;box-shadow:0 4px 0 var(--amber-dark);transform:translateY(-2px)}.game-button-section button:active:not(:disabled){box-shadow:0 2px 0 #e67e00;box-shadow:0 2px 0 var(--amber-dark);transform:translateY(0)}.game-button-section button:disabled{cursor:not-allowed;opacity:.5}.game-over{background:#2a2a4e;background:var(--brown-mid);border:2px solid #ff8c00;border:2px solid var(--amber);border-radius:8px;box-shadow:0 0 0 1px #ff8c001a,inset 0 1px 0 #ff8c001a,0 8px 32px #00000080;padding:2rem;position:relative;text-align:center;z-index:2}.game-over h2{color:#ff8c00;color:var(--amber);font-size:2.5rem;letter-spacing:.2em;margin:0 0 1rem;text-shadow:0 0 20px #ff8c0066}.game-over h2,.game-over p{font-family:Bebas Neue,cursive}.game-over p{color:#fa3;color:var(--amber-light);font-size:1.3rem;font-weight:700}.deezer-footer{align-content:center;align-items:center;display:flex;justify-content:center;justify-items:center;padding:3rem 0;position:relative;z-index:2}.deezer-logo{height:40px;margin-left:10px}
/*# sourceMappingURL=main.0c595789.css.map*/