:root{--ink:#e9e1cf;--muted:#968da3;--panel:#14101b;--gold:#e7bd63;--violet:#a44ee7}*{box-sizing:border-box}html{background:#07050b}body{color:var(--ink);background:#07050b;margin:0;font-family:Arial,Helvetica,sans-serif}button{color:inherit;font:inherit}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #f4d485}.game-shell{background:radial-gradient(circle at 50% 4%,#682e8f3d,#0000 31rem),linear-gradient(#07050bb8,#07050bf5),repeating-linear-gradient(135deg,#0000 0 45px,#ffffff03 46px 47px);min-height:100svh;padding:12px 16px;position:relative;overflow:hidden}.game-shell:before{content:"";pointer-events:none;opacity:.38;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");position:fixed;inset:0}.mist{filter:blur(90px);opacity:.15;pointer-events:none;border-radius:50%;position:fixed}.mist-one{background:#982fff;width:280px;height:280px;top:10%;left:-100px}.mist-two{background:#a66f19;width:360px;height:360px;bottom:10%;right:-180px}.game-card{background:linear-gradient(145deg,#1a1422fa,#0c0911fa);border:1px solid #34283f;width:min(100%,440px);margin:0 auto;position:relative;box-shadow:0 30px 100px #000,inset 0 1px #ffffff0a}.game-card:before,.game-card:after{content:"◆";z-index:2;color:#8a6a36;font-size:17px;position:absolute;top:-9px}.game-card:before{left:-8px}.game-card:after{right:-8px}.game-header{justify-content:space-between;align-items:center;gap:20px;padding:12px 16px 8px;display:flex}.eyebrow{color:#9c7dc0;letter-spacing:.22em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}h1{letter-spacing:-.04em;color:#f2e6c8;text-shadow:0 0 25px #e7bd631f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,6vw,30px);font-weight:500}.text-button{color:#aaa0b3;cursor:pointer;background:#17121d;border:1px solid #3c3146;border-radius:4px;min-height:44px;padding:0 13px;font-size:12px}.text-button:hover{color:#eee5f2;border-color:#765e88}.header-actions{align-items:center;gap:6px;display:flex}.sound-button{color:#c9b2d2;cursor:pointer;background:#17121d;border:1px solid #3c3146;border-radius:4px;width:44px;min-width:44px;height:44px}.sound-button[aria-pressed=true]{color:#746a7c}.stage-path{grid-template-columns:repeat(7,1fr);gap:5px;padding:0 16px 10px;display:grid}.stage-path span{color:#5f5667;border:1px solid #332a3b;place-items:center;height:22px;font:700 10px Georgia,serif;display:grid;position:relative;transform:skew(-8deg)}.stage-path .passed{color:#a996bd;background:#30233c;border-color:#503766}.stage-path .current{color:#fff2cd;background:linear-gradient(135deg,#6d4722,#b8893f);border-color:#e0b867;box-shadow:0 0 14px #e0b8674d}.resource-row{background:#0d0a12;border-block:1px solid #2b2233;grid-template-columns:1.1fr 1.25fr .7fr;display:grid}.resource-row div{border-right:1px solid #292130;padding:7px 12px}.resource-row div:last-child{border:0}.resource-row span{color:#71687a;letter-spacing:.1em;margin-bottom:4px;font-size:9px;display:block}.resource-row strong{white-space:nowrap;font-size:13px;font-weight:700}.resource-row .gold{color:var(--gold)}.combat-zone{--stage-color:#9852c4;position:relative}.combat-zone.stage-1{--stage-color:#c09942}.combat-zone.stage-2{--stage-color:#79b369}.combat-zone.stage-3{--stage-color:#6179ad}.combat-zone.stage-4{--stage-color:#b75381}.combat-zone.stage-5{--stage-color:#5baba8}.combat-zone.stage-6{--stage-color:#d3b76c}.combat-zone.stage-7{--stage-color:#d2494e}.battlefield{background:linear-gradient(180deg, transparent 50%, #09050deb), radial-gradient(ellipse at center 65%, color-mix(in srgb, var(--stage-color) 30%, transparent), transparent 50%), linear-gradient(#171023, #0b0710);border-bottom:1px solid #3a2c46;height:clamp(110px,20svh,170px);position:relative;overflow:hidden}.battlefield:before{content:"";opacity:.32;clip-path:polygon(0 48%,100% 48%,100% 100%,0 100%);background:linear-gradient(68deg,#0000 46%,#75598a 47% 48%,#0000 49%) 0 0/80px 100%,linear-gradient(-68deg,#0000 46%,#75598a 47% 48%,#0000 49%) 40px 0/80px 100%;position:absolute;inset:0}.battlefield:after{content:"";opacity:.32;background:#7e468d;height:1px;position:absolute;bottom:51px;left:0;right:0;box-shadow:0 7px 20px 5px #8032a0}.moon{opacity:.55;background:radial-gradient(circle at 35% 30%,#bc99c7,#6b3e79 55%,#21152c);border:1px solid #c69ddd47;border-radius:50%;width:90px;height:90px;position:absolute;top:8px;left:calc(50% - 45px);box-shadow:0 0 40px #9f4fc42e,inset 18px -12px 30px #320c46d9}.boss-title{z-index:3;position:absolute;top:16px;left:18px}.boss-title span{color:#9a71ba;letter-spacing:.2em;font-size:9px;font-weight:800;display:block}.boss-title strong{color:#d8c9dd;margin-top:4px;font:14px Georgia,serif;display:block}.boss{z-index:2;filter:drop-shadow(0 10px 13px #000);width:170px;height:116px;position:absolute;top:10px;left:calc(50% - 85px);overflow:visible}.boss-wing{fill:#17101f;stroke:#67377d;stroke-width:2px}.boss-body{fill:#24142e;stroke:var(--stage-color);stroke-width:2px}.boss-horn{fill:#0d0911;stroke:#ad79b8;stroke-width:2px}.boss-eye{fill:#ffb8ff;filter:drop-shadow(0 0 5px #e45cff)}.boss-core{filter:drop-shadow(0 0 9px #c044ff)}.boss.fighting{animation:1.8s ease-in-out infinite boss-hover}.boss.hit{filter:brightness(2)drop-shadow(0 0 16px #fff)}.boss.dying{transform-origin:50% 75%;animation:.72s cubic-bezier(.7,0,.9,.5) forwards boss-death}.battle-hud{z-index:4;position:absolute;bottom:12px;left:18px;right:18px}.hp-line{background:#0b080e;border:1px solid #5a3a62;height:7px;padding:1px}.hp-line span{background:linear-gradient(90deg,#7229a1,#df61ec);height:100%;transition:width .1s linear;display:block;box-shadow:0 0 9px #9b3dca}.battle-values{color:#9b8ea1;justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.battle-values strong{color:#ddd0e3}.battle-values .urgent{color:#f06d70;animation:.6s infinite alternate urgent}.army-section{background:linear-gradient(#15101b,#110d16);padding:10px 14px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:7px;display:flex}.section-heading span{color:#7d617e;letter-spacing:.18em;text-transform:uppercase;font-size:9px}.section-heading h2{color:#e3d8c2;margin:2px 0 0;font:17px Georgia,serif}.section-heading>strong{color:#827789;font:12px monospace}.unit-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.unit-slot{aspect-ratio:1;background:linear-gradient(145deg,#251d2c,#100d15);border:1px solid #393040;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;padding:5px 3px;display:flex;position:relative;overflow:hidden}button.unit-slot{cursor:pointer}.unit-slot svg{fill:currentColor;width:auto;height:calc(100% - 32px);position:absolute;top:3%}.unit-slot .unit-aura{opacity:.13}.unit-slot .unit-helm{fill:#211927;stroke:currentColor;stroke-width:1.7px}.unit-slot svg circle{fill:currentColor}.unit-slot .angel-symbol{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px)}.unit-slot .sigil-sariel .angel-symbol,.unit-slot .sigil-remiel .angel-symbol,.unit-slot .sigil-raphael .angel-symbol,.unit-slot .sigil-gabriel .angel-symbol{fill:#17111e}.unit-slot small{z-index:1;color:currentColor;letter-spacing:.04em;font-size:10px;font-weight:800;line-height:1.1}.unit-slot b{z-index:1;color:#e4dce8;margin-top:1px;font-size:10px;line-height:1.1}.unit-slot em{color:currentColor;opacity:.7;font-size:7px;font-style:normal;font-weight:800;position:absolute;top:3px;left:4px}.unit-mark{z-index:2;color:currentColor;font-size:10px;position:absolute;top:3px;right:5px}.unit-slot.selected{border-color:#efca72;transform:translateY(-2px);box-shadow:0 0 0 1px #8b6635,0 8px 20px #000}.unit-slot:disabled{opacity:1;filter:none;cursor:default}.unit-slot.empty{color:#403746;background:#08060a6b;border-style:dashed;justify-content:center;gap:3px}.unit-slot.empty span{font:20px Georgia,serif}.unit-slot.empty small{color:#554b5a;font-weight:400}.inventory-box{background:#08060c8c;border:1px solid #302638;border-radius:4px;margin-top:8px;padding:7px 8px;font-size:9px}.inventory-box>span{color:#85718d;letter-spacing:.12em;text-transform:uppercase}.inventory-box>strong{float:right;color:#b9a7c0;font-weight:600}.inventory-box>div{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.inventory-box i{color:#cfc3d5;background:#251c2d;border-radius:3px;padding:3px 5px;font-style:normal}.inventory-tier-0{color:#c4c1c6!important;background:#302c34!important}.inventory-tier-1{color:#7ed5fa!important;background:#183141!important}.inventory-tier-2{color:#d18af1!important;background:#352044!important}.inventory-tier-3{color:#f1c466!important;background:#49361a!important}.inventory-tier-4{color:#ff8198!important;background:#4a1e2d!important}.tier-0{color:#aaa8ac}.tier-1{color:#71bbdf;border-color:#345568}.tier-2{color:#be77ed;border-color:#67427c}.tier-3{color:#efbe57;border-color:#7e6030;box-shadow:inset 0 0 16px #dfa43314}.tier-4{color:#ff738d;border-color:#9d3b52;box-shadow:inset 0 0 21px #ff365b1f,0 0 10px #e1315926}.unit-slot.slot-pop{animation:.5s cubic-bezier(.2,.8,.2,1) slot-pop}.unit-slot.slot-fireworks{z-index:8;overflow:visible}.unit-slot.slot-fireworks:before,.unit-slot.slot-fireworks:after{content:"";pointer-events:none;background:#fff;border-radius:50%;width:4px;height:4px;animation:.78s ease-out forwards fireworks-burst;position:absolute;top:42%;left:50%;box-shadow:0 -24px #ffd66e,17px -17px #f5a7ff,24px 0 #8fe7ff,17px 17px #ffd66e,0 24px #f5a7ff,-17px 17px #8fe7ff,-24px 0 #ffd66e,-17px -17px #f5a7ff}.unit-slot.slot-fireworks:after{animation-delay:80ms;transform:rotate(22deg)scale(.7)}.unit-slot.firing svg{animation:.18s ease-out unit-recoil}.unit-slot.merging{z-index:6;animation:.42s ease-in forwards merge-converge}.unit-slot.merging:nth-child(5n+1){--merge-x:200%}.unit-slot.merging:nth-child(5n+2){--merge-x:100%}.unit-slot.merging:nth-child(5n+3){--merge-x:0%}.unit-slot.merging:nth-child(5n+4){--merge-x:-100%}.unit-slot.merging:nth-child(5n+5){--merge-x:-200%}.unit-slot.merging:nth-child(-n+5){--merge-y:55%}.unit-slot.merging:nth-child(n+6){--merge-y:-55%}.attack-layer{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.projectile{transform:translate(-50%, -50%) rotate(var(--angle));will-change:transform;animation:.42s cubic-bezier(.3,.05,.65,.95) forwards projectile-flight;display:block;position:absolute}.projectile-tier-0{background:linear-gradient(90deg,#0000,#fff);width:24px;height:2px;box-shadow:0 0 5px #fff}.projectile-tier-1{background:linear-gradient(90deg,#0000,#65cfff 75%,#e9fbff);border-radius:0 8px 8px 0;width:32px;height:4px;box-shadow:0 0 8px #2aaef0}.projectile-tier-2{background:#9c36df;border:2px solid #ebc1ff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 5px #fff,0 0 15px #ad3aff}.projectile-tier-3{clip-path:polygon(0 35%,76% 35%,76% 0,100% 50%,76% 100%,76% 65%,0 65%);filter:drop-shadow(0 0 5px #ffbd38);background:linear-gradient(90deg,#0000,#ffd86d 45%,#fff5bd);width:38px;height:4px}.projectile-tier-4{clip-path:polygon(0 42%,68% 42%,82% 0,100% 50%,82% 100%,68% 58%,0 58%);filter:drop-shadow(0 0 7px #ff3d77);background:linear-gradient(90deg,#0000,#ff6c97,#fff);width:42px;height:8px}.attack-impact{border:2px solid #fff;border-radius:50%;width:13px;height:13px;margin:-7px;animation:.55s ease-out forwards impact-burst;position:absolute;box-shadow:0 0 10px}.impact-tier-0{color:#fff}.impact-tier-1{color:#63c9ff}.impact-tier-2{color:#c15dff}.impact-tier-3{color:#ffd56a}.impact-tier-4{color:#ff577f;border-width:4px;width:24px;height:24px;margin:-12px}.damage-number{z-index:2;color:#fff;text-shadow:0 1px 3px #000,0 0 7px;font:800 10px Georgia,serif;animation:.65s ease-out forwards damage-rise;position:absolute;transform:translate(-50%,-50%)}.damage-tier-1{color:#8ad9ff}.damage-tier-2{color:#d98aff}.damage-tier-3{color:#ffe090}.damage-tier-4{color:#ff8ca6;font-size:12px}.angel-banner{z-index:25;width:min(86%,330px);box-shadow:0 12px 35px #000, inset 0 0 18px color-mix(in srgb, currentColor 12%, transparent);pointer-events:none;background:#0f0a14f0;border:1px solid;border-radius:5px;grid-template-columns:1fr auto;padding:10px 14px;animation:1.35s both banner-in;display:grid;position:absolute;top:76px;left:50%;transform:translate(-50%,-50%)}@keyframes fireworks-burst{0%{opacity:1;transform:scale(.2)}65%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.angel-banner>span{letter-spacing:.2em;opacity:.72;grid-column:1/-1;font-size:8px}.angel-banner strong{margin-top:3px;font:18px Georgia,serif}.angel-banner strong small{opacity:.55;font:9px Arial,sans-serif}.angel-banner>b{align-self:end;font-size:9px}.reveal-tier-1{color:#74c9ed}.reveal-tier-2{color:#ca7cf4}.reveal-tier-3{color:#efc15f}.reveal-tier-4{color:#ff748f}.angel-reveal{z-index:35;background:radial-gradient(circle, color-mix(in srgb, currentColor 34%, #120c18) 0, #08050bf7 48%, #050307fa);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;animation:.25s ease-out reveal-in;display:flex;position:absolute;inset:0;overflow:hidden}.angel-reveal i{opacity:.24;border:1px solid;width:120px;height:120px;animation:4s linear infinite halo-turn;position:absolute;transform:rotate(45deg);box-shadow:0 0 50px}.angel-reveal>span{z-index:1;letter-spacing:.3em;font-size:9px;font-weight:800}.angel-reveal strong{z-index:1;color:#fff4d6;text-shadow:0 0 25px;margin:8px 0 2px;font:38px Georgia,serif}.angel-reveal small{z-index:1;letter-spacing:.12em;font-weight:800}.angel-reveal em{z-index:1;opacity:.5;font-size:9px;font-style:normal;position:absolute;bottom:22px}.command-panel{background:#0c0910;border-top:1px solid #302638;padding:10px 14px 12px}.summon-button,.fight-button,.result-panel button{color:#fff0c8;cursor:pointer;background:linear-gradient(135deg,#6f4922,#b18137 52%,#6e451e);border:1px solid #b68b43;border-radius:4px;width:100%;min-height:44px;box-shadow:inset 0 1px #ffffff2e,0 7px 20px #00000059}.summon-button span{color:#e1c997;letter-spacing:.18em;text-transform:uppercase;font-size:9px;display:block}.summon-button strong{margin-top:2px;font-size:16px;display:block}.unit-actions{grid-template-columns:1.35fr .65fr;gap:8px;margin:6px 0;display:grid}.unit-actions button{color:#cbbbd0;cursor:pointer;background:#19121f;border:1px solid #43354e;border-radius:4px;min-height:44px;font-size:12px}.fight-button{letter-spacing:.06em;background:linear-gradient(135deg,#44205f,#7e37a3 52%,#3d1a57);border-color:#a65acc;font-weight:800}.fight-button span{color:#d5a8e9;margin-left:6px;font-size:11px}button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.42}.selection-note{text-align:center;color:#746a7c;min-height:14px;margin:10px 0 0;font-size:10px}.combat-notice{color:#a996b0;background:#0c0910;justify-content:center;align-items:center;gap:9px;min-height:78px;font-size:11px;display:flex}.pulse-dot{background:#ce65ed;border-radius:50%;width:7px;height:7px;animation:.7s infinite alternate urgent;box-shadow:0 0 9px #c94fea}.result-panel{text-align:center;background:radial-gradient(circle at top,#6c31822e,#0000 60%),#0c0910;border-top:1px solid #3a2b43;padding:25px 24px 23px}.result-panel>span{color:#c998e3;letter-spacing:.25em;text-transform:uppercase;font-size:9px;font-weight:800}.result-panel h2{color:#f0dfbd;margin:7px 0 5px;font:25px Georgia,serif}.result-panel p{color:#8f8495;margin:0 0 16px;font-size:11px;line-height:1.6}.result-panel button{min-height:48px;font-weight:800}.result-panel.defeat>span{color:#e27079}.result-panel.defeat button{background:linear-gradient(135deg,#3e2027,#773640,#3c1d24);border-color:#7f4750}.result-panel.final{background:radial-gradient(circle at top,#ce9d3e40,#0000 65%),#0c0910}.reward-breakdown{grid-template-columns:1fr 1fr;gap:5px;margin:13px 0 16px;font-size:10px;display:grid}.reward-breakdown>span{color:#8f8495;background:#110d16;border:1px solid #302638;justify-content:space-between;padding:8px;display:flex}.reward-breakdown>strong{color:#d9c69f;background:#21170e;border:1px solid #7d5a2f;grid-column:1/-1;justify-content:space-between;padding:9px 10px;display:flex}.reward-breakdown b{color:var(--gold)}.death-wait{color:#aa8eb3;letter-spacing:.08em;background:#0c0910;place-items:center;min-height:78px;font-size:11px;display:grid}.odds{color:#968da3;border-top:1px solid #271f2e;margin:0 14px;padding:8px 0;font-size:10px}.odds summary{cursor:pointer;color:#887b91;width:fit-content}.odds p{margin:8px 0 0;line-height:1.7}.odds-table{border-top:1px solid #2b2233;margin-top:7px}.odds-table p{border-bottom:1px solid #211a27;grid-template-columns:1fr 55px 40px;gap:6px;margin:0;padding:4px 2px;display:grid}.odds-table small{color:#655d6b}.odds-table b{color:#b69fbd;font-weight:500}.odds-table strong{text-align:right;color:#d3bd8f}footer{padding:0 14px max(12px, env(safe-area-inset-bottom));color:#968da3;font-size:9px;line-height:1.5}@keyframes boss-hover{50%{filter:drop-shadow(0 15px 16px #000)drop-shadow(0 0 7px #6e2c8d);transform:translateY(-5px)}}@keyframes boss-death{0%{opacity:1;filter:brightness(2.4)drop-shadow(0 0 18px #fff);transform:scale(1)}58%{opacity:.8;filter:brightness(1.8) drop-shadow(0 0 24px var(--stage-color));transform:scale(1.12,.72)rotate(3deg)}to{opacity:0;filter:blur(8px);transform:scale(.15,.02)translateY(80px)rotate(-8deg)}}@keyframes projectile-flight{to{transform:translate(calc(-50% + var(--travel-x)), calc(-50% + var(--travel-y))) rotate(var(--angle))}}@keyframes impact-burst{to{opacity:0;transform:scale(4)}}@keyframes damage-rise{to{opacity:0;transform:translate(-50%,-38px)scale(1.12)}}@keyframes unit-recoil{45%{filter:brightness(1.8);transform:translateY(6px)scale(.9)}}@keyframes slot-pop{0%{opacity:.25;filter:brightness(2.8);transform:scale(.55)}65%{transform:scale(1.08)}}@keyframes merge-converge{0%{filter:brightness()}55%{opacity:1;filter:brightness(3)drop-shadow(0 0 8px)}to{opacity:0;transform:translate(var(--merge-x), var(--merge-y)) scale(.15) rotate(35deg);filter:brightness(5)}}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-35%)scale(.92)}15%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}@keyframes reveal-in{0%{opacity:0;transform:scale(1.08)}}@keyframes halo-turn{to{transform:rotate(405deg)}}@keyframes urgent{to{opacity:.5}}@media (width>=720px){.unit-slot{aspect-ratio:1}}@media (width<=430px){.game-shell{padding:0}.game-card{border-inline:0;min-height:100svh}.game-header{padding-top:max(12px, env(safe-area-inset-top))}.boss{transform-origin:bottom;transform:scale(.88)}.boss.fighting{animation-name:boss-hover-mobile}.army-section,.command-panel{padding-inline:14px}.unit-grid{gap:5px}.unit-slot{border-radius:3px}.odds{margin-inline:14px}footer{padding-inline:14px}}@media (width<=350px){.game-header{gap:8px}.text-button{padding-inline:8px;font-size:11px}h1{font-size:24px}}@media (height<=750px){.game-shell{padding-block:0}.eyebrow,.section-heading span{display:none}.battlefield{height:110px}.boss{height:96px;top:-12px}.moon{width:65px;height:65px;left:calc(50% - 32px)}.unit-slot{aspect-ratio:1.12}}@media (height<=620px){.battlefield{height:96px}.boss{height:82px}.command-panel{padding-block:6px}.unit-actions{margin-block:3px}.selection-note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.angel-banner{animation:none!important}.projectile{opacity:.85;animation-fill-mode:forwards}.boss.dying{opacity:0}}@keyframes boss-hover-mobile{50%{transform:scale(.88)translateY(-5px)}}