:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:#000000de;background-color:#ffd300;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout{width:100vw;height:100vh;background-image:url(/games/namethatsong/assets/wallpaper-bdykgAsA.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:space-between;overflow:hidden}.right{flex:1}.shortcuts{flex:1;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.shortcut-button{width:3.5rem;height:3.5rem;border:0;border-radius:50%;background-color:var(--background-2b);color:var(--primary);margin:0;padding:.25rem;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 2px #222}.shortcut-button:hover{background-color:var(--background-2)}.shortcut-button:active{background-color:var(--accent-5b)}:root{--primary: #ffff7f;--accent-1: #7cffc0;--accent-1b: #3c7f80;--accent-2: #007fff;--accent-2b: #003faf;--accent-3: #ff3fbf;--accent-3b: #cf2f8f;--accent-4: #bf1f00;--accent-4b: #7f0000;--accent-5: #bfbf00;--accent-5b: #7f7f00;--background-1: #2500a8;--background-1b: #25004d;--background-2: #00a859;--background-2b: #004d25;--neutral-1: #5f5f5f;--neutral-1b: #2f2f2f;--font-main: "Poppins", "Segoe UI", "Roboto", sans-serif}button:focus{outline-style:none}.text-style-title{font-family:var(--font-main);font-size:2rem;font-weight:500;font-variant:small-caps;color:var(--primary);letter-spacing:.05em;text-shadow:0 4px 12px rgba(0,0,0,.6)}.text-style-accent{font-family:var(--font-main);font-size:2rem;font-weight:700;font-variant:normal;text-transform:uppercase;color:var(--accent-1);letter-spacing:.05em;text-shadow:0 4px 12px rgba(0,0,0,.6)}.text-style-button{font-family:var(--font-main);font-size:1.5rem;font-weight:700;font-variant:normal;text-transform:uppercase;color:var(--primary);letter-spacing:.01em}.text-style-body{font-family:var(--font-main);font-size:1.25rem;font-weight:500;font-variant:normal;color:#e8ffe8;letter-spacing:.05em}.button{display:flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent-2b),var(--accent-2));border:none;margin:1rem;padding:1rem;border-radius:10px;min-height:4rem;min-width:6rem;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:5px 5px 5px #222}.button:hover{background:linear-gradient(135deg,var(--accent-3b),var(--accent-3));transform:scale(1.05)}.button:active{background:linear-gradient(135deg,var(--accent-5b),var(--accent-5));transform:scale(1.05)}.button-disabled{display:flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(135deg,var(--neutral-1b),var(--neutral-1));border:none;margin:1rem;padding:1rem;border-radius:10px;min-height:4rem;min-width:6rem;cursor:not-allowed;transition:background-color .3s,transform .2s;box-shadow:5px 5px 5px #222}.intro-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center}.logo{width:50vw;max-width:600px;height:auto;filter:drop-shadow(10px 10px 10px #722)}.number-picker-container{display:flex;flex-direction:row;gap:.5rem}.number-picker-button{display:flex;justify-content:center;align-items:center;gap:0rem;background:linear-gradient(135deg,var(--accent-2b),var(--accent-2));border:none;margin:0;padding:0;border-radius:5px;height:100px;width:120px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:2px 2px 1px #222}.number-picker-value{display:flex;justify-content:center;align-items:center;gap:0;background:linear-gradient(135deg,var(--accent-4b),var(--accent-4));border:none;margin:0;padding:0;border-radius:5px;height:100px;width:120px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:2px 2px 1px #222;font-size:3rem}.enabled:hover{background:linear-gradient(135deg,var(--accent-3b),var(--accent-3));transform:scale(1.05)}.enabled:active{background:linear-gradient(135deg,var(--accent-5b),var(--accent-5));transform:scale(1.05)}.disabled{background:linear-gradient(135deg,var(--neutral-1b),var(--neutral-1));cursor:not-allowed}:root{--main-bg-1: #25004d;--main-bg-2: #2500a8}.game-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;text-align:center}.game-title-container{background:linear-gradient(135deg,var(--background-2b),var(--background-2));padding:1rem;border:5px solid var(--primary);border-radius:15px;margin:1rem auto 0;height:3rem;width:fit-content}.game-title{text-align:center;border:none;padding:none;margin:0rem 1rem;width:fit-content}.game-main-container{background:linear-gradient(135deg,var(--background-1b),var(--background-1));text-align:center;padding:1rem;border:5px solid var(--primary);border-radius:15px;margin:0;width:600px;max-width:1200px;box-shadow:5px 5px 5px #222}.game-main-content{display:flex;flex-direction:column;gap:1rem;align-items:center}.game-options-container{display:grid;grid-template-columns:10rem 30rem;gap:1.5rem}.game-option-label{display:flex;justify-content:right;align-items:center;text-wrap-mode:wrap;text-align:right}.game-player-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:40rem}.game-question-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:25rem}.game-question{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem 0;max-width:500px;padding:1rem}.game-question-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.selector-container{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.selector-button{display:flex;justify-content:center;align-items:center;gap:0rem;background:linear-gradient(135deg,var(--accent-2b),var(--accent-2));border:none;margin:0;padding:1rem;border-radius:5px;height:100px;width:120px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:2px 2px 1px #222}.selector-button-content{display:flex;justify-content:center;align-items:center;padding:1rem;width:full;height:full}.deselected:hover{background:linear-gradient(135deg,var(--accent-3b),var(--accent-3));transform:scale(1.05)}.deselected:active{background:linear-gradient(135deg,var(--accent-5b),var(--accent-5));transform:scale(1.05)}.selected{background:linear-gradient(135deg,var(--accent-4b),var(--accent-4))}:root{--eq-background: #070707;--eq-bar-base: #171717;--eq-border: #666}.audio-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.audio-eq{display:flex;flex-direction:row;justify-content:center;background-color:var(--eq-background);padding:1rem;border:5px solid var(--eq-border);border-radius:10px}.audio-eq-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:5px;background-color:var(--eq-background);height:140px}.audio-eq-bar{width:8px}.audio-progress-bar{height:32px;width:450px}.audio-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.eq-bar-0{background:linear-gradient(0,var(--eq-bar-base),#a03)}.eq-bar-1{background:linear-gradient(0,var(--eq-bar-base),#f00)}.eq-bar-2{background:linear-gradient(0,var(--eq-bar-base),#a30)}.eq-bar-3{background:linear-gradient(0,var(--eq-bar-base),#770)}.eq-bar-4{background:linear-gradient(0,var(--eq-bar-base),#3a0)}.eq-bar-5{background:linear-gradient(0,var(--eq-bar-base),#0f0)}.eq-bar-6{background:linear-gradient(0,var(--eq-bar-base),#0a3)}.eq-bar-7{background:linear-gradient(0,var(--eq-bar-base),#077)}.eq-bar-8{background:linear-gradient(0,var(--eq-bar-base),#03a)}.eq-bar-9{background:linear-gradient(0,var(--eq-bar-base),#00f)}.eq-bar-10{background:linear-gradient(0,var(--eq-bar-base),#30a)}.eq-bar-11{background:linear-gradient(0,var(--eq-bar-base),#707)}@tailwind base;@tailwind components;@tailwind utilities;