:root{color:#fff4ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#070707;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}h1,h2,p{margin:0}.battle-invite{isolation:isolate;color:#fff4ed;background:radial-gradient(circle at 50% 48%,#cc1c1452,#0000 25rem),radial-gradient(circle at 18% 18%,#ff473233,#0000 18rem),radial-gradient(circle at 86% 84%,#7e000052,#0000 22rem),linear-gradient(135deg,#0b0b0d 0%,#171010 45%,#050505 100%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,52px);display:grid;position:relative;overflow:hidden}.smoke-layer,.rune-grid,.ember-field{pointer-events:none;position:absolute;inset:0}.smoke-layer{z-index:-3;filter:blur(10px);background:radial-gradient(at 18% 60%,#a40f0d6b,#0000 34%),radial-gradient(at 78% 40%,#e61f1742,#0000 30%),radial-gradient(at 52% 22%,#4b4b5247,#0000 35%);animation:16s ease-in-out infinite alternate smokeDrift}.rune-grid{z-index:-2;opacity:.42;background-image:linear-gradient(#ff584814 1px,#0000 1px),linear-gradient(90deg,#ff58480e 1px,#0000 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0 45%,#0000 78%);mask-image:radial-gradient(circle at 50% 48%,#000 0 45%,#0000 78%)}.ember-field{z-index:-1}.ember-field span{left:var(--x);top:var(--y);aspect-ratio:1;opacity:0;width:clamp(2px,.45vw,5px);animation:emberRise var(--t) linear infinite;animation-delay:var(--d);background:#ff4a31;border-radius:999px;position:absolute;box-shadow:0 0 18px #ff3822f2}.battle-scene{z-index:1;grid-template-columns:minmax(260px,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(24px,5vw,70px);width:min(100%,1180px);min-height:min(88svh,820px);display:grid;position:relative}.battle-scene--summons,.battle-scene--legend,.battle-scene--challenge{text-align:center;grid-template-columns:1fr;justify-items:center}.battle-scene--legend{gap:clamp(18px,3vw,34px)}.battle-scene--axe{grid-template-columns:minmax(320px,1fr) minmax(300px,.9fr)}.battle-scene--axe .axe-stage{order:1}.battle-scene--axe .scene-copy{order:2}.scene-copy{justify-items:start;gap:clamp(14px,2.4vw,22px);width:min(100%,700px);display:grid;position:relative}.battle-scene--summons .scene-copy,.battle-scene--legend .scene-copy,.battle-scene--challenge .scene-copy{text-align:center;justify-items:center}.eyebrow{color:#ffb09d;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f0808ad;border:1px solid #ff745a57;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:clamp(.72rem,1.4vw,.82rem);font-weight:900;display:inline-flex;box-shadow:inset 0 0 22px #ff2a1814}.scene-copy h1{color:#fff4ed;letter-spacing:0;text-wrap:balance;text-shadow:0 0 28px #ff2c1952,0 14px 54px #000000b3;max-width:760px;font-size:clamp(2.75rem,6.5vw,6.9rem);font-weight:950;line-height:.94}.battle-scene--legend .scene-copy h1,.battle-scene--chosen .scene-copy h1,.battle-scene--squad .scene-copy h1{font-size:clamp(2.4rem,5.2vw,5.2rem);line-height:1}.subtitle,.legend-lines{color:#ffe5dcd1;text-wrap:pretty;max-width:660px;font-size:clamp(1.02rem,2vw,1.28rem);line-height:1.62}.legend-lines{gap:10px;display:grid}.legend-lines p{white-space:nowrap;width:0;max-width:100%;animation:1.9s steps(54,end) forwards typeLine;animation-delay:calc(.3s + var(--line) * 1.35s);border-right:2px solid #ff5138e6;overflow:hidden}.legend-lines p:nth-child(3){color:#fff4ed;text-shadow:0 0 18px #ff301e6b;font-weight:800}.war-button,.replay-button{color:#fffaf6;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ff5737f2,#a60908fa),#d21b13;border:1px solid #ff8e7494;border-radius:6px;justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:58px;padding:0 22px;font-weight:950;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14,0 22px 70px #d414105c,0 0 34px #ff341f57}.war-button:hover,.replay-button:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff1f,0 28px 86px #d4141075,0 0 48px #ff442a73}.war-button:active,.replay-button:active{transform:translateY(0)scale(.98)}.war-button:disabled{cursor:wait;opacity:.7}.portal-core{aspect-ratio:1;opacity:.72;filter:drop-shadow(0 0 58px #ff261473);border-radius:999px;place-items:center;width:min(66vw,620px);display:grid;position:absolute}.portal-core span{inset:calc(var(--ring,0) * 10%);border-radius:inherit;border:2px solid #ff583c57;animation:9s linear infinite portalSpin;position:absolute}.portal-core span:first-child{--ring:0}.portal-core span:nth-child(2){--ring:2;animation-duration:13s;animation-direction:reverse}.portal-core span:nth-child(3){--ring:4;background:radial-gradient(circle,#ff20143d,#0000 58%);animation-duration:7s}.ancient-clash{justify-content:center;align-items:center;gap:clamp(36px,9vw,110px);width:min(76vw,680px);height:clamp(120px,20vw,210px);display:flex;position:relative}.ancient{aspect-ratio:.7;clip-path:polygon(50% 0,80% 28%,70% 100%,30% 100%,20% 28%);background:linear-gradient(#3a3b42,#111);width:clamp(74px,12vw,130px);box-shadow:0 0 46px #ff2c1661}.ancient-radiant{transform:rotate(-9deg)}.ancient-dire{background:linear-gradient(#6c1311,#130706);transform:rotate(9deg)}.fault-line{background:#ff3b27;width:4px;height:100%;animation:1.5s ease-in-out infinite faultFlicker;position:absolute;transform:skew(-10deg);box-shadow:0 0 34px #ff3b27}.chosen-sigil{aspect-ratio:1;color:#ffd9cc;place-items:center;width:min(42vw,390px);display:grid;position:relative}.chosen-sigil svg{filter:drop-shadow(0 0 34px #ff341f9e);width:44%;height:44%}.chosen-sigil span{background:radial-gradient(circle,#ff301e29,#0000 60%);border:1px solid #ff583c70;animation:2.4s ease-in-out infinite alternate sigilPulse;position:absolute;inset:10%;transform:rotate(45deg)}.quality-grid{grid-template-columns:repeat(4,minmax(116px,1fr));gap:12px;width:min(100%,640px);margin-top:4px;display:grid}.quality-tile{color:#fff0e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#411614b8,#0c090ac7),#0a0a0cd1;border:1px solid #ff654b52;border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:112px;font-weight:900;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 18px 60px #00000052}.quality-tile svg{color:#ff6247;filter:drop-shadow(0 0 16px #ff4830b3)}.quality-tile:hover{border-color:#ff9f87c7;transform:translateY(-5px);box-shadow:0 24px 74px #bd14104d}.axe-stage{aspect-ratio:.86;filter:drop-shadow(0 34px 80px #00000080);justify-self:center;place-items:center;width:min(48vw,520px);display:grid;position:relative}.shockwave{aspect-ratio:1;border:2px solid #ff412a70;border-radius:999px;width:72%;animation:2.6s ease-out infinite shockwave;position:absolute}.axe-figure{aspect-ratio:.52;width:44%;animation:2.8s ease-in-out infinite alternate axeBreathe;position:relative}.axe-body{background:linear-gradient(90deg,#0000 0 18%,#ff6948e0 18% 30%,#0000 30% 70%,#ff6948e0 70% 82%,#0000 82%),linear-gradient(#8c1b16,#3b0d0b 72%,#151111);border-radius:34% 34% 12% 12%;position:absolute;inset:38% 15% 3%;box-shadow:inset 0 0 0 2px #ffb69624,0 0 72px #ff271680}.axe-head{background:linear-gradient(#aa2720,#57100d);border-radius:46% 46% 38% 38%;position:absolute;inset:10% 22% 53%;box-shadow:inset 0 0 0 2px #ffb79c29,0 0 34px #ff2d18a3}.axe-beard{background:#211717;border-radius:0 0 44% 44%;height:18%;position:absolute;top:36%;left:32%;right:32%}.horn{clip-path:polygon(50% 0,100% 100%,0 74%);background:linear-gradient(#ddd2c4,#7a6f68);width:36%;height:24%;position:absolute;top:1%}.horn-left{left:3%;transform:rotate(-28deg)}.horn-right{right:3%;transform:scaleX(-1)rotate(-28deg)}.axe-belt{background:#100b0b;border-radius:999px;height:7%;position:absolute;top:68%;left:10%;right:10%;box-shadow:0 0 0 2px #ff583c38}.axe-weapon{transform-origin:50% 82%;width:42%;animation:1.15s cubic-bezier(.16,1,.3,1) both axeEnter,2.6s ease-in-out 1.2s infinite alternate axeHover;position:absolute;inset:4% 4% 0 auto;transform:rotate(18deg)}.axe-blade{aspect-ratio:1.05;clip-path:polygon(0 22%,72% 0,100% 48%,70% 100%,0 78%,34% 50%);background:linear-gradient(135deg,#f2e5d6,#86817e 48%,#2b292b 52%,#d2c5b8);border-radius:999px 14px;width:76%;position:absolute;top:0;right:6%;box-shadow:0 0 28px #ff503770}.axe-handle{background:linear-gradient(90deg,#2b1811,#7c3a22,#1a100d);border-radius:999px;width:13%;height:76%;position:absolute;top:22%;left:45%}.match-core{aspect-ratio:1;justify-self:center;place-items:center;width:min(40vw,410px);display:grid;position:relative}.match-ring,.match-pulse{border:2px solid #ff583c6b;border-radius:999px;animation:8s linear infinite portalSpin;position:absolute;inset:12%;box-shadow:0 0 48px #ff2c1a57}.match-pulse{animation:1.7s ease-in-out infinite alternate matchPulse;inset:27%}.match-core strong{color:#fff4ed;text-shadow:0 0 30px #ff2b1999;font-size:clamp(3rem,8vw,6.6rem);font-weight:950;position:relative}.squad-orbit{aspect-ratio:1.9;pointer-events:none;width:min(82vw,780px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.squad-orbit span{color:#ffd8cc;letter-spacing:.08em;text-transform:uppercase;min-height:34px;animation:3s ease-in-out infinite alternate orbitFloat;animation-delay:calc(var(--slot) * -.23s);background:#0a0809c7;border:1px solid #ff5f465c;border-radius:999px;align-items:center;padding:0 13px;font-size:.78rem;font-weight:900;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 26px #ff2d1a2e}.squad-orbit span:first-child{top:10%;left:50%}.squad-orbit span:nth-child(2){top:28%;left:82%}.squad-orbit span:nth-child(3){top:72%;left:80%}.squad-orbit span:nth-child(4){top:90%;left:50%}.squad-orbit span:nth-child(5){top:72%;left:18%}.squad-orbit span:nth-child(6){top:28%;left:20%}.storm-core{pointer-events:none;position:absolute;inset:0;overflow:hidden}.storm-core span{opacity:0;background:linear-gradient(#0000,#ff3d27 26%,#0000 54%,#ff7962,#0000);width:3px;height:125%;animation:2.6s ease-in-out infinite lightning;position:absolute;top:-10%;box-shadow:0 0 26px #ff3a24cc}.storm-core span:first-child{left:18%;transform:rotate(12deg)}.storm-core span:nth-child(2){animation-delay:.8s;left:74%;transform:rotate(-15deg)}.storm-core span:nth-child(3){animation-delay:1.6s;left:52%;transform:rotate(4deg)}.battle-scene--challenge .subtitle{opacity:0;animation:.7s .8s forwards finalLine}.battle-scene--challenge .war-button{opacity:0;animation:.7s 1.22s forwards finalLine,1.6s ease-in-out 1.9s infinite alternate buttonPulse}.transition-veil{z-index:8;pointer-events:none;background:#080607d6;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.transition-veil strong{z-index:2;color:#fff1ea;letter-spacing:.12em;text-transform:uppercase;background:#0c0809c7;border:1px solid #ffb49e4d;border-radius:999px;align-items:center;min-height:38px;padding:0 16px;font-size:clamp(.76rem,1.6vw,.95rem);font-weight:950;display:inline-flex;position:relative}.transition-mark{aspect-ratio:1;background:radial-gradient(circle,#ff2e1b80,#0000 62%);border-radius:999px;width:clamp(180px,36vw,520px);position:absolute;box-shadow:0 0 100px #ff221294}.transition-veil--portal .transition-mark{border:3px solid #ff5f4880;animation:.92s both portalCrash}.transition-veil--split:before,.transition-veil--split:after{content:"";background:linear-gradient(90deg,#120909,#8d130f);animation:.9s both splitLeft;position:absolute;inset:0 50% 0 0}.transition-veil--split:after{background:linear-gradient(90deg,#8d130f,#120909);animation-name:splitRight;inset:0 0 0 50%}.transition-veil--flash{background:#ff3c27;animation:.85s both redFlash}.transition-veil--axe-spin .transition-mark{background:linear-gradient(135deg,#f3e7d8,#5d5b5d 48%,#ff3c27 50%,#201616);border-radius:12px 999px;animation:.94s cubic-bezier(.16,1,.3,1) both axeSpin}.transition-veil--match-load .transition-mark{background:conic-gradient(#ff3c27,#0000 42%,#ff8a70,#0000 72%,#ff3c27),radial-gradient(circle,#ff301e3d,#0000 62%);animation:.94s linear both matchLoad}.transition-veil--storm .transition-mark{border-radius:0;width:5px;height:120%;animation:.76s both stormCut}.victory-overlay{z-index:12;text-align:center;background:radial-gradient(circle at 50% 44%,#ff34206b,#0000 24rem),linear-gradient(145deg,#0a0607fa,#210908fa);align-content:center;place-items:center;gap:clamp(18px,3vw,28px);padding:clamp(18px,5vw,60px);display:grid;position:absolute;inset:0}.victory-burst{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ff3d272e 0 7deg, transparent 7deg 16deg), radial-gradient(circle, #ff3e263d, transparent 58%);border-radius:999px;width:min(86vw,760px);animation:14s linear infinite victorySpin;position:absolute}.victory-overlay h2{color:#fff5ee;letter-spacing:0;text-wrap:balance;text-shadow:0 0 44px #ff37228a;max-width:860px;font-size:clamp(2.8rem,7.8vw,7rem);font-weight:950;line-height:.95;position:relative}.replay-button{background:#0b0809d6;min-height:52px;position:relative}@keyframes smokeDrift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.06)}}@keyframes emberRise{0%{opacity:0;transform:translateY(30px)scale(.8)}18%,70%{opacity:.9}to{opacity:0;transform:translate(34px,-120px)scale(1.35)}}@keyframes portalSpin{to{transform:rotate(360deg)}}@keyframes typeLine{0%{width:0}99%{border-right-color:#ff5138e6}to{border-right-color:#0000;width:100%}}@keyframes faultFlicker{0%,to{opacity:.55;transform:skew(-10deg)scaleY(.92)}50%{opacity:1;transform:skew(12deg)scaleY(1.05)}}@keyframes sigilPulse{0%{opacity:.48;transform:rotate(45deg)scale(.96)}to{opacity:.9;transform:rotate(45deg)scale(1.04)}}@keyframes shockwave{0%{opacity:.85;transform:scale(.42)}to{opacity:0;transform:scale(1.35)}}@keyframes axeBreathe{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes axeEnter{0%{opacity:0;transform:translate(90px,-120px)rotate(68deg)}to{opacity:1;transform:translate(0,0)rotate(18deg)}}@keyframes axeHover{0%{transform:rotate(16deg)}to{transform:rotate(22deg)}}@keyframes matchPulse{0%{opacity:.5;transform:scale(.88)}to{opacity:1;transform:scale(1.08)}}@keyframes orbitFloat{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}@keyframes lightning{0%,72%,to{opacity:0}75%,78%,83%{opacity:.9}}@keyframes finalLine{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonPulse{0%{box-shadow:inset 0 0 0 1px #ffffff14,0 22px 70px #d414105c,0 0 34px #ff341f57}to{box-shadow:inset 0 0 0 1px #ffffff24,0 30px 92px #d414108a,0 0 64px #ff341f8f}}@keyframes portalCrash{0%{opacity:0;transform:scale(.4)rotate(-40deg)}48%{opacity:1}to{opacity:0;transform:scale(2.3)rotate(45deg)}}@keyframes splitLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes splitRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes redFlash{0%,to{opacity:0}45%{opacity:1}}@keyframes axeSpin{0%{opacity:0;transform:rotate(-220deg)scale(.3)}50%{opacity:1}to{opacity:0;transform:rotate(260deg)scale(2.2)}}@keyframes matchLoad{0%{opacity:0;transform:rotate(0)scale(.7)}50%{opacity:1}to{opacity:0;transform:rotate(520deg)scale(1.45)}}@keyframes stormCut{0%{opacity:0;transform:rotate(-16deg)scaleY(.2)}42%{opacity:1;transform:rotate(12deg)scaleY(1.2)}to{opacity:0;transform:rotate(22deg)scaleY(1.4)}}@keyframes victorySpin{to{transform:rotate(360deg)}}@media (width<=860px){.battle-invite{padding:18px}.battle-scene,.battle-scene--axe{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(16px,3svh,24px);min-height:92svh}.battle-scene--axe .axe-stage,.battle-scene--axe .scene-copy{order:initial}.scene-copy{justify-items:center;width:min(100%,680px)}.scene-copy h1,.battle-scene--legend .scene-copy h1,.battle-scene--chosen .scene-copy h1,.battle-scene--squad .scene-copy h1{font-size:clamp(2.2rem,11.8vw,4.35rem);line-height:.98}.subtitle,.legend-lines{font-size:clamp(.98rem,4vw,1.12rem);line-height:1.52}.legend-lines p{white-space:normal;opacity:0;width:auto;animation:.65s forwards finalLine;animation-delay:calc(.18s + var(--line) * .24s);border-right:0}.portal-core{width:min(88vw,430px)}.chosen-sigil,.match-core{width:min(72vw,340px)}.axe-stage{width:min(72vw,330px)}.quality-grid{grid-template-columns:repeat(2,minmax(118px,1fr));width:min(100%,430px)}.quality-tile{min-height:88px}.squad-orbit{display:none}}@media (width<=480px){.battle-invite{padding:14px}.battle-scene{min-height:94svh}.eyebrow{letter-spacing:.1em;min-height:30px;padding:0 11px}.scene-copy{gap:12px}.war-button,.replay-button{width:min(100%,320px);min-height:54px;padding:0 14px;font-size:.9rem}.quality-grid{gap:9px}.quality-tile{min-height:78px;font-size:.92rem}.victory-overlay h2{font-size:clamp(2.3rem,12vw,4.2rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}