.home-screen{position:relative;display:flex;align-items:center;width:100%;max-width:1120px;min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);margin:0 auto;overflow:hidden}.home-screen::before,.home-screen::after{content:"";position:absolute;z-index:0;border:2px solid rgba(48,43,89,.15);border-radius:50%;pointer-events:none}.home-screen::before{width:19px;height:19px;top:22%;left:48%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,124,114,.17)}.home-screen::after{width:12px;height:12px;right:37%;bottom:17%;background:var(--mint);box-shadow:0 0 0 5px rgba(85,201,173,.18)}.home-content{position:relative;z-index:1;max-width:700px;padding:48px 0 72px}.home-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:23px;padding:8px 12px;border:2px solid var(--line);border-radius:999px;background:#dcf7ed;color:#367766;font:500 9px var(--mono);letter-spacing:1px;box-shadow:0 3px 0 rgba(48,43,89,.12)}.home-kicker .live-dot{width:8px;height:8px;background:var(--coral);box-shadow:0 0 0 3px rgba(255,124,114,.2)}.home-screen h1{max-width:9ch;margin:0;color:var(--ink);font:600 clamp(68px,9vw,108px)/.92 var(--display);letter-spacing:-1.9px;text-wrap:balance}.home-screen h1::after{content:"";display:block;width:78px;height:9px;margin-top:19px;border:2px solid var(--line);border-radius:999px;background:var(--yellow);box-shadow:0 3px 0 rgba(48,43,89,.12);transform:rotate(-2deg)}.home-screen p{margin:21px 0 28px;color:#6d678d;font:800 16px/1.5 var(--sans);letter-spacing:.05px}.home-actions{display:flex;align-items:center;gap:12px}.start-button,.competition-button{height:56px;padding:0 19px;border:2px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:24px;font:800 13px var(--sans);letter-spacing:.1px;transition:transform .13s,box-shadow .13s,background .13s}.start-button{min-width:148px;background:var(--primary);color:white;box-shadow:0 5px 0 var(--line);cursor:pointer}.start-button span{font:500 20px var(--display)}.start-button:not(:disabled):hover{transform:translateY(2px);box-shadow:0 3px 0 var(--line);background:var(--primary-dark)}.start-button:not(:disabled):active{transform:translateY(5px);box-shadow:none}.start-button:disabled{opacity:.58;cursor:wait;box-shadow:none}.competition-button{min-width:196px;background:var(--surface);color:#69648a;cursor:not-allowed;box-shadow:0 4px 0 rgba(48,43,89,.15)}.competition-button small{padding:6px 9px;border:1.5px solid #c7c2db;border-radius:999px;background:#efedfa;color:#787397;font:500 9px var(--mono);white-space:nowrap}.home-orbit{position:absolute;top:50%;right:3%;width:min(36vw,400px);aspect-ratio:1;transform:translateY(-50%) rotate(7deg);border:3px solid var(--line);border-radius:50%;background:radial-gradient(circle at 32% 27%,#a6e9d4 0 9%,transparent 10%),radial-gradient(circle at 68% 72%,#ffab8d 0 7%,transparent 8%),radial-gradient(circle at 38% 38%,#8179f0 0,#655ce7 52%,#5149cb 100%);box-shadow:0 8px 0 var(--line),inset 0 0 0 11px rgba(255,255,255,.15)}.home-orbit::before{content:"";position:absolute;inset:12%;border:2px solid rgba(255,255,255,.72);border-radius:50%;transform:rotate(-18deg) scaleY(.62)}.home-orbit::after{content:"";position:absolute;inset:28%;border:2px dashed rgba(255,255,255,.62);border-radius:50%}.orbit-center{position:absolute;inset:0;display:grid;place-items:center;color:#fff5bb;font:600 152px var(--display);text-shadow:0 4px 0 rgba(48,43,89,.28);transform:rotate(-7deg)}.orbit-small{position:absolute;z-index:1;top:15%;right:20%;width:22px;height:22px;border:3px solid var(--line);border-radius:50%;background:var(--yellow);box-shadow:0 3px 0 var(--line)}@media(max-width:900px){.home-content{max-width:560px}.home-orbit{right:-4%;width:min(39vw,340px);opacity:.92}.home-screen h1{font-size:clamp(64px,9.5vw,94px)}}@media(max-width:700px){.home-screen{min-height:calc(100svh - 68px);align-items:center}.home-screen::before{top:13%;left:74%}.home-screen::after{right:12%;bottom:12%}.home-content{padding:40px 0 62px}.home-kicker{margin-bottom:20px;font-size:8px}.home-screen h1{max-width:8ch;font-size:clamp(58px,13vw,78px);letter-spacing:-1px}.home-screen p{max-width:250px;margin:19px 0 24px;font-size:14px}.home-orbit{top:17%;right:-32%;width:72vw;opacity:.3;box-shadow:0 6px 0 rgba(48,43,89,.22),inset 0 0 0 9px rgba(255,255,255,.14)}.orbit-center{font-size:100px}.home-actions{align-items:stretch;flex-direction:column;width:min(100%,320px)}.start-button,.competition-button{width:100%;height:53px;justify-content:space-between}.competition-button{gap:8px}.competition-button small{margin-left:auto}}@media(max-width:390px){.home-screen h1{font-size:56px}.home-content{padding-bottom:48px}}@media(prefers-reduced-motion:reduce){.start-button,.competition-button,.home-orbit{transition:none}}
/* Storybook atlas finish */
.home-screen{overflow:visible}.home-content{max-width:650px;padding:50px 0 68px}.home-kicker{background:#e5f4e9;border-color:#726b8f;color:#3f745f;transform:rotate(-1deg)}.home-screen h1{max-width:8ch;font-family:'Fredoka',sans-serif;font-size:clamp(68px,8.7vw,104px);line-height:.9;letter-spacing:-2.5px;text-shadow:0 2px 0 rgba(255,255,255,.8)}.home-screen h1::after{width:102px;height:10px;margin-top:23px;background:repeating-linear-gradient(120deg,#ef8a68 0 9px,#f2bc67 9px 18px);transform:rotate(-3deg)}.home-screen p{max-width:300px;margin:24px 0 31px;color:#605a7e;font-size:17px;font-weight:800}.home-orbit{top:52%;right:1%;width:min(39vw,460px);aspect-ratio:1;display:grid;place-items:center;transform:translateY(-50%) rotate(3deg);border:0;border-radius:50%;background:radial-gradient(circle,#fff2b5 0 47%,rgba(255,242,181,.58) 48% 59%,transparent 60%);box-shadow:none;opacity:1}.home-orbit::before{inset:4%;border:2px dashed rgba(64,55,95,.27);border-radius:50%;box-shadow:none;transform:rotate(-12deg)}.home-orbit::after{content:"";position:absolute;inset:9%;border:0;border-top:2px solid rgba(233,118,90,.65);border-radius:50%;transform:rotate(-21deg)}.atlas-art{position:relative;z-index:1;width:95%;height:95%;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 12px 0 rgba(64,55,95,.16));animation:atlas-float 5s ease-in-out infinite}.home-screen::before{top:18%;left:48%;width:13px;height:13px;border:0;background:var(--coral);box-shadow:0 0 0 5px rgba(233,118,90,.13)}.home-screen::after{right:41%;bottom:13%;width:10px;height:10px;border:0;background:var(--mint);box-shadow:0 0 0 5px rgba(85,201,173,.18)}.start-button{border-radius:18px;background:#5d56dc;box-shadow:0 5px 0 #302b59,0 9px 18px rgba(48,43,89,.12)}.start-button:not(:disabled):hover{background:#4d46c8}.competition-button{border-radius:18px;background:rgba(255,250,240,.85)}.home-kicker .live-dot{border-color:#41395f}.home-actions{gap:14px}@keyframes atlas-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-9px)}}@media(max-width:900px){.home-orbit{right:-5%;width:min(42vw,370px)}.home-content{max-width:550px}.home-screen h1{font-size:clamp(64px,9vw,92px)}}@media(max-width:700px){.home-screen{overflow:hidden}.home-content{padding:39px 0 60px}.home-screen h1{max-width:8ch;font-size:clamp(58px,13vw,76px);letter-spacing:-1.8px}.home-screen p{max-width:250px;font-size:14px}.home-orbit{top:18%;right:-29%;width:76vw;opacity:.25}.home-screen::before{top:12%;left:74%}.home-screen::after{right:12%;bottom:10%}.home-actions{gap:10px}.start-button,.competition-button{border-radius:15px}}@media(prefers-reduced-motion:reduce){.atlas-art{animation:none}}