@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@500;600;700;800&display=swap";.step-boss i,.step-eternal-core i{background-position:center;background-repeat:no-repeat;background-size:contain;image-rendering:pixelated;transform-origin:50% 92%}.step-boss i{width:104px;height:104px;background-image:url(/game-v2/bosses/boss-05.png);filter:drop-shadow(0 8px 8px #000b) drop-shadow(0 0 13px #d8405066);animation:step-hero-idle 3.2s ease-in-out infinite}.step-eternal-core i{width:58px;height:76px;background-image:url(/broadcast/eternal-raid/arena/arena-core.png);filter:drop-shadow(0 8px 8px #000b) drop-shadow(0 0 17px #9a4dff);animation:step-core-pulse 2.6s ease-in-out infinite}@keyframes step-core-pulse{0%,to{transform:translateY(1px);filter:drop-shadow(0 8px 8px #000b) drop-shadow(0 0 12px #8d42ee)}50%{transform:translateY(-3px);filter:drop-shadow(0 8px 8px #000b) drop-shadow(0 0 22px #bd72ff)}}@media(prefers-reduced-motion:reduce){.step-boss i,.step-eternal-core i{animation:none!important}}:root{font-family:Inter,sans-serif;color:#f8f6ff;background:#090713;font-synthesis:none;--home-bg:#090713;--panel:#141027;--violet:#8b3dff;--violet-light:#bd7cff;--gold:#ffc83d;--mint:#52e5bd;--muted:#aaa2bc;--line:rgba(207,190,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--home-bg)}button,input{font:inherit}.home-page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 78% 5%,rgba(95,42,161,.2),transparent 28%),var(--home-bg)}.home-page .site-header{background:#090713e6}.home-hero{position:relative;min-height:calc(100svh - 72px);padding:clamp(46px,7vw,92px) clamp(22px,6vw,94px) 52px;display:grid;grid-template-columns:minmax(0,45fr) minmax(420px,55fr);grid-template-areas:"copy battle" "join battle";align-items:center;gap:28px clamp(36px,5vw,80px);isolation:isolate}.home-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090713,#090713e8 35%,#09071324 78%),linear-gradient(180deg,#09071326,#090713 98%),url(/game-v2/environments/arcane-ruins/background.webp) 68% center/cover no-repeat;opacity:.86}.home-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#a85cff55,transparent)}.hero-copy{grid-area:copy;align-self:end;position:relative;z-index:3;max-width:690px}.kicker,.section-heading span,.streamer-callout>div>span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.2em}.hero-copy h1{margin:14px 0 20px;font:900 clamp(52px,6.1vw,91px)/.88 "Barlow Condensed",sans-serif;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;text-shadow:0 10px 40px #000}.hero-copy h1 em{color:var(--violet-light);font-style:normal}.hero-copy>p{max-width:580px;margin:0;color:#d1cada;font-size:clamp(15px,1.5vw,20px);line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-actions a,.streamer-callout>a,.active-empty>a{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#fff;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.06em;transition:transform .18s ease,filter .18s ease}.hero-actions a:hover,.streamer-callout>a:hover,.active-empty>a:hover{transform:translateY(-2px);filter:brightness(1.12)}.primary-action{border:1px solid #ce8cff;background:linear-gradient(180deg,#9b4dff,#6d25d1);box-shadow:0 12px 32px #6b22ca52,inset 0 1px #ffffff3d}.secondary-action{border:1px solid rgba(255,204,65,.62);background:#2c1f13ad;box-shadow:inset 0 0 22px #ffc02a14}.hero-battle{grid-area:battle;position:relative;align-self:stretch;min-height:570px;border-radius:28px;overflow:hidden;isolation:isolate}.battle-shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 52% 58%,rgba(147,45,255,.24),transparent 36%),linear-gradient(180deg,transparent 55%,rgba(3,2,9,.82))}.demo-enemy{position:absolute;left:50%;top:47%;width:min(61%,390px);transform:translate(-50%,-50%);filter:drop-shadow(0 30px 30px rgba(0,0,0,.65));animation:boss-idle 5s ease-in-out infinite}.demo-enemy img{display:block;width:100%;height:auto}.demo-impact{position:absolute;z-index:2;color:#ffe56d;font-size:50px;text-shadow:0 0 18px #ff9e28;animation:impact 3.8s ease-out infinite}.impact-one{left:10%;top:48%}.impact-two{right:8%;top:30%;animation-delay:1.9s}.demo-health{position:absolute;z-index:3;top:7%;left:50%;width:min(72%,440px);transform:translate(-50%);text-align:center}.demo-health span{font:900 12px Barlow Condensed;letter-spacing:.16em;color:#f6eaff}.demo-health>div{height:12px;margin-top:8px;padding:2px;border:1px solid #bb81ff99;border-radius:99px;background:#080610}.demo-health i{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#cf335f,#ff5b73);box-shadow:0 0 12px #ff416c;animation:demo-health 8s ease-in-out infinite}.demo-party{position:absolute;z-index:4;left:5%;right:5%;bottom:5%;height:150px;pointer-events:none}.demo-fighter{--facing:1;position:absolute;width:92px;height:92px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 8px #000a) drop-shadow(0 0 9px #8e3eff66);transform:scaleX(var(--facing));transform-origin:50% 92%;will-change:transform}.demo-fighter-one{left:1%;bottom:0}.demo-fighter-two{left:24%;bottom:48px}.demo-fighter-three{--facing:-1;right:23%;bottom:42px}.demo-fighter-four{--facing:-1;right:0;bottom:0}.demo-fighter.is-attacking{animation:demo-fighter-attack .72s ease-out}.demo-damage{position:absolute;z-index:5;right:16%;top:37%;color:#ffd64e;font:900 27px Barlow Condensed;text-shadow:0 0 18px #d743ff;opacity:0;animation:damage 3.8s ease-out infinite}.quick-join{grid-area:join;align-self:start;position:relative;z-index:5;max-width:650px}.quick-join label{display:block;margin-bottom:9px;color:#dcd5e8;font-size:9px;font-weight:900;letter-spacing:.16em}.quick-input{height:60px;padding:7px 7px 7px 15px;display:flex;align-items:center;border:1px solid rgba(179,125,255,.5);border-radius:12px;background:#100b1fe6;box-shadow:0 15px 45px #0007}.quick-input>span{color:#716a7d;font-size:13px}.quick-input input{min-width:0;flex:1;padding:12px 5px;border:0;outline:0;background:transparent;color:#fff;font-weight:700}.quick-input button{height:44px;padding:0 18px;border:0;border-radius:8px;background:#f5efff;color:#2b104d;font-size:10px;font-weight:900;cursor:pointer}.quick-join>small{display:block;margin-top:7px;color:#716a7d;font-size:9px}.active-section,.how-to{padding:clamp(62px,7vw,100px) clamp(20px,6vw,94px)}.active-section{background:linear-gradient(180deg,#0b0817,#110c22)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{margin:7px 0 0;font:900 clamp(34px,4vw,56px)/.95 "Barlow Condensed";letter-spacing:-.02em}.section-heading p{margin:0;color:var(--mint);font-size:11px;font-weight:800}.section-heading.centered{justify-content:center;text-align:center}.active-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.active-card{position:relative;min-width:0;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#1f1839f5,#100c20fa);box-shadow:0 18px 50px #0004}.active-card.is-milestone{border-color:#ffc93d6b;box-shadow:inset 0 1px #ffdc7814,0 18px 50px #0005}.active-card-top{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px}.active-avatar{width:44px;height:44px;display:grid;place-items:center;border:2px solid #9856ef;border-radius:50%;background:#4d2c86 center/cover;color:#fff;font:900 13px Inter}.active-identity{min-width:0;display:grid;gap:4px}.active-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 14px Inter}.active-identity small{color:var(--mint);font-size:8px}.active-level{padding:6px 8px;border:1px solid #ffffff17;border-radius:7px;color:#dbc9f8;background:#0d091b;font:900 10px Barlow Condensed}.active-encounter{min-height:113px;margin:15px 0;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:9px;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.active-encounter img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 12px #000)}.active-encounter>div{min-width:0;display:grid;gap:5px}.active-encounter small{color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.11em}.active-encounter strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 18px Barlow Condensed}.active-encounter span{color:#8e869c;font-size:8px}.active-health{height:7px;border-radius:99px;background:#07050d;overflow:hidden}.active-health i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bd3461,#ff5b75);box-shadow:0 0 10px #ff496c}.active-card>a{height:39px;display:grid;place-items:center;border:1px solid #9f67ef66;border-radius:8px;background:#7b31dc22;color:#cfa8ff;text-decoration:none;font-size:9px;font-weight:900}.active-card>a:hover{background:#7b31dc;color:#fff}.active-empty{padding:48px 20px;border:1px dashed #7958a84f;border-radius:18px;text-align:center;background:#120d24}.active-empty[hidden]{display:none}.active-empty strong{font:900 23px Barlow Condensed}.active-empty p{color:var(--muted);font-size:12px}.active-empty a{margin-top:10px;background:linear-gradient(180deg,#984aff,#6522c8)}.how-to{background:#090713}.steps{max-width:1120px;margin:44px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.steps article{position:relative;min-height:330px;padding:32px;background:linear-gradient(160deg,#171129,#0d0a19);text-align:center}.steps article>b{display:block;margin-top:20px;color:#7961a6;font:900 34px Barlow Condensed}.steps h3{margin:4px 0 10px;font:900 22px Barlow Condensed}.steps p{max-width:270px;margin:auto;color:#928a9f;font-size:12px;line-height:1.6}.step-art{position:relative;width:132px;height:92px;margin:auto;display:grid;place-items:center}.step-art:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#7d2cdb33;box-shadow:0 0 30px #8134e744}.step-art i{position:relative;display:block}.step-party i{position:absolute;bottom:0;width:76px;height:76px;background-position:center;background-repeat:no-repeat;background-size:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 7px #000a);transform-origin:50% 92%;animation:step-hero-idle 3s ease-in-out infinite}.step-party .party-mage{left:-1px;z-index:1;width:67px;height:67px;background-image:url(/game/assets/master-C41-4a3P.png);animation-delay:-1s}.step-party .party-warrior{left:28px;z-index:3;background-image:url(/game/assets/master-PhSu2V6t.png)}.step-party .party-rogue{right:-1px;z-index:2;width:68px;height:68px;background-image:url(/game/assets/master-9fAhP-0s.png);animation-delay:-2s}.step-sword i{width:16px;height:70px;border:3px solid #211334;border-radius:9px 9px 4px 4px;background:linear-gradient(90deg,#bbaee0,#fff 48%,#d8ccf6 52%,#8e7eb8);box-shadow:0 0 20px #a255ff99;transform:rotate(43deg)}.step-sword i:before{content:"";position:absolute;left:50%;bottom:-9px;width:38px;height:9px;border:3px solid #211334;border-radius:5px;background:linear-gradient(#ffd564,#d48722);transform:translate(-50%)}.step-sword i:after{content:"";position:absolute;left:50%;bottom:-28px;width:10px;height:22px;border:3px solid #211334;border-radius:3px 3px 7px 7px;background:#7133ba;transform:translate(-50%)}.step-sword:after{content:"";position:absolute;width:86px;height:4px;border-radius:50%;background:#bb67ff;box-shadow:0 0 18px #aa43ff;transform:rotate(-43deg);opacity:.5}.step-crystal i{width:52px;height:64px;border:3px solid #24143c;background:linear-gradient(135deg,#f0c1ff 0 15%,#b85cff 16% 48%,#6c25ce 49% 75%,#3c197f 76%);clip-path:polygon(50% 0,92% 28%,75% 88%,50% 100%,24% 88%,8% 28%);filter:drop-shadow(0 0 14px #a83dff)}.step-crystal i:after{content:"";position:absolute;left:20%;top:18%;width:25%;height:48%;background:#fff8;clip-path:polygon(0 0,100% 18%,32% 100%)}.step-crystal span,.step-crystal span:before,.step-crystal span:after{position:absolute;width:7px;height:7px;border-radius:2px;background:#ffd45b;box-shadow:0 0 12px #ffbe35;transform:rotate(45deg)}.step-crystal span{top:5px;right:24px}.step-crystal span:before,.step-crystal span:after{content:""}.step-crystal span:before{left:-78px;top:25px;width:5px;height:5px}.step-crystal span:after{left:-18px;top:52px;width:4px;height:4px}@keyframes step-hero-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.streamer-callout{margin:0 clamp(20px,6vw,94px) clamp(70px,8vw,120px);padding:clamp(35px,5vw,62px);display:grid;grid-template-columns:1.15fr .85fr auto;align-items:center;gap:clamp(28px,5vw,70px);border:1px solid rgba(255,201,61,.24);border-radius:22px;background:radial-gradient(circle at 85% 10%,rgba(255,192,45,.1),transparent 35%),linear-gradient(145deg,#20152d,#120d20);box-shadow:0 24px 70px #0005}.streamer-callout h2{margin:9px 0 14px;font:900 clamp(39px,4vw,59px)/.9 "Barlow Condensed"}.streamer-callout p{max-width:590px;margin:0;color:#aaa2b5;font-size:13px;line-height:1.7}.streamer-callout ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:0;padding:0;list-style:none}.streamer-callout li{color:#d4cedd;font-size:11px}.streamer-callout li:before{content:"✦";margin-right:8px;color:var(--gold)}.streamer-callout>a{border:1px solid #ffce4d;background:linear-gradient(180deg,#c88423,#8b4d12);white-space:nowrap}.home-footer{padding:38px clamp(20px,6vw,94px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;border-top:1px solid var(--line);background:#07050e}.footer-brand{color:#fff;text-decoration:none;font:900 18px Barlow Condensed;letter-spacing:.04em}.footer-brand b{color:var(--violet-light)}.home-footer nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.home-footer nav a,.home-footer p{color:#766f81;font-size:9px;text-decoration:none}.home-footer nav a:hover{color:#c9b7ec}.home-footer p{margin:0}@keyframes boss-idle{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%) scale(1.015)}}@keyframes demo-fighter-attack{0%,to{transform:translate(0) scaleX(var(--facing))}45%{transform:translate(calc(11px * var(--facing)),-7px) scaleX(var(--facing))}70%{transform:translate(calc(7px * var(--facing))) scaleX(var(--facing))}}@keyframes impact{0%,70%,to{opacity:0;transform:scale(.4) rotate(0)}75%{opacity:1;transform:scale(1.2) rotate(20deg)}83%{opacity:0;transform:scale(1.6) rotate(34deg)}}@keyframes damage{0%,70%,to{opacity:0;transform:translateY(0)}75%{opacity:1;transform:translateY(-8px)}88%{opacity:0;transform:translateY(-34px)}}@keyframes demo-health{0%,44%{width:68%}50%,94%{width:64%}to{width:68%}}@media(max-width:1100px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}.active-games{grid-template-columns:repeat(2,minmax(0,1fr))}.streamer-callout{grid-template-columns:1fr 1fr}.streamer-callout>a{grid-column:1/-1;width:max-content}}@media(max-width:760px){html{scroll-behavior:auto}.home-hero{min-height:auto;padding:44px 20px 60px;display:flex;flex-direction:column;align-items:stretch;gap:26px}.home-hero:before{background:linear-gradient(180deg,#090713,#090713c2 35%,#09071333 60%,#090713),url(/game-v2/environments/arcane-ruins/background.webp) center/cover no-repeat}.hero-copy{order:1;text-align:center;align-self:auto}.hero-copy h1{font-size:clamp(48px,14vw,68px)}.hero-copy>p{margin:auto;font-size:15px}.hero-battle{order:2;align-self:auto;min-height:clamp(330px,50svh,470px);border-radius:20px}.demo-enemy{width:min(62%,280px)}.demo-health{top:6%}.demo-party{bottom:2%;height:112px}.demo-fighter{width:72px;height:72px}.demo-fighter-two{left:22%;bottom:38px}.demo-fighter-three{right:21%;bottom:35px}.hero-actions{order:3;display:grid;margin-top:27px}.hero-actions a{width:100%}.quick-join{order:4;width:100%;align-self:auto}.quick-input{height:auto;min-height:58px;display:grid;grid-template-columns:auto 1fr}.quick-input button{grid-column:1/-1;margin-top:5px}.active-section,.how-to{padding:58px 16px}.section-heading{align-items:start}.section-heading p{padding-top:9px;white-space:nowrap}.active-games{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 16px;margin-right:-16px}.active-card{min-width:min(86vw,340px);scroll-snap-align:start}.steps{grid-template-columns:1fr}.steps article{min-height:290px}.streamer-callout{margin:0 16px 70px;padding:34px 24px;grid-template-columns:1fr;text-align:center}.streamer-callout ul{grid-template-columns:1fr;text-align:left;max-width:300px;margin:auto}.streamer-callout>a{grid-column:auto;width:100%}.home-footer{grid-template-columns:1fr;text-align:center}.home-footer nav{gap:16px}}@media(max-width:440px){.hero-copy h1{font-size:46px}.kicker{font-size:8px}.hero-battle{min-height:310px}.demo-fighter{width:64px;height:64px}.demo-fighter-four{display:none}.demo-health{width:85%}.section-heading{display:block}.section-heading p{margin-top:8px}.active-encounter{grid-template-columns:78px 1fr}.active-encounter img{width:74px;height:74px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-enemy,.demo-impact,.demo-damage,.demo-health i,.demo-fighter,.step-party i{animation:none!important}}