:root{--color-primary: #0d1117;--color-accent: rgb(253, 255, 232);--color-text-inverted: var(--color-muted-faded);--color-text: rgb(251, 255, 213);--color-muted: #161b22;--color-muted-faded: #4b4c4c;--gradient-color-1: #9adbff;--gradient-color-2: #d173ff;--gradient-color-3: #fbfaab}html,body{height:100%}.gradient-background-without-animation{background:linear-gradient(300deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3));background-size:180% 180%}.gradient-background{background:linear-gradient(300deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3));background-size:180% 180%;animation:gradient-animation 18s ease infinite}body{font-family:Roboto,sans-serif;margin:0;font-weight:700;color:var(--color-accent);width:100%;display:flex;justify-content:center;align-items:center;height:100%}*{box-sizing:border-box;margin:0;padding:0}.main-container{height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.game{width:100vw;max-width:100vw;aspect-ratio:9 / 16;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}@media (max-width: 480px){.container{width:100%;max-width:360px}}.container{max-width:800px;margin-left:auto;margin-right:auto;padding:1rem;width:100%}.content{width:24rem;max-width:24rem}h1{font-size:2rem;top:-1rem;border-radius:1rem 1rem 0 0;text-align:center;background-color:var(--color-muted-faded);color:var(--color-text)}.add-border-bottom{border-radius:0 0 1rem 1rem}.add-border{border-radius:1rem}.element-header{text-align:center;color:var(--color-muted);background-color:var(--color-accent);margin-bottom:1rem;width:100%;padding:0}input{font-family:Roboto,sans-serif;font-weight:700;padding:.5rem 1rem;height:3rem;margin:.5rem;border:1px solid var(--color-muted-faded)}button{background-color:var(--color-muted-faded);color:var(--color-text);font-family:Roboto,sans-serif;font-weight:700;border:none;padding:.5rem 1rem;height:3rem;margin:.5rem}.container{margin-left:auto;margin-right:auto;gap:1rem;width:100%;height:100%;padding:1rem;position:relative;z-index:1}.column-layout{height:100%;display:flex;flex-direction:column}.column-layout>*:last-child{margin-top:auto}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.game-box{max-width:600px;width:100%;margin-left:auto;margin-right:auto;padding:1rem;height:100%;display:flex;flex-direction:column;gap:1rem;background:#ffffff80;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.element-view{background-color:var(--color-accent);padding:1rem;flex-grow:1;overflow:hidden;box-shadow:0 4px 30px #0000004d;color:var(--color-text-inverted)}.content{flex:1;width:100%;max-width:600px;display:flex;justify-content:center;align-items:center;text-align:center}.element-view h2{font-size:2rem;text-align:center;color:var(--color-text-inverted)}li{height:1rem;width:100%;margin:.5rem}.icon-thing{width:2rem;height:2rem;margin-right:.5rem;vertical-align:middle;text-align:center}.center{display:flex;justify-content:center;align-items:center}.counter{display:flex;justify-content:center;align-items:center;font-size:1.5rem;width:3rem;height:3rem;color:var(--color-text);text-align:center;margin:.5rem .5rem 1rem;border-radius:1rem}.question-container{overflow-y:auto;max-height:45vh;padding:1.5rem}.base-selected{background-color:var(--color-accent);box-shadow:1px -1px 5px 1px #0000004d;color:var(--color-text-inverted);font-size:1.2rem;width:100%;margin-bottom:1rem;height:4rem;text-align:center;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out}@keyframes glow-animation{0%{box-shadow:0 0 10px #9adbffb5,0 0 20px #9adbffb5,0 0 30px #9adbffb5}50%{box-shadow:0 0 30px #d173ffad,0 0 20px #d173ffad,0 0 10px #d173ffad}75%{box-shadow:0 0 10px #fbfaabf2,0 0 20px #fbfaabf2,0 0 30px #fbfaabf2}0%{box-shadow:0 0 10px #9adbffb5,0 0 20px #9adbffb5,0 0 30px #9adbffb5}}.selected-answer{background-color:var(--color-text-inverted);color:var(--color-accent);animation:glow-animation 5s infinite ease-in-out}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}75%{background-position:100% 50%}to{background-position:0 50%}}.player-ball{position:absolute;background-color:#000;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;font-weight:700;box-sizing:border-box;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;will-change:transform;-webkit-user-select:none;user-select:none}