.start-screen .container{--color-0: #fff;--color-1: #111;--color-2: #222;--color-3: #333;--color-4: #2e2e2e;--color-5: #d2b48c;--color-6: #b22222;--color-7: #871a1a;--color-8: #ff6347;--color-9: #ff3814;width:100%;height:100%;background-color:var(--color-1);background-image:linear-gradient(to top,var(--color-2) 5%,var(--color-1) 6%,var(--color-1) 7%,transparent 7%),linear-gradient(to bottom,var(--color-1) 30%,transparent 80%),linear-gradient(to right,var(--color-2),var(--color-4) 5%,transparent 5%),linear-gradient(to right,transparent 6%,var(--color-2) 6%,var(--color-4) 9%,transparent 9%),linear-gradient(to right,transparent 27%,var(--color-2) 27%,var(--color-4) 34%,transparent 34%),linear-gradient(to right,transparent 51%,var(--color-2) 51%,var(--color-4) 57%,transparent 57%),linear-gradient(to bottom,var(--color-1) 35%,transparent 35%),linear-gradient(to right,transparent 42%,var(--color-2) 42%,var(--color-4) 44%,transparent 44%),linear-gradient(to right,transparent 45%,var(--color-2) 45%,var(--color-4) 47%,transparent 47%),linear-gradient(to right,transparent 48%,var(--color-2) 48%,var(--color-4) 50%,transparent 50%),linear-gradient(to right,transparent 87%,var(--color-2) 87%,var(--color-4) 91%,transparent 91%),linear-gradient(to bottom,var(--color-1) 37.5%,transparent 37.5%),linear-gradient(to right,transparent 14%,var(--color-2) 14%,var(--color-4) 20%,transparent 20%),linear-gradient(to bottom,var(--color-1) 40%,transparent 40%),linear-gradient(to right,transparent 10%,var(--color-2) 10%,var(--color-4) 13%,transparent 13%),linear-gradient(to right,transparent 21%,var(--color-2) 21%,#1a1a1a 25%,transparent 25%),linear-gradient(to right,transparent 58%,var(--color-2) 58%,var(--color-4) 64%,transparent 64%),linear-gradient(to right,transparent 92%,var(--color-2) 92%,var(--color-4) 95%,transparent 95%),linear-gradient(to bottom,var(--color-1) 48%,transparent 48%),linear-gradient(to right,transparent 96%,var(--color-2) 96%,#1a1a1a 99%,transparent 99%),linear-gradient(to bottom,transparent 68.5%,transparent 76%,var(--color-1) 76%,var(--color-1) 77.5%,transparent 77.5%,transparent 86%,var(--color-1) 86%,var(--color-1) 87.5%,transparent 87.5%),linear-gradient(to right,transparent 35%,var(--color-2) 35%,var(--color-4) 41%,transparent 41%),linear-gradient(to bottom,var(--color-1) 68%,transparent 68%),linear-gradient(to right,transparent 78%,var(--color-3) 78%,var(--color-3) 80%,transparent 80%,transparent 82%,var(--color-3) 82%,var(--color-3) 83%,transparent 83%),linear-gradient(to right,transparent 66%,var(--color-2) 66%,var(--color-4) 85%,transparent 85%);background-size:300px 150px;background-position:center bottom}.start-screen .container:before{content:"";width:100%;height:100%;position:absolute;inset:0;background-color:var(--color-1);background-image:linear-gradient(to top,var(--color-5) 5%,var(--color-1) 6%,var(--color-1) 7%,transparent 7%),linear-gradient(to bottom,var(--color-1) 30%,transparent 30%),linear-gradient(to right,var(--color-6),var(--color-7) 5%,transparent 5%),linear-gradient(to right,transparent 6%,var(--color-8) 6%,var(--color-9) 9%,transparent 9%),linear-gradient(to right,transparent 27%,#556b2f 27%,#39481f 34%,transparent 34%),linear-gradient(to right,transparent 51%,#fa8072 51%,#f85441 57%,transparent 57%),linear-gradient(to bottom,var(--color-1) 35%,transparent 35%),linear-gradient(to right,transparent 42%,#008080 42%,#004d4d 44%,transparent 44%),linear-gradient(to right,transparent 45%,#008080 45%,#004d4d 47%,transparent 47%),linear-gradient(to right,transparent 48%,#008080 48%,#004d4d 50%,transparent 50%),linear-gradient(to right,transparent 87%,#789 87%,#4f5d6a 91%,transparent 91%),linear-gradient(to bottom,var(--color-1) 37.5%,transparent 37.5%),linear-gradient(to right,transparent 14%,#bdb76b 14%,#989244 20%,transparent 20%),linear-gradient(to bottom,var(--color-1) 40%,transparent 40%),linear-gradient(to right,transparent 10%,#808000 10%,#4d4d00 13%,transparent 13%),linear-gradient(to right,transparent 21%,#8b4513 21%,#5e2f0d 25%,transparent 25%),linear-gradient(to right,transparent 58%,#8b4513 58%,#5e2f0d 64%,transparent 64%),linear-gradient(to right,transparent 92%,#2f4f4f 92%,#1c2f2f 95%,transparent 95%),linear-gradient(to bottom,var(--color-1) 48%,transparent 48%),linear-gradient(to right,transparent 96%,#2f4f4f 96%,#1c2f2f 99%,transparent 99%),linear-gradient(to bottom,transparent 68.5%,transparent 76%,var(--color-1) 76%,var(--color-1) 77.5%,transparent 77.5%,transparent 86%,var(--color-1) 86%,var(--color-1) 87.5%,transparent 87.5%),linear-gradient(to right,transparent 35%,#cd5c5c 35%,#bc3a3a 41%,transparent 41%),linear-gradient(to bottom,var(--color-1) 68%,transparent 68%),linear-gradient(to right,transparent 78%,#bc8f8f 78%,#bc8f8f 80%,transparent 80%,transparent 82%,#bc8f8f 82%,#bc8f8f 83%,transparent 83%),linear-gradient(to right,transparent 66%,#a52a2a 66%,#7c2020 85%,transparent 85%);background-size:300px 150px;background-position:center bottom;clip-path:circle(150px at center center);animation:flashlight 20s ease infinite}.start-screen .container:after{content:"";width:25px;height:10px;position:absolute;left:calc(50% + 59px);bottom:100px;background-repeat:no-repeat;background-image:radial-gradient(circle,#fff 50%,transparent 50%),radial-gradient(circle,#fff 50%,transparent 50%);background-size:10px 10px;background-position:left center,right center;animation:eyes 20s infinite}@keyframes flashlight{0%{clip-path:circle(150px at -25% 10%)}38%{clip-path:circle(150px at 60% 20%)}39%{opacity:1;clip-path:circle(150px at 60% 86%)}40%{opacity:0;clip-path:circle(150px at 60% 86%)}41%{opacity:1;clip-path:circle(150px at 60% 86%)}42%{opacity:0;clip-path:circle(150px at 60% 86%)}54%{opacity:0;clip-path:circle(150px at 60% 86%)}55%{opacity:1;clip-path:circle(150px at 60% 86%)}59%{opacity:1;clip-path:circle(150px at 60% 86%)}64%{clip-path:circle(150px at 45% 78%)}68%{clip-path:circle(150px at 85% 89%)}72%{clip-path:circle(150px at 60% 86%)}74%{clip-path:circle(150px at 60% 86%)}to{clip-path:circle(150px at 150% 50%)}}@keyframes eyes{0%,38%{opacity:0}39%,41%{opacity:1;transform:scaleY(1)}40%{transform:scaleY(0);filter:none;background-image:radial-gradient(circle,#fff 50%,transparent 50%),radial-gradient(circle,#fff 50%,transparent 50%)}41%{transform:scaleY(1);background-image:radial-gradient(circle,#ff0000 50%,transparent 50%),radial-gradient(circle,#ff0000 50%,transparent 50%);filter:drop-shadow(0 0 4px #ff8686)}42%,to{opacity:0}}.start-frame{width:100%;max-width:min(1500px,100vw);min-height:620px;position:relative;overflow-x:hidden}.start-screen{position:relative;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.start-screen .fx-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.start-screen .content-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-top:6rem;width:100%;max-width:100vw;overflow-x:hidden}.start-screen .title-wrap,.start-screen .button-wrap,.start-screen .leaderboard-wrap{position:static;top:auto;left:auto;transform:none;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%}.start-screen .button-wrap{margin-top:120px}.start-screen .start-title{position:relative;margin-top:0;font-family:Georgia,serif;font-weight:1000;text-transform:uppercase;font-size:5rem;letter-spacing:.1em;color:#daa520;text-shadow:0 0 14px rgba(214,185,106,.18),0 2px 10px rgba(0,0,0,.35)}.start-screen .button{display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 3rem;border-radius:.75rem;position:relative;text-decoration:none;font-weight:800;letter-spacing:.06em;color:#f9efcc;font-size:6rem;line-height:1.1;border-radius:6px;background:linear-gradient(180deg,#7a3d22,#5a2a17);box-shadow:0 18px 22px #00000059,inset 0 2px 6px #ffffff14,inset 0 -2px 6px #00000040;border:1px solid #3b1c10;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .1s ease;will-change:transform;max-width:calc(100vw - 2rem)}.start-screen .button--small{font-size:2.5rem;padding:.75rem 2rem}.start-screen .button:before{content:"";position:absolute;left:-10px;top:-1px;bottom:-1px;width:10px;border-radius:6px 0 0 6px;background:linear-gradient(180deg,#542715,#3d1c0f);box-shadow:inset -1px 0 #ffffff14,2px 0 6px #00000059}.start-screen .button:after{content:"";position:absolute;right:-12px;top:3px;bottom:3px;width:12px;border-radius:0 6px 6px 0;background:repeating-linear-gradient(90deg,#f7f2e7 0px 2px,#e9e2d2 2px 4px);box-shadow:inset 1px 0 #968c7899,-2px 0 6px #00000040}.start-screen .button:hover{transform:translateY(-10px) scale(1.2);box-shadow:0 22px 35px #0006,inset 0 2px 8px #ffffff1a}.start-screen .button.button--small:hover{box-shadow:0 18px 28px #00000059,inset 0 2px 8px #ffffff1a}.start-screen .ranglijst-card{position:relative;z-index:2;background-color:transparent;color:#111;width:100%;margin:4rem auto 0;padding:0;border-radius:.5rem;box-shadow:none}@media(max-width:900px){.start-screen .start-title{font-size:3.5rem;letter-spacing:.08em}.start-screen .button{font-size:3rem;padding:1rem 2rem}.start-screen .button--small{font-size:2rem;padding:.6rem 1.5rem}.start-screen .button-wrap{margin-top:80px}.start-screen .content-wrap{margin-top:4rem;gap:1.5rem}}@media(max-width:600px){.start-screen .start-title{font-size:2.5rem;letter-spacing:.05em;text-align:center;padding:0 1rem}.start-screen .button{font-size:2rem;padding:.75rem 1.5rem;width:calc(100% - 2rem);max-width:400px}.start-screen .button--small{font-size:1.5rem;padding:.5rem 1.25rem;width:calc(100% - 2rem);max-width:350px}.start-screen .button-wrap{margin-top:60px;width:100%}.start-screen .content-wrap{margin-top:3rem;gap:1rem;padding:0 1rem}.start-screen .button:before{left:-8px;width:8px}.start-screen .button:after{right:-10px;width:10px}.start-screen .content-wrap{flex-direction:column}}@media(max-width:400px){.start-screen .start-title{font-size:2rem;letter-spacing:.03em;padding:0 .5rem}.start-screen .button{font-size:1.75rem;padding:.65rem 1.25rem;width:calc(100% - 1rem)}.start-screen .button--small{font-size:1.35rem;padding:.45rem 1rem;width:calc(100% - 1rem)}.start-screen .button-wrap{margin-top:50px}.start-screen .content-wrap{margin-top:2rem;gap:.85rem;padding:0 .5rem}.start-screen .button:before{left:-6px;width:6px}.start-screen .button:after{right:-8px;width:8px}}