:root{color-scheme:dark;font-family:'Microsoft YaHei','Segoe UI',sans-serif;background:#211c40;color:#fff0d4}*{box-sizing:border-box}body{margin:0}header{height:62px;display:flex;align-items:center;gap:24px;padding:0 24px}a{color:#f6cf96;text-decoration:none;font-size:12px}h1{font-size:18px;margin:0}.edition{color:#b8add0;font-size:11px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,#joystick:focus-visible{outline:3px solid #ffe1a5;outline-offset:4px}#fullscreen{margin-left:auto;color:#553c56;background:#edb18b;border:0;border-radius:20px;padding:9px 17px;font-size:12px}#arena{position:relative;isolation:isolate;background:#191c41;height:calc(100dvh - 101px);min-height:400px;overflow:hidden;border-radius:24px}iframe{border:0;width:100%;height:100%;display:block;background:#191c41}#touch-ui{display:none}.desktop-help{text-align:center;font-size:11px;color:#beafd5;margin:12px}#fullscreen-error{padding:10px 20px;margin:0;color:#f6cf96;font-size:12px}#arena:fullscreen{height:100dvh;width:100vw;border-radius:0;min-height:0}#arena.fullscreen-fallback{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;border-radius:0;z-index:999}body.expanded{overflow:hidden}[hidden]{display:none!important}
@media(pointer:coarse),(max-width:700px){body{overscroll-behavior:none}header{height:52px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));gap:14px}header h1{font-size:13px}header a{font-size:11px}.edition,.desktop-help{display:none}#fullscreen{padding:7px 12px;font-size:11px}#arena{height:calc(100dvh - 52px);min-height:0;border-radius:19px 19px 0 0}#touch-ui{position:absolute;inset:0;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:3}.control-sky{position:absolute;bottom:0;width:100%;height:220px;background:linear-gradient(transparent,#25204499 45%,#272044e6);pointer-events:none}.control-sky i{position:absolute;font-style:normal;font-size:15px;color:#b9a0ce60}.control-sky i:nth-child(1){left:15%;top:20%}.control-sky i:nth-child(2){left:51%;top:66%}.control-sky i:nth-child(3){right:25%;top:15%}.control-sky i:nth-child(4){left:43%;bottom:17px;font-size:10px}.mobile-caption{position:absolute;bottom:12px;left:25px;color:#b9a4cb;font-size:9px;letter-spacing:1px}.joystick-zone{position:absolute;left:max(26px,calc(env(safe-area-inset-left) + 12px));bottom:max(36px,calc(env(safe-area-inset-bottom) + 20px));width:132px;height:146px;display:flex;align-items:center;flex-direction:column}#joystick{width:132px;height:132px;border-radius:50%;position:relative;background:radial-gradient(circle,#75639c26 0 46%,#b69bc329 47% 49%,#62517c40 50% 68%,#c5aad435 69% 71%,transparent 72%);pointer-events:auto;touch-action:none;border:1px solid #d2b8dd33;box-shadow:inset 0 0 26px #b998d816,0 7px 24px #17132730}#joystick.engaged{background-color:#79619926}.orbit{position:absolute;inset:7px;border:1px solid #e2c6ed2b;border-radius:50%;pointer-events:none}.orbit-two{inset:27px;border-style:dashed;opacity:.8}.axis{position:absolute;font-size:13px;color:#e7c9e675;line-height:1}.axis.up{top:9px;left:60px;font-size:9px}.axis.down{bottom:6px;left:62px}.axis.left{left:9px;top:59px}.axis.right{right:9px;top:59px}#stick{position:absolute;left:35px;top:35px;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#bba0d0,#9b7cad 70%);border:2px solid #d5bce199;box-shadow:0 5px 0 #46335680,0 8px 18px #120c283b;will-change:transform;pointer-events:none;transition:transform .12s ease-out}#joystick.engaged #stick{transition:none}#stick svg{width:100%;height:100%}.move-label{font-size:9px;color:#c1abc8;margin-top:8px;letter-spacing:2px}.skills{position:absolute;right:max(22px,calc(env(safe-area-inset-right) + 8px));bottom:max(27px,calc(env(safe-area-inset-bottom) + 10px));width:230px;height:191px;pointer-events:none}.skill{position:absolute;border:2px solid #fff3d33b;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto;touch-action:none;user-select:none;overflow:visible;color:#fff0dc;box-shadow:0 5px 0 #18122d55,0 8px 22px #110a2330;transition:transform .1s,filter .1s}.skill.pressed{transform:scale(.92);filter:brightness(1.14)}.skill-icon{width:39px;height:39px;display:block;position:relative}.skill-icon svg{width:100%;height:100%}.skill-name{font-size:10px;position:relative;line-height:1.2;letter-spacing:1px}.skill-note{position:absolute;bottom:-18px;font-size:8px;letter-spacing:.4px;white-space:nowrap;color:#bfa8cf}.morph{left:4px;top:50px;width:64px;height:64px;background:#77608f}.morph .skill-icon{width:36px;height:36px}.dash{left:65px;top:0;width:66px;height:66px;background:#537f7d}.jump{left:64px;bottom:5px;width:66px;height:66px;background:#667ca2}.attack{right:0;top:66px;width:96px;height:96px;background:radial-gradient(circle at 30% 20%,#f1c18d,#e79b7e);color:#65445c;border:3px solid #ffdfa777;box-shadow:0 6px 0 #70455e70,0 9px 25px #20132955}.attack .skill-icon{width:55px;height:55px}.attack .skill-name{font-weight:bold;font-size:12px}.attack .skill-note{color:#dcc2cb;bottom:-21px}.attack-orbit{position:absolute;inset:-9px;border:1px solid #f1c49f55;border-radius:50%;transform:rotate(-25deg) scaleY(.87);pointer-events:none}.cooldown:not(:empty){position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#2a2048ad;color:#fff2de;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.utility{pointer-events:auto;position:absolute;right:max(16px,calc(env(safe-area-inset-right) + 8px));top:14px;border:1px solid #dac2e54d;border-radius:50%;width:35px;height:35px;background:#48345cbb;color:#e9d7f4;font-size:15px;touch-action:none}#launch{pointer-events:auto;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:13px 25px;border:2px solid #ffddaa77;border-radius:28px;background:#eab18b;color:#543950;font-size:12px;font-weight:700;box-shadow:0 6px 0 #60406055;touch-action:none;white-space:nowrap}#touch-status{position:absolute;left:50%;top:15px;transform:translateX(-50%);font-size:10px;color:#dfc9e0;background:#292044b3;border-radius:14px;padding:7px 13px;white-space:nowrap}}
@media(max-width:600px) and (orientation:portrait){iframe{height:calc(100% - 244px)}.control-sky{height:250px;background:radial-gradient(ellipse at 10% 100%,#42305e 0,transparent 65%),#272044}.joystick-zone{left:18px;bottom:max(54px,calc(env(safe-area-inset-bottom) + 24px));width:116px;height:132px}#joystick{width:116px;height:116px}#stick{left:27px;top:27px}.axis.up{left:52px}.axis.down{left:54px}.axis.left,.axis.right{top:51px}.skills{right:18px;bottom:max(43px,calc(env(safe-area-inset-bottom) + 12px));transform:scale(.88);transform-origin:right bottom}.mobile-caption{bottom:max(15px,env(safe-area-inset-bottom));left:22px}.utility{top:10px;width:32px;height:32px}#launch{top:30%}#touch-status{top:10px;font-size:9px;max-width:75%;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:370px) and (orientation:portrait){.skills{right:9px;transform:scale(.77)}.joystick-zone{left:10px;transform:scale(.9);transform-origin:left bottom}}
@media(orientation:landscape) and (pointer:coarse){header{height:38px}#arena{height:calc(100dvh - 38px);border-radius:14px 14px 0 0}.joystick-zone{bottom:max(20px,env(safe-area-inset-bottom));transform:scale(.9);transform-origin:left bottom}.skills{bottom:max(20px,env(safe-area-inset-bottom));transform:scale(.86);transform-origin:right bottom}.mobile-caption{display:none}.control-sky{height:185px}#touch-status{top:8px;font-size:9px}.utility{top:9px}#arena:fullscreen,#arena.fullscreen-fallback{height:100dvh}}
.mobile-hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));display:flex;align-items:center;gap:20px;pointer-events:none}.mobile-hud>div:first-child{display:flex;flex-direction:column;gap:3px}.mobile-hud span{color:#b5a2c6;font-size:8px;letter-spacing:2px}.mobile-hud b{font-size:15px;color:#ffe7b9;font-variant-numeric:tabular-nums}.health{font-size:17px;letter-spacing:4px;color:#f2c382}.health .empty-heart{color:#79618d}.rotate-hint{position:absolute;top:85px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#b4a3ca;font-size:10px;letter-spacing:1px}.boss-health{position:absolute;left:35%;width:30%;top:42px;font-size:9px;color:#dfbcda;text-align:center}.boss-health span{display:block;letter-spacing:4px;margin-bottom:4px}.boss-health progress{display:block;width:100%;height:5px;border:0;accent-color:#ed9f9b}#exit-fullscreen{position:absolute;left:12px;top:14px;pointer-events:auto;touch-action:none;width:32px;height:32px;border-radius:50%;background:#48345cbb;border:1px solid #dac2e54d;color:#e9d7f4}#arena:fullscreen .mobile-hud,#arena.fullscreen-fallback .mobile-hud{left:max(58px,calc(env(safe-area-inset-left) + 44px))}#arena:fullscreen .rotate-hint,#arena.fullscreen-fallback .rotate-hint{display:none}@media(orientation:landscape){.rotate-hint{display:none}#touch-status{top:10px;max-width:40%;font-size:8px}}@media(max-width:600px) and (orientation:portrait){#touch-status{top:61px}.mobile-hud{top:14px;left:18px;gap:18px}.health{font-size:15px}.boss-health{top:110px;width:50%;left:25%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(pointer:coarse),(max-width:700px){.attack.bow-mode{background:radial-gradient(circle at 30% 20%,#d9b5ec,#a27fba);border-color:#e7caf4aa;color:#fff1d1}.attack.bow-mode:before{content:'';position:absolute;inset:9px;border:1px dashed #f4dbfa70;border-radius:50%;pointer-events:none}.attack.bow-mode .skill-icon{transform:translate(var(--aim-x,0px),var(--aim-y,0px));width:46px;height:46px;transition:transform .06s}.attack.bow-mode .skill-name{font-size:10px}.attack.bow-mode.aiming .attack-orbit{border-color:#ffe0a4;border-width:2px}.attack.bow-mode.aiming .skill-icon{transition:none}}

.attack.bow-mode .attack-orbit{background:conic-gradient(from -90deg,#a7ebcf var(--bow-charge,0%),#ffffff10 0);opacity:.65;pointer-events:none}

#quality{font:11px system-ui;color:#f3d8be;background:#574367;border:1px solid #a08aa4;border-radius:18px;padding:8px 12px;cursor:pointer}@media(max-width:600px){#quality{font-size:10px;padding:7px}}

.boss-health progress{appearance:none;-webkit-appearance:none;border:0;border-radius:8px;overflow:hidden;height:6px;background:#453655;accent-color:#ee9dad}.boss-health progress::-webkit-progress-bar{background:#453655}.boss-health progress::-webkit-progress-value{background:#ee9dad;box-shadow:0 0 8px #f1afc5}.boss-health progress::-moz-progress-bar{background:#ee9dad}