@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--elva-blue: #39f4ff;--elva-blue-darker: #41afff;--elva-blue-brighter: #7ff8ff;--elva-pink: #faa7e5;--elva-pink-darker: #c591c1;--elva-pink-brighter: #ffcbf9;--elva-yellow: #fbf65f;--elva-yellow-darker: #e3de59;--elva-yellow-brighter: #fffc94;--color-primary: var(--elva-pink-darker);--color-secondary: var(--elva-pink);--color-highlight: var(--elva-pink-brighter);--color-text-heading: rgba(60, 60, 67);--color-text-default: rgba(60, 60, 67);--color-text-muted: #67676c;--color-bg-page: #ffffff;--color-bg-page-dark: #f6f6f7;--button-text: #1b1b1f;--base-bg: #ebebef;--base-bg-hover: #e4e4e9;--base-bg-active: #dddde3;--accent-bg: var(--elva-pink-darker);--accent-bg-hover: var(--elva-pink);--accent-bg-active: var(--elva-pink-brighter);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--highlight: var(--elva-blue-darker)}::selection{background-color:#e6e6fa}body{font-family:Poppins,sans-serif;line-height:1.5;color:var(--color-text-default);background-color:var(--color-bg-page);margin:0}h1,h2{color:var(--color-text-heading);text-align:center}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-secondary)}button{font-size:1rem;font-weight:500;color:var(--button-text);background-color:var(--accent-bg);border:none;border-radius:8px;padding:.8em 1.2em;cursor:pointer;transition:background-color .25s,transform .1s;width:200px;min-height:80px;white-space:normal;word-wrap:break-word;text-align:center;vertical-align:middle;line-height:1.5;overflow-wrap:break-word}button:hover{background-color:var(--accent-bg-hover)}button:active{background-color:var(--accent-bg-active);transform:scale(.98)}button:focus{outline:2px solid var(--color-highlight);outline-offset:2px}.dark{--color-text-heading: rgba(255, 255, 245, .86);--color-text-default: rgba(255, 255, 245, .86);--color-text-muted: #98989f;--color-bg-page: #1b1b1f;--color-bg-page-dark: #202127;--base-bg: #32363f;--base-bg-hover: #414853;--base-bg-active: #515c67;--highlight: var(--elva-yellow)}.dark ::selection{background-color:#375475;color:snow}.elva-logo{height:60px;width:auto;cursor:pointer}.app-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--color-bg-page-dark);box-shadow:var(--shadow);z-index:2}.header-icons{display:flex;align-items:center;cursor:pointer}.icon{width:30px;height:30px;border:1px solid var(--color-text-muted);border-radius:5px;display:flex;justify-content:center;align-items:center;margin-left:10px}.welcome-container{max-width:600px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:85vh;justify-content:space-between}.welcome-container ol{list-style-type:none}.welcome-container li{counter-increment:item;margin-bottom:10px;position:relative;padding-left:30px}.welcome-container li:before{content:counter(item);position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;text-align:center;font-weight:700;color:var(--elva-yellow-darker)}.bottom-text{width:100%;text-align:center}.game-over-container{max-width:600px;margin:0 auto;padding:20px}.game-over-container p{text-align:center}.last-question{display:flex;justify-content:center;align-items:center;flex-direction:column}.last-question span{color:var(--accent-bg)}.last-question img{width:160px;object-fit:contain}.score-submit{display:flex;justify-content:center;margin:0 0 1em}.score-submit input{width:100%;max-width:300px;padding:10px;font-size:1rem;border-radius:5px}.score-submit-button{padding:.5em;width:auto;min-height:unset;margin:0 5px}.play-again{width:100%;min-height:unset}.quiz-container{max-width:600px;margin:0 auto;padding:0 20px 20px;display:flex;flex-direction:column;align-items:center}.timer-bar{height:5px;background-color:var(--accent-bg);transition:width 50ms linear;margin:0 0 20px}.quiz-header{display:flex;flex-direction:column;align-items:center}.image-container{width:300px;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background-color:var(--color-bg-page-dark);border-radius:8px;overflow:hidden}.image-container img{width:160px;object-fit:contain}.answer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:10px}.loading{text-align:center;font-style:italic}.leaderboard-page{margin:20px auto 0;padding:20px}.leaderboard-holder{margin:1em 0}.leaderboard-container{max-width:600px;margin:0 auto;padding:20px;background-color:var(--color-bg-page-dark);border-radius:8px;box-shadow:var(--shadow)}.leaderboard-container h2{color:var(--color-text-heading);font-size:24px;text-align:center}.timeframe-toggle{display:flex;justify-content:center;margin-bottom:20px}.timeframe-toggle button{background-color:var(--color-bg-page);border:1px solid var(--accent-bg);color:var(--accent-bg);padding:.5em;width:auto;min-height:unset;margin:0 5px;border-radius:20px;cursor:pointer;transition:all .3s ease}.timeframe-toggle button.active{background-color:var(--accent-bg-active);color:var(--button-text)}.leaderboard-list{padding:0}.leaderboard-list li{display:flex;align-items:center;padding:10px}.leaderboard-list li:nth-child(2n){background-color:var(--color-bg-page)}.leaderboard-list li:nth-child(odd){background-color:var(--color-bg-page-dark)}.rank{margin-right:15px;min-width:30px}.name{flex-grow:1}.list-score{margin-right:15px;color:var(--color-primary)}.date{color:var(--secondary-color);font-size:.9em}.current-score .rank,.current-score .name{color:var(--highlight)}.error{color:red;text-align:center}@media (max-width: 600px){button{width:100%}.answer-buttons{grid-template-columns:1fr;width:100%}.answer-buttons button{min-height:40px}.timeframe-toggle button{margin:5px 0;width:100%}}