@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#fff4ed;background:#170e1b;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#170e1b}button{font:inherit}button:focus-visible{outline:3px solid #ffdc65;outline-offset:3px}.raid-app{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 78% 11%,rgba(217,60,83,.31),transparent 31rem),radial-gradient(circle at 15% 94%,rgba(94,72,221,.22),transparent 35rem),#160e1c}.raid-app:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";opacity:.24;background-image:linear-gradient(rgba(255,215,143,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,215,143,.07) 1px,transparent 1px);background-size:39px 39px;-webkit-mask-image:linear-gradient(black,transparent 90%);mask-image:linear-gradient(black,transparent 90%)}.eyebrow{color:#ffcf66;font:500 10px/1 DM Mono,monospace;letter-spacing:.16em}.raid-logo,.battle-hud{display:flex;align-items:center;justify-content:space-between;gap:15px;width:min(1140px,calc(100% - 40px));margin:auto;padding:23px 0}.raid-logo>span,.raid-brand{display:inline-flex;align-items:center;gap:7px;color:#fff2df;font:900 19px/1 Barlow Condensed,sans-serif;letter-spacing:.14em}.raid-logo svg,.raid-brand svg{color:#ffb952}.raid-logo small{color:#b7a5b0;font:500 10px/1 DM Mono,monospace;letter-spacing:.14em}.beta-badge{padding:4px 9px;border:1px solid rgba(255,214,120,.55);border-radius:99px;color:#ffdc7c;font:700 9px/1 DM Mono,monospace;font-style:normal;letter-spacing:.12em;white-space:nowrap}.title-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;width:min(1010px,calc(100% - 40px));min-height:550px;margin:auto}.title-copy h1{margin:16px 0 24px;font:900 clamp(84px,13vw,150px)/.72 "Barlow Condensed",sans-serif;letter-spacing:-.045em}.title-copy h1 em{color:#f45471;font-style:normal;text-shadow:0 0 34px rgba(244,84,113,.5)}.title-copy p{max-width:450px;margin:0 0 27px;color:#c9bac2;font-size:16px;line-height:1.8}.start-raid{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 25px;border:0;border-radius:5px;background:linear-gradient(110deg,#ffcb56,#f75d6d);box-shadow:0 12px 31px #f248644d;color:#21121b;cursor:pointer;font:900 17px/1 Barlow Condensed,sans-serif;letter-spacing:.1em;transition:.16s}.start-raid:hover{transform:translateY(-3px);box-shadow:0 17px 38px #f2486470}.title-copy>small{display:block;margin-top:13px;color:#93818e;font-size:11px}.title-stage{position:relative;width:min(430px,100%);height:400px;margin:auto;border:1px solid rgba(255,194,108,.22);background:radial-gradient(circle at 50% 53%,rgba(224,61,88,.42),transparent 28%),linear-gradient(145deg,#502c689c,#0f0b1a2e);box-shadow:inset 0 0 90px #5e3ac533,0 20px 35px #00000059;transform:skewY(-3deg)}.title-stage:before{position:absolute;right:0;bottom:0;left:0;height:37%;content:"";background:linear-gradient(#472443,#170f1a);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}.title-hero,.title-boss{position:absolute;bottom:52px;width:118px;height:170px;filter:drop-shadow(0 18px 15px rgba(0,0,0,.55))}.title-hero{left:64px}.title-boss{right:50px}.title-hero i,.title-boss i{position:absolute;bottom:0;width:100%;height:126px;background:linear-gradient(145deg,#5f67da,#23265a);clip-path:polygon(24% 0,76% 0,91% 100%,8% 100%);box-shadow:0 0 0 3px #a9bbff}.title-hero b,.title-boss b{position:absolute;top:0;left:29px;width:60px;height:60px;border-radius:44% 44% 36% 36%;background:#f1cb99;box-shadow:inset -12px -9px #a37a5b}.title-hero span{position:absolute;right:-23px;bottom:14px;width:12px;height:118px;background:#ffda60;box-shadow:0 0 18px #ffda60;transform:rotate(38deg)}.title-boss i{background:linear-gradient(145deg,#a43d58,#441728);clip-path:polygon(18% 7%,42% 0,58% 0,82% 7%,98% 100%,2% 100%);box-shadow:0 0 0 3px #ff9e9d}.title-boss b{background:#d36077;box-shadow:inset -12px -9px #722943}.title-boss span{position:absolute;top:36px;left:-27px;width:168px;height:84px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,55,91,.59),transparent 67%);filter:blur(11px)}.title-slash{position:absolute;z-index:3;top:49%;left:41%;width:20px;height:230px;background:linear-gradient(90deg,transparent,#ffe873,transparent);box-shadow:0 0 28px #ffdf66;transform:rotate(45deg)}.boss-list{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;width:min(1010px,calc(100% - 40px));margin:8px auto 46px}.boss-list article{display:grid;gap:8px;min-height:108px;padding:16px;border:1px solid rgba(255,199,114,.18);border-radius:6px;background:#251225ad}.boss-list span{color:#ffca68;font:500 9px/1 DM Mono,monospace;letter-spacing:.12em}.boss-list strong{font:800 23px/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.boss-list small{color:#bdaeb8;font-size:10px;letter-spacing:.05em}.title-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.title-embers i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffcd63;box-shadow:0 0 12px #ff6a72;animation:ember 4s linear infinite}.title-embers i:nth-child(1){left:8%;bottom:15%}.title-embers i:nth-child(2){left:26%;top:19%;animation-delay:1s}.title-embers i:nth-child(3){right:14%;top:26%;animation-delay:2.3s}.title-embers i:nth-child(4){right:28%;bottom:8%;animation-delay:3.1s}.title-embers i:nth-child(5){left:48%;bottom:25%;animation-delay:1.5s}.battle-screen{display:grid;grid-template-rows:auto minmax(286px,.75fr) minmax(350px,1fr)}.battle-screen.boss-1{background:radial-gradient(circle at 78% 11%,rgba(55,173,193,.25),transparent 31rem),radial-gradient(circle at 15% 94%,rgba(209,94,84,.18),transparent 35rem),#130e21}.battle-screen.boss-2{background:radial-gradient(circle at 78% 11%,rgba(239,41,67,.35),transparent 31rem),radial-gradient(circle at 15% 94%,rgba(247,141,53,.2),transparent 35rem),#1b0d13}.battle-hud{padding:17px 0;border-bottom:1px solid rgba(255,202,116,.16)}.raid-brand span{padding-left:6px;color:#ffca65;font:500 9px/1 DM Mono,monospace;letter-spacing:.12em}.boss-progress{display:flex;gap:7px}.boss-progress i{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#aaa0ab;font:500 10px/1 DM Mono,monospace;font-style:normal}.boss-progress i.active{border-color:#ffca65;color:#1c101a;background:#ffca65;box-shadow:0 0 16px #ffca655c}.boss-progress i.down{border-color:#ea6378;color:#fff;background:#d84461}.battle-hud>button,.title-back{border:1px solid rgba(255,255,255,.25);border-radius:4px;background:transparent;color:#c9bcc4;cursor:pointer;font:500 10px/1 DM Mono,monospace;letter-spacing:.1em;padding:10px 13px}.arena-stage{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,199,118,.18);background:linear-gradient(180deg,#33164294,#120b1cf5),repeating-linear-gradient(90deg,transparent 0 65px,rgba(255,220,152,.07) 66px),radial-gradient(ellipse at 50% 100%,rgba(242,80,108,.25),transparent 55%)}.arena-stage:before{position:absolute;right:0;bottom:0;left:0;height:42%;content:"";background:repeating-linear-gradient(90deg,rgba(255,216,132,.15) 0 13px,transparent 13px 30px),linear-gradient(#55243c,#190f20);clip-path:polygon(0 39%,100% 0,100% 100%,0 100%)}.attack-telegraph{position:absolute;z-index:4;top:16px;left:50%;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(255,207,104,.45);border-radius:99px;background:#1c0c1cad;color:#ffdb77;font:500 10px/1 DM Mono,monospace;letter-spacing:.12em;transform:translate(-50%)}.notice{position:absolute;z-index:6;top:57px;left:50%;color:#b9f5cc;font:800 20px/1 Barlow Condensed,sans-serif;letter-spacing:.1em;text-shadow:0 0 15px #7ee69a;transform:translate(-50%)}.fighters{position:relative;z-index:2;display:grid;grid-template-columns:1fr 110px 1fr;align-items:end;width:min(900px,calc(100% - 40px));height:100%;margin:auto}.fighter{display:flex;align-items:end;gap:12px;padding-bottom:21px}.fighter.boss{flex-direction:row-reverse;text-align:right}.fighter-info{display:grid;gap:5px}.fighter-info>span{color:#c8bac2;font:500 9px/1 DM Mono,monospace;letter-spacing:.1em}.fighter-info>strong{font:900 27px/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.fighter-info small{color:#bcaeba;font:500 9px/1 DM Mono,monospace}.health{width:min(210px,100%);height:13px;padding:2px;border:1px solid rgba(255,242,220,.35);border-radius:2px;background:#201225}.health b{display:block;height:100%;transition:width .32s}.health.hero b{background:linear-gradient(90deg,#80e6e0,#6f84ff)}.health.boss b{background:linear-gradient(90deg,#ff676f,#ffab61)}.hero-sprite,.boss-sprite{position:relative;flex:none;width:111px;height:119px}.hero-sprite{background:linear-gradient(145deg,#5964d8,#24265d);clip-path:polygon(25% 0,75% 0,90% 18%,78% 37%,93% 100%,7% 100%,22% 37%,10% 18%);box-shadow:0 0 0 3px #a8b9ff,0 18px 25px #0000008f}.hero-sprite i,.boss-sprite i{position:absolute;top:16%;left:34%;width:32%;height:16%;border-radius:48%;background:#f1cf9b}.hero-sprite b{position:absolute;right:-22px;bottom:6px;width:12px;height:105px;background:#ffde66;box-shadow:0 0 18px #ffde66;transform:rotate(35deg)}.boss-sprite{background:linear-gradient(145deg,#a13b5c,#43172c);clip-path:polygon(18% 7%,41% 0,59% 0,82% 7%,96% 100%,4% 100%);box-shadow:0 0 0 3px #ff9ca1,0 18px 25px #0000008f}.boss-sprite i{background:#ffc0c1}.boss-sprite b{position:absolute;top:26px;left:-21px;width:150px;height:70px;border-radius:48%;background:radial-gradient(ellipse,rgba(255,48,92,.55),transparent 67%);filter:blur(8px)}.boss-sprite.variant-1{background:linear-gradient(145deg,#3e9cbc,#1b3568);box-shadow:0 0 0 3px #92e8ff,0 18px 25px #0000008f}.boss-sprite.variant-1 b{background:radial-gradient(ellipse,rgba(80,223,255,.55),transparent 67%)}.boss-sprite.variant-2{width:132px;height:142px;background:linear-gradient(145deg,#bc3546,#581525);box-shadow:0 0 0 4px #ffb060,0 18px 25px #0000008f}.boss-sprite.variant-2 span{position:absolute;top:-13px;left:21px;width:91px;height:35px;border:5px solid #ffbb69;border-bottom:0;border-radius:55% 55% 0 0}.damage-float{display:grid;place-items:center;align-self:center}.damage-float strong{position:relative;z-index:1;color:#fff2aa;font:900 33px/1 Barlow Condensed,sans-serif;text-shadow:0 0 17px #ffcc6b}.damage-float i{width:102px;height:2px;background:linear-gradient(90deg,transparent,#ffcf68,transparent);box-shadow:0 0 18px #ffcf68}.boss-hit .fighter.boss,.hero-hit .fighter.hero{animation:impact .37s linear 2}.command-zone{display:grid;grid-template-columns:168px minmax(0,760px);gap:21px;align-items:center;width:min(950px,calc(100% - 40px));margin:auto}.skill-panel{display:grid;gap:10px}.timer-orb{display:grid;place-content:center;width:92px;height:92px;margin:auto;border:3px solid #ffcc65;border-radius:50%;background:radial-gradient(circle,rgba(255,106,105,.27),transparent 65%);box-shadow:0 0 27px #ff736d38;text-align:center}.timer-orb strong{font:900 39px/.8 Barlow Condensed,sans-serif}.timer-orb span{color:#d7c4c8;font:500 9px/1 DM Mono,monospace;letter-spacing:.14em}.stat-line{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px;border:1px solid rgba(255,207,114,.2);border-radius:4px;color:#d8cbd2;font:500 10px/1 DM Mono,monospace}.stat-line svg{color:#ffcf68}.burst-button,.potion-button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:11px;border:1px solid rgba(255,199,110,.27);border-radius:4px;background:#28132b;color:#9d8a97;cursor:not-allowed;font:800 13px/1 Barlow Condensed,sans-serif;letter-spacing:.06em}.burst-button:not(:disabled),.potion-button:not(:disabled){cursor:pointer}.burst-button.ready{border-color:#ffdb61;background:linear-gradient(110deg,#cf365f,#f47d57);color:#fff8d9;box-shadow:0 0 25px #f7725357;animation:pulse 1.2s infinite}.burst-button i{grid-column:1/-1;display:block;height:3px;background:#4e2c4b}.burst-button i b{display:block;height:100%;background:#ffdf69}.potion-button{color:#d5c8ce}.potion-button:not(:disabled):hover{border-color:#ffca63;color:#fff}.command-card{position:relative;min-height:275px;padding:23px;border:1px solid rgba(255,209,120,.28);border-radius:7px;background:linear-gradient(135deg,#391a3fe8,#180c1df5);box-shadow:inset 0 0 48px #dd46681a,0 15px 37px #00000040}.command-label{display:flex;justify-content:space-between;gap:8px;color:#d7c6cf;font:500 9px/1 DM Mono,monospace;letter-spacing:.1em}.command-card h2{margin:17px 0 21px;font-size:clamp(21px,3vw,30px);line-height:1.32}.attack-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.attack-choices button{display:flex;align-items:center;gap:10px;min-height:49px;padding:9px;border:1px solid rgba(255,218,151,.2);border-radius:4px;background:#1a0c1da6;color:#fff3ed;cursor:pointer;text-align:left;transition:.13s}.attack-choices button:hover:not(:disabled){border-color:#ffdc68;background:#a4335685;transform:translateY(-2px)}.attack-choices button:disabled{cursor:wait;opacity:.65}.attack-choices b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ffcf69;border-radius:50%;color:#ffda70;font:500 10px/1 DM Mono,monospace}.combat-result{position:absolute;z-index:4;right:14px;bottom:14px;left:14px;padding:12px 14px;border-left:4px solid #84ecd6;background:#150a1cf5;animation:appear .24s}.combat-result.miss{border-color:#ff6d78}.combat-result strong{color:#ffdb6b;font:500 10px/1 DM Mono,monospace;letter-spacing:.1em}.combat-result p{margin:7px 0;color:#fff3ed;font-size:13px}.combat-result small{color:#cdbdc6;font-size:11px}.upgrade-screen,.result-screen{display:grid;place-items:center;padding:25px}.upgrade-panel,.result-panel{width:min(830px,100%);padding:clamp(30px,6vw,68px);border:1px solid rgba(255,204,105,.36);border-radius:9px;background:linear-gradient(135deg,#3d1b40f2,#180c1ef5);box-shadow:0 25px 85px #0000007a,inset 0 0 100px #e74e691a;text-align:center}.upgrade-panel>svg,.result-panel>svg{color:#ffcf67;filter:drop-shadow(0 0 18px rgba(255,207,103,.55))}.upgrade-panel h1,.result-panel h1{margin:15px 0;font:900 clamp(45px,7vw,78px)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.035em}.upgrade-panel>p,.result-panel>p{max-width:580px;margin:0 auto;color:#cabac3;line-height:1.75}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:30px}.upgrade-grid button{display:grid;gap:10px;min-height:200px;padding:19px;border:1px solid rgba(255,226,158,.2);border-radius:6px;background:#1d0d20bf;color:#fff3ea;cursor:pointer;text-align:left;transition:.16s}.upgrade-grid button:hover{border-color:#ffdc68;background:#7f2b47a8;transform:translateY(-5px);box-shadow:0 14px 26px #00000047}.upgrade-grid svg{color:#ffcf69}.upgrade-grid strong{font:800 23px/1 Barlow Condensed,sans-serif;letter-spacing:.03em}.upgrade-grid span{color:#c6b7be;font-size:12px}.upgrade-grid b{align-self:end;color:#ffda70;font:500 10px/1 DM Mono,monospace;letter-spacing:.12em}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:27px 0}.result-grid div{padding:13px 5px;border:1px solid rgba(255,225,152,.16);border-radius:4px}.result-grid span{display:block;color:#c1b2bb;font:500 8px/1 DM Mono,monospace;letter-spacing:.1em}.result-grid strong{display:block;margin-top:7px;color:#ffcf67;font:900 29px/1 Barlow Condensed,sans-serif}.defeat .result-panel>svg{color:#f26a76;filter:drop-shadow(0 0 18px rgba(242,106,118,.52))}.title-back{display:block;margin:14px auto 0}@keyframes ember{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-130px);opacity:0}}@keyframes impact{25%{transform:translate(-11px)}75%{transform:translate(11px)}}@keyframes pulse{50%{filter:brightness(1.3);transform:scale(1.025)}}@keyframes appear{0%{opacity:0;transform:translateY(6px)}}@media(max-width:760px){.raid-logo,.battle-hud{width:calc(100% - 28px)}.raid-logo small{display:none}.title-main{grid-template-columns:1fr;min-height:0;padding:48px 0 20px}.title-copy h1{font-size:min(29vw,130px)}.title-stage{order:-1;width:320px;height:300px;transform:scale(.92) skewY(-3deg);margin:-22px auto}.title-hero{left:37px;transform:scale(.78);transform-origin:bottom}.title-boss{right:31px;transform:scale(.78);transform-origin:bottom}.boss-list{grid-template-columns:1fr}.battle-screen{grid-template-rows:auto 290px auto}.battle-hud .raid-brand span{display:none}.fighters{grid-template-columns:1fr 51px 1fr;width:calc(100% - 28px)}.fighter{gap:5px}.fighter.boss{flex-direction:column-reverse}.fighter.hero{flex-direction:column}.fighter-info>strong{font-size:18px}.fighter-info>span,.fighter-info small{font-size:8px}.hero-sprite,.boss-sprite{transform:scale(.78);transform-origin:bottom}.damage-float i{width:42px}.command-zone{grid-template-columns:1fr;width:calc(100% - 28px);padding:18px 0}.skill-panel{grid-template-columns:92px 1fr 1fr;align-items:center}.timer-orb{margin:0}.stat-line{grid-column:2/-1}.burst-button,.potion-button{grid-column:1/-1}.command-card{padding:17px}.attack-choices,.upgrade-grid{grid-template-columns:1fr}.upgrade-panel,.result-panel{padding:31px 20px}.result-grid strong{font-size:23px}}