.elixir-page{color:#f8f5ff;background:#080611;min-height:100vh;position:relative;overflow:hidden}.elixir-page>*{z-index:1;position:relative}.elixir-glow{background:radial-gradient(circle,#962ad645,#0000 66%);width:70rem;height:50rem;position:absolute;inset:-13rem auto auto 24%}.elixir-header,.elixir-hero,.elixir-status,.elixir-arena,.elixir-notice,.elixir-footer{width:min(1240px,100% - 48px);margin-inline:auto}.elixir-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:70px 0 40px;display:grid}.elixir-hero>span{color:#df77ff;background:#321147;border:1px solid #8f42bd;border-radius:21px;place-items:center;width:72px;height:72px;font-size:2.5rem;display:grid}.elixir-hero small,.elixir-status small,.elixir-arena small{font-size:var(--font-size-caption);letter-spacing:.13em;color:#9986ae;font-weight:800}.elixir-hero h1{letter-spacing:-.055em;margin:8px 0 12px;font-size:clamp(2.5rem,5vw,5rem);line-height:.98}.elixir-hero h1 em{color:#d45cff;font-style:normal}.elixir-hero p{color:#a69aae;max-width:740px;line-height:1.65}.elixir-hero nav{flex-direction:column;gap:10px;display:flex}.elixir-hero nav a{color:#ecdcf4;background:#140d1c;border:1px solid #3a2b48;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;text-decoration:none;display:flex}.elixir-status{background:#130c1b;border:1px solid #3d2b4c;border-radius:15px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.elixir-status span{border-right:1px solid #3d2b4c;padding:17px 20px}.elixir-status span:last-child{border:0}.elixir-status strong{margin-top:5px;font-size:1.2rem;display:block}.elixir-arena{box-sizing:border-box;background:linear-gradient(145deg,#190c23fa,#09070ffa);border:1px solid #4b2d5e;border-radius:20px;margin-top:22px;overflow:hidden}.elixir-arena>header{border-bottom:1px solid #382445;justify-content:space-between;align-items:end;gap:20px;padding:21px 24px;display:flex}.elixir-arena h2{margin:5px 0 0;font-size:1.5rem}.elixir-arena>header p{color:#a092a7;margin:0}.elixir-stage{place-items:center;min-height:480px;padding:30px;display:grid}.elixir-stage>article{justify-items:center;animation:.35s elixir-card-in;display:grid;position:relative}.elixir-stage>article>span{background:#ad32d8;border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:900;display:grid;position:absolute;top:0;left:-25px}.elixir-stage>article img{object-fit:contain;filter:drop-shadow(0 18px 30px #bc36e740);width:min(240px,48vw);height:300px}.elixir-stage>article strong{font-size:1.5rem}.elixir-stage>article small{margin-top:7px}.elixir-ready,.elixir-answer,.elixir-result,.elixir-finished{text-align:center;justify-items:center;display:grid}.elixir-ready svg{color:#d35cff;width:48px;height:48px}.elixir-ready h3,.elixir-answer h3{font-size:1.35rem}.elixir-ready button,.elixir-result button,.elixir-finished button{color:#fff;cursor:pointer;background:#742397;border:1px solid #a54cc7;border-radius:11px;align-items:center;gap:8px;padding:13px 20px;font-weight:800;display:flex}.elixir-answer>span{color:#da61ff;font-size:5rem;font-weight:900}.elixir-answer>div{gap:12px;display:flex}.elixir-answer button{color:#fff;cursor:pointer;background:#21122c;border:1px solid #5c3a6d;border-radius:13px;width:110px;height:90px;font-size:1.6rem;font-weight:900}.elixir-answer button:hover,.elixir-answer button:focus-visible{background:#3b174e;border-color:#ce5df3}.elixir-answer button small{margin-top:4px;display:block}.elixir-result>strong{color:#d960ff;font-size:5.5rem;line-height:1}.elixir-result.correct>strong{color:#63dfa3}.elixir-result>span{color:#a798ad;margin:8px 0 22px}.elixir-result>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.elixir-result figure{margin:0;position:relative}.elixir-result figure img{object-fit:contain;width:62px;height:80px}.elixir-result figcaption{background:#a52ed0;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid;position:absolute;bottom:0;right:0}.elixir-result p{color:#b1a5b6}.elixir-finished small{color:#bb82d0}.elixir-finished>strong{color:#e16dff;margin:8px 0;font-size:5rem}.elixir-finished h3{font-size:1.5rem}.elixir-arena>footer{color:#887b91;border-top:1px solid #382445;justify-content:space-between;align-items:center;padding:15px 22px;display:flex}.elixir-arena>footer>span{gap:6px;display:flex}.elixir-arena>footer i{background:#392640;border-radius:5px;width:22px;height:4px}.elixir-arena>footer i.active{background:#c94ee8}.elixir-notice{box-sizing:border-box;background:#160e1d;border:1px solid #483154;border-radius:12px;margin-top:22px;padding:18px 20px}.elixir-notice strong{color:#d792ed}.elixir-notice p{color:#95899b;margin-left:12px;display:inline}.elixir-footer{margin-top:40px}@keyframes elixir-card-in{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.elixir-stage>article{animation:none}}@media (width<=850px){.elixir-hero{grid-template-columns:auto 1fr}.elixir-hero nav{flex-direction:row;grid-column:1/-1}.elixir-arena>header{flex-direction:column;align-items:start}}@media (width<=620px){.elixir-header,.elixir-hero,.elixir-status,.elixir-arena,.elixir-notice,.elixir-footer{width:calc(100% - 24px)}.elixir-hero{padding-top:42px}.elixir-hero>span{width:52px;height:52px;font-size:1.9rem}.elixir-hero h1{font-size:2.4rem}.elixir-status{grid-template-columns:repeat(2,1fr)}.elixir-status span:nth-child(2){border-right:0}.elixir-status span:nth-child(-n+2){border-bottom:1px solid #3d2b4c}.elixir-stage{min-height:420px;padding:20px 12px}.elixir-answer>div{grid-template-columns:repeat(2,1fr);display:grid}.elixir-result figure img{width:52px}.elixir-arena>footer{flex-direction:column;align-items:flex-start;gap:10px}.elixir-notice p{margin:7px 0 0;display:block}}