*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff;color:#f4efd2;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}body{display:grid;place-items:center}#game{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.77778vw);overflow:hidden;touch-action:none;background:#fff}.ant-ui{--ant-ui-scale: 1;position:absolute;inset:0 auto auto 0;z-index:5;width:405px;height:720px;transform:scale(var(--ant-ui-scale));transform-origin:top left;color:#eff9df;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;pointer-events:none;user-select:none;-webkit-user-select:none}.ant-ui button{border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ant-hud{position:absolute;inset:0}.ant-pause{position:absolute;left:13px;top:7px;width:36px;height:36px;border-radius:50%;background:#1c4138;border:2px solid #b9f6dc!important;font-size:21px!important;font-weight:800;line-height:32px;pointer-events:auto}.ant-stage{position:absolute;top:9px;left:54px;right:54px;text-align:center;color:#f7e6ad;font-size:15px;font-weight:800}.ant-xp{position:absolute;left:19px;top:43px;width:367px;height:15px;border:2px solid #79a7d4;border-radius:8px;overflow:hidden;background:#07120c}.ant-xp-fill{height:100%;width:.3%;background:linear-gradient(90deg,#237dd1,#65c9ff);transition:width .12s linear}.ant-xp-label{position:absolute;top:45px;left:0;width:100%;text-align:center;font-size:12px;color:#f2f7ff;font-weight:800;text-shadow:0 1px 2px #07120c}.ant-swarm,.ant-brood{position:absolute;top:66px;font-size:11px;font-weight:700}.ant-swarm{left:18px;color:#d5e7b4}.ant-brood{right:18px;color:#91edca}.ant-genes{position:absolute;top:89px;left:18px;right:18px;display:flex;align-items:center;gap:5px}.ant-gene-title{color:#f7e6ad;font-size:11px;font-weight:800;margin-right:4px}.ant-gene{width:65px;height:20px;display:flex;align-items:center;justify-content:space-evenly;border:1px solid var(--gene);border-radius:4px;background:#07120c;color:#ecf5d7;font-size:11px;font-weight:800}.ant-synergy{position:absolute;top:115px;left:0;width:100%;text-align:center;color:#ffcf79;font-size:11px;font-weight:800}.ant-notice{position:absolute;top:132px;left:20px;right:20px;text-align:center;color:#fff0b4;font-size:14px;font-weight:800;line-height:1.35;text-shadow:0 2px 3px #111}.ant-boss-name{position:absolute;top:146px;left:0;width:100%;text-align:center;color:#ffd0bb;font-size:12px;font-weight:800}.ant-boss{position:absolute;top:166px;left:62px;width:280px;height:7px;overflow:hidden;border-radius:5px;background:#351210;opacity:0}.ant-boss-fill{width:100%;height:100%;background:#f1564a}.ant-skills{position:absolute;left:7px;right:7px;top:533px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.ant-skill{min-width:0;height:32px;padding:3px 4px;border:1px solid var(--skill);border-radius:5px;background:#090d12e8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff0bc;line-height:1.05;text-align:center;box-shadow:inset 0 0 8px color-mix(in srgb,var(--skill) 14%,transparent)}.ant-skill strong{display:block;max-width:100%;overflow:hidden;color:#fff0bc;font-size:9px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.ant-skill span{display:block;margin-top:3px;color:var(--skill);font-size:8px;font-weight:800}.ant-command{position:absolute;right:21px;bottom:23px;width:78px;height:78px;border-radius:50%;background:#2b6e5d;border:2px solid #9df7d3!important;font-weight:800;font-size:14px;line-height:18px;pointer-events:auto;box-shadow:0 4px 12px #12372d88}.ant-command small{display:block;margin-top:3px;color:#bffff0;font-size:11px}.ant-joystick{position:absolute;left:156px;bottom:18px;width:92px;height:92px;border-radius:50%;background:#071b16b3;border:2px solid #9df7d3a0;pointer-events:auto;touch-action:none}.ant-joystick-inner{position:absolute;inset:9px;border:1px solid #9df7d34d;border-radius:50%;background:#2b6e5d33}.ant-joystick-knob{position:absolute;left:26px;top:26px;width:38px;height:38px;border-radius:50%;background:#63c9a5;border:2px solid #d8ffe9;display:grid;place-items:center;color:#edffe7;font-size:11px;font-weight:800;transition:transform .03s linear}.ant-hint{position:absolute;left:20px;right:20px;bottom:172px;text-align:center;color:#5b7e65;font-size:11px}.ant-encounter{position:absolute;z-index:8;top:121px;left:18px;right:18px;padding:6px 12px 7px;border-top:1px solid #ffd78a99;border-bottom:1px solid #ffd78a99;background:linear-gradient(90deg,#10080a58,#3a15197d,#10080a58);box-shadow:0 2px 12px #0505052b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff1c3;text-align:center;pointer-events:none;opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .26s ease,transform .3s ease}.ant-encounter.is-visible{opacity:1;transform:translateY(0) scale(1)}.ant-encounter-tag{margin:0 0 2px;color:#f0c870;font-size:8px;font-weight:800;letter-spacing:1.5px}.ant-encounter h2{margin:0;color:#ffe2a4;font-size:15px;line-height:1.2;text-shadow:0 0 9px #e55a4666}.ant-encounter p{margin:3px 0 0;color:#f0e4c8;font-size:9px;line-height:1.35;text-shadow:0 1px 2px #0b0906}.ant-ui:has(.ant-encounter.is-visible) .ant-notice{top:191px}.ant-lore{padding:9px 12px;border-left:2px solid #d7b35b;background:#1b251be0;color:#d9e4bb!important;font-size:12px!important;line-height:1.55!important;text-align:left}.ant-lore b{color:#ffe0a0;letter-spacing:2px}.ant-modal{display:none;position:absolute;inset:0;background:#050a06db;pointer-events:auto}.ant-modal.is-open{display:block}.ant-modal-card{position:absolute;left:28px;right:28px;top:90px;text-align:center}.ant-modal h1{margin:0;color:#ffe5a0;font-size:31px}.ant-modal h2{margin:0;color:#fff1b6;font-size:29px}.ant-modal p{margin:18px 0;color:#d9e7bd;font-size:16px;line-height:1.65}.ant-primary{min-width:230px;min-height:58px;border:2px solid #ffd27a!important;background:#a65f33;color:#fff1b4;font-size:23px;font-weight:800}.ant-upgrade-list{position:absolute;top:210px;left:17px;right:17px;display:flex;gap:12px}.ant-upgrade{width:114px;min-height:315px;padding:15px 6px 10px;border:2px solid var(--upgrade);background:#161915;color:#fff3cf;text-align:center;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.ant-upgrade:active{transform:scale(.97);background:#283128}.ant-upgrade .rarity{color:var(--upgrade);font-size:11px;font-weight:800}.ant-upgrade h3{margin:18px 0 15px;font-size:16px}.ant-upgrade p{min-height:68px;margin:0;color:#deebca;font-size:13px;line-height:1.45}.ant-upgrade .level-preview{min-height:28px;color:#aebc9a;font-size:10px;line-height:1.35}.ant-upgrade .level-preview b{margin:0 3px;color:#f8dc8f}.ant-upgrade .level-preview strong{display:block;color:#ffe7a0;font-size:11px}.ant-upgrade .stars{margin:10px 0;color:#ffd56f;font-size:21px;letter-spacing:0}.ant-upgrade .star{display:inline-block;color:#9d8144}.ant-upgrade .star.is-owned{color:#ffd56f;text-shadow:0 0 5px #d98835aa}.ant-upgrade .star.is-pending{color:#fff1aa;text-shadow:0 0 5px #f4b94b,0 0 13px #e89b36;animation:ant-upgrade-star-pulse .82s ease-in-out infinite alternate}.ant-upgrade .star.is-locked{color:#9d8144}.ant-upgrade .star.is-locked:first-letter{color:#9d8144}@keyframes ant-upgrade-star-pulse{0%{opacity:.28;transform:scale(.78)}to{opacity:1;transform:scale(1.22)}}.ant-upgrade.is-legendary{position:relative;overflow:hidden;border-color:#ffe29a;background:linear-gradient(158deg,#241706,#5a3510 48%,#17120a);box-shadow:inset 0 0 22px #ffcc5529,0 0 10px #ffca4b9c;animation:ant-legendary-card-glow 1.55s ease-in-out infinite alternate}.ant-upgrade.is-legendary:before{content:"";position:absolute;z-index:0;top:-28%;bottom:-28%;left:-72%;width:43%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,#fff2ae9c,transparent);animation:ant-legendary-card-sweep 2.65s ease-in-out infinite}.ant-upgrade.is-legendary>*{position:relative;z-index:1}.ant-upgrade.is-legendary .rarity{color:#ffde81;letter-spacing:1px;text-shadow:0 0 5px #f3b736,0 0 12px #f3a62a}.ant-upgrade.is-legendary h3{color:#fff0bd;text-shadow:0 0 9px #c57720}.ant-upgrade.is-legendary .stars{color:#ffe394;text-shadow:0 0 7px #ffd051}.ant-upgrade.is-legendary .star.is-pending{color:#fff7c4;text-shadow:0 0 7px #fff2a0,0 0 17px #ffc145}.ant-upgrade.is-legendary:active{background:#6e4214}@keyframes ant-legendary-card-glow{0%{box-shadow:inset 0 0 16px #ffcc551c,0 0 7px #ffca4b7a}to{box-shadow:inset 0 0 29px #ffdc6a4a,0 0 16px #ffe071c7}}@keyframes ant-legendary-card-sweep{0%,30%{left:-76%;opacity:0}42%{opacity:.82}66%,to{left:142%;opacity:0}}.ant-modal:has(.ant-opening-card){overflow:hidden;background:radial-gradient(ellipse 70% 48% at 52% 25%,#1d2816,#090d09 52%,#000);background-color:#000}.ant-opening-card{top:43px;left:20px;right:20px;min-height:670px;padding-top:52px;display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate}.ant-opening-dragon{position:absolute;z-index:0;top:-43px;left:53%;width:424px;height:720px;object-fit:contain;pointer-events:none;opacity:.43;transform:translate(-50%);mix-blend-mode:screen;filter:saturate(.88) contrast(1.08) drop-shadow(0 0 20px #7dd6c899)}.ant-opening-topline{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#d1c595;font-size:9px;font-weight:800;letter-spacing:1.7px}.ant-opening-topline i{width:23px;height:1px;background:#cfa954;box-shadow:0 0 7px #f5d477}.ant-opening-emblem{position:relative;z-index:1;width:100px;height:100px;margin-top:0;display:grid;place-items:center;border:1px solid #f7d574;border-radius:50%;background:radial-gradient(circle,#2e4627e8 0%,#111e16e6 62%,#a8863b32 63%,transparent 68%);box-shadow:0 0 0 5px #cba74b16,0 0 31px #a7d14c38,inset 0 0 20px #d4af4455}.ant-opening-ring{position:absolute;inset:7px;border:1px dashed #f5d47c99;border-radius:50%;animation:ant-opening-orbit 16s linear infinite}.ant-opening-emblem img{width:53px;height:74px;object-fit:contain;filter:drop-shadow(0 4px 7px #031008) saturate(1.3) brightness(1.25);transform:rotate(7deg)}.ant-opening-emblem b{position:absolute;right:-7px;bottom:7px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffe292;border-radius:50%;background:#662c1d;color:#ffe5a1;font-size:14px;box-shadow:0 0 12px #dc7148}.ant-opening-eyebrow{position:relative;z-index:1;margin:7px 0 0!important;color:#b7d77a!important;font-size:8px!important;line-height:1!important;font-weight:800;letter-spacing:2.5px}.ant-opening-card h1{position:relative;z-index:1;margin-top:14px;color:#ffe7a2;font-family:STXingkai,Xingkai SC,FZShuTi,HanziPen SC,Kaiti SC,STKaiti,serif;font-size:43px;font-style:italic;font-weight:700;line-height:.92;letter-spacing:6px;white-space:nowrap;transform:scaleX(1.08) rotate(-1.2deg);text-shadow:0 4px 0 #4b2a18,-1px 0 #6a3b20,0 0 10px #f0c85c8c,0 0 24px #b87c2d55}.ant-opening-tagline{position:relative;z-index:1;margin:8px 0 0!important;color:#e4edca!important;font-size:14px!important;line-height:1.55!important;letter-spacing:.6px}.ant-opening-lore{position:relative;z-index:1;width:100%;padding:11px 14px 10px;border-top:1px solid #d7ba665e;border-bottom:1px solid #d7ba665e;background:linear-gradient(90deg,transparent,#202a1ac2 12%,#202a1ac2 88%,transparent);text-align:left}.ant-opening-lore b{display:block;color:#ffdc8b;font-size:12px;letter-spacing:.45px}.ant-opening-lore span{display:block;margin-top:3px;color:#bdd2a6;font-size:10px;line-height:1.5}.ant-opening-mission{position:relative;z-index:1;width:94%;margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ant-opening-mission>div{min-height:62px;padding:8px 4px 6px;border:1px solid #9cb3793d;border-bottom:2px solid #c8a951a8;background:linear-gradient(180deg,#14201572,#080c0870);box-shadow:inset 0 1px #d7b45b12;display:flex;flex-direction:column;align-items:center;text-align:center}.ant-mission-titleline{display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px}.ant-mission-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;filter:drop-shadow(0 0 5px #e8a636a8)}.ant-mission-icon img{width:22px;height:22px;object-fit:contain}.ant-opening-mission strong{display:block;color:#ffe19b;font-size:13px;letter-spacing:1.25px}.ant-opening-mission>div>span:last-child{display:block;margin-top:4px;color:#d5dfc5;font-size:8px;line-height:1.25}.ant-opening-mission div:nth-child(3)>span:last-child{font-size:7.5px;line-height:1.2}.ant-opening-start{position:relative;z-index:1;width:258px;min-height:59px;margin-top:22px;border:1px solid #ffe197!important;background:linear-gradient(90deg,#703720,#b76b33 50%,#703720);color:#fff4c8;font-size:22px;letter-spacing:3px;text-shadow:0 1px 1px #4a1d14;box-shadow:0 0 0 4px #f3c76b1a,0 9px 17px #05070577,inset 0 1px #ffe8a777;animation:ant-opening-call 1.8s ease-in-out infinite}.ant-opening-start:before,.ant-opening-start:after{content:"";position:absolute;top:50%;width:24px;height:1px;background:#ffe6a4}.ant-opening-start:before{left:13px}.ant-opening-start:after{right:13px}.ant-opening-start small{display:block;margin-bottom:1px;color:#f6d880;font-size:8px;letter-spacing:3px;text-shadow:none}.ant-opening-footnote{position:relative;z-index:1;margin:9px 0 0!important;color:#99af83!important;font-size:9px!important;line-height:1.35!important}@keyframes ant-opening-orbit{to{transform:rotate(360deg)}}@keyframes ant-opening-call{0%,to{filter:brightness(.92);box-shadow:0 0 0 4px #f3c76b14,0 9px 17px #05070577,inset 0 1px #ffe8a777}50%{filter:brightness(1.16);box-shadow:0 0 0 5px #f3c76b2c,0 9px 22px #05070577,inset 0 1px #fff0ba}}.ant-modal:has(.ant-opening-card--beast-core){background:radial-gradient(ellipse 64% 38% at 66% 25%,#203126 0%,#0a100c 57%,transparent 76%),radial-gradient(ellipse 42% 31% at 34% 18%,#302611 0%,#0b0d08 62%,transparent 79%),#000}.ant-opening-card--beast-core{top:0;left:0;right:0;min-height:720px;padding:0;display:block}.ant-opening-card--beast-core .ant-opening-dragon{top:-38px;left:58%;width:430px;height:720px;opacity:.39;filter:saturate(.98) contrast(1.13) brightness(1.04) drop-shadow(0 0 19px #66c2b57d)}.ant-opening-card--beast-core .ant-opening-origin{position:absolute;z-index:2;top:326px;left:50%;width:max-content;display:flex;align-items:center;gap:8px;transform:translate(-50%)}.ant-opening-card--beast-core .ant-opening-emblem{position:relative;top:auto;left:auto;width:38px;height:38px;margin:0 2px 0 0;flex:0 0 38px;transform:none;border-color:#efd27eaa;background:radial-gradient(circle,#293d26e8 0%,#111b14e8 61%,#a8863b24 62%,transparent 69%);box-shadow:0 0 0 2px #cba74b12,0 0 14px #a7d14c24,inset 0 0 10px #d4af443b}.ant-opening-card--beast-core .ant-opening-ring{inset:3px;opacity:.68}.ant-opening-card--beast-core .ant-opening-emblem img{width:20px;height:28px}.ant-opening-card--beast-core .ant-opening-emblem b{right:-4px;bottom:0;width:12px;height:12px;font-size:7px;box-shadow:0 0 5px #dc71448c}.ant-opening-card--beast-core h1{position:absolute;top:268px;left:50%;width:205px;height:52px;margin:0;display:block;transform:translate(-50%) rotate(-1.1deg)}.ant-opening-card--beast-core .ant-opening-title img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 #4b2a18) drop-shadow(0 0 7px #f0c85c75)}.ant-opening-card--beast-core .ant-opening-tagline{position:static;z-index:1;width:auto;margin:0!important;transform:none;font-size:13px!important;line-height:1.46!important;text-align:left;white-space:nowrap;text-shadow:0 1px 4px #000}.ant-opening-card--beast-core .ant-opening-mission{position:absolute;z-index:2;top:384px;left:6%;width:88%;margin:0;gap:0;border-top:1px solid #bda45d66;border-bottom:1px solid #d5b75b9c;background:linear-gradient(90deg,transparent,#111a13bf 8%,#111a13bf 92%,transparent)}.ant-opening-card--beast-core .ant-opening-mission>div{position:relative;min-height:58px;padding:8px 5px 6px;border:0;border-bottom:0;background:transparent;box-shadow:none}.ant-opening-card--beast-core .ant-opening-mission>div+div{border-left:1px solid #bda45d42}.ant-opening-card--beast-core .ant-opening-mission>div:not(:last-child):after{content:"›";position:absolute;z-index:3;top:19px;right:-5px;color:#f3d579b8;font-size:17px;text-shadow:0 0 7px #dba742}.ant-opening-card--beast-core .ant-mission-icon,.ant-opening-card--beast-core .ant-mission-icon img{width:20px;height:20px}.ant-opening-card--beast-core .ant-opening-mission strong{font-size:12px}.ant-opening-card--beast-core .ant-opening-mission>div>span:last-child{font-size:7.5px}.ant-opening-card--beast-core .ant-opening-start{position:absolute;z-index:2;top:475px;left:50%;width:238px;min-height:58px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;transform:translate(-50%);background:linear-gradient(90deg,#6d341e,#ad6230 50%,#6d341e);box-shadow:0 0 0 3px #f3c76b14,0 9px 18px #000a,inset 0 1px #ffe8a777}canvas{display:block;width:100%!important;height:100%!important;image-rendering:auto}