:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#e9eef7;background:#0c111b;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:radial-gradient(ellipse at 35% 20%,#29354670,transparent 65%),linear-gradient(120deg,#111a26,#070c13);overflow:hidden}body:before{content:"";position:fixed;inset:0;opacity:.15;background-image:repeating-linear-gradient(115deg,transparent 0 120px,#5d7b9030 121px 122px,transparent 123px 180px);pointer-events:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffcf54;outline-offset:3px}button:disabled{cursor:default}button{color:inherit}svg{width:24px;height:24px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.desktop-wrap{height:100svh;display:flex;justify-content:center;align-items:center;gap:70px;padding:12px}.game-frame{position:relative;width:540px;height:960px;overflow:hidden;flex-shrink:0;border:1px solid #456075;box-shadow:0 30px 90px #000b,0 0 0 7px #111925,0 0 0 8px #314457;border-radius:8px;background:#263447;touch-action:none}.game{width:540px;height:960px;position:absolute;transform-origin:0 0;isolation:isolate;user-select:none;-webkit-user-select:none;overflow:hidden}#battlefield{position:absolute;left:0;top:0;width:540px;height:740px;touch-action:none}.battle-vignette{position:absolute;inset:0 0 220px;pointer-events:none;background:linear-gradient(#05091175,transparent 23%,transparent 73%,#09142135)}.battle-header{height:110px;position:absolute;inset:0 0 auto;pointer-events:none}.pause-btn{position:absolute;left:13px;top:13px;width:38px;height:38px;font-size:30px;font-weight:900;line-height:30px;pointer-events:auto;border-radius:8px}.steel-button,.steel{border:1px solid #7692aa88;background:linear-gradient(145deg,#1b2836e8,#0a111ec9);box-shadow:inset 0 1px 1px #bddfff22,0 2px 6px #0005}.wordmark{position:absolute;top:12px;left:64px;width:365px;transform:rotate(-5deg) skew(-6deg);font-weight:1000;font-style:italic;line-height:1.03;white-space:nowrap;text-align:center;text-shadow:3px 4px 0 #070a0f,4px 5px 0 #070a0f,-2px -2px 0 #070a0f,2px -2px 0 #070a0f,-3px 2px 0 #070a0f;filter:drop-shadow(0 3px 0 #070a0f)}.wordmark>span{font-size:40px;letter-spacing:-3px}.wordmark>strong{font-size:45px;letter-spacing:-3px;color:#ffdd5a}.wordmark:before{content:"";position:absolute;inset:6px -12px 23px;background:#080c13;z-index:-1;clip-path:polygon(3% 5%,22% 7%,25% 0,52% 7%,58% 0,79% 6%,100% 2%,94% 90%,76% 85%,68% 100%,40% 85%,8% 100%,11% 79%,0 74%)}.tagline{position:relative;font-size:15px;font-style:normal;letter-spacing:2px;margin:8px auto 0;width:298px;line-height:24px;background:#120c0f;box-shadow:0 -3px 0 #e7372b,0 3px 0 #e7372b;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.wave-badge{position:absolute;right:10px;top:94px;padding:4px 9px;display:flex;gap:6px;align-items:center;background:#101725df;border-radius:5px;border:1px solid #64798d88;font-size:16px;font-weight:800}.wave-badge svg{width:20px;height:20px;color:#d9dbe1}.wave-badge b{color:#ffdc67}.timer{position:absolute;left:0;top:65px;width:83px;padding:7px 9px;border-left:0;border-radius:0 6px 6px 0}.timer small{display:block;font-weight:700;font-size:13px;color:#bfc9d3;letter-spacing:1px}.timer strong{font-size:25px;line-height:1.3;color:#ffe076;font-variant-numeric:tabular-nums}.timer-progress{height:2px;background:#6b7182}.timer-progress i{display:block;height:100%;background:#ffdd57;width:0}.kill-badge{position:absolute;right:10px;top:135px;display:flex;align-items:center;gap:8px;border-radius:5px;padding:4px 8px;font-size:16px}.kill-badge svg{width:21px;height:21px}.combo{position:absolute;top:180px;left:15px;transform:rotate(-9deg) skew(-6deg);text-shadow:3px 3px #090c11,-2px -2px #090c11;display:none;filter:drop-shadow(0 3px 0 #000)}.combo:before{content:"";inset:10px -12px -3px;position:absolute;background:#c92724;z-index:-1;clip-path:polygon(10% 0,100% 0,90% 30%,100% 80%,70% 90%,15% 100%,0 90%)}.combo small{display:block;font-weight:1000;font-size:22px;color:#ffb74b;background:#0b0b10;padding:0 7px}.combo strong{display:block;color:#ffe277;font-size:48px;line-height:1.1}.combo b{font-size:52px}.phase-banner{position:absolute;top:155px;left:0;right:0;text-align:center;color:#cddded;font-weight:800;font-size:12px;letter-spacing:4px;text-shadow:0 2px 3px #000;pointer-events:none}.boss-bar{position:absolute;top:169px;left:150px;width:240px;filter:drop-shadow(0 2px 2px #000);text-align:center}.boss-bar span{font-size:13px;letter-spacing:2px;font-weight:900;color:#ff918a}.boss-bar>div{margin-top:4px;height:9px;transform:skew(-12deg);background:#18212e;border:1px solid #ee756a}.boss-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#bb202b,#ff573f)}.skills{position:absolute;left:13px;top:475px;display:flex;flex-direction:column;gap:20px}.skill{position:relative;width:64px;height:64px;border-radius:50%;border:2px solid #f6ae51;background:radial-gradient(circle at 40% 35%,#bf5520,#54210d 55%,#0b101b 69%);box-shadow:0 0 15px #ff6c1788,inset 0 0 0 4px #101727;color:white;padding:0}.skill-art{display:block;font-size:45px;transform:rotate(-35deg);line-height:55px;filter:drop-shadow(0 0 4px #ffbc5b)}.skill small{position:absolute;top:55px;left:-3px;right:-3px;border:1px solid #b89057;background:#0c121ddf;border-radius:12px;line-height:19px;font-weight:900;font-size:12px}.skill kbd{position:absolute;right:-4px;bottom:4px;width:20px;height:20px;border-radius:50%;background:#0c1422;border:1px solid #cad7e0;font-weight:800}.skill.healing{border-color:#6ca77e;background:radial-gradient(circle,#477c40,#193320 58%,#0b101b 69%);box-shadow:0 0 15px #7dec4122}.healing .skill-art{transform:none;color:#e9ffdf}.healing small{border-color:#6a8ca1}.skill em{position:absolute;right:-2px;top:-2px;font-size:13px;font-weight:900;border-radius:50%;background:#c4954a;color:white;width:20px;height:20px;line-height:20px;font-style:normal}.skill:active{transform:scale(.94)}.skill:disabled{filter:saturate(.3);opacity:.65}.cooldown{position:absolute;inset:-2px;border-radius:50%;pointer-events:none}.joystick{position:absolute;left:80px;top:582px;width:95px;height:95px;border:2px solid #d4e5f14a;border-radius:50%;background:#23334344;pointer-events:none;opacity:.3;display:none}.joystick>div{position:absolute;left:27px;top:27px;width:37px;height:37px;border-radius:50%;border:2px solid #dbeeff78;background:#bcd7eb33}.aim-hint{position:absolute;right:34px;bottom:301px;text-align:center;color:#dee7f3;text-shadow:1px 2px #172135;pointer-events:none;opacity:.85}.aim-hint .crosshair-icon{font-size:46px;line-height:1.1;display:block;margin-bottom:8px}.aim-hint b{font-size:14px;display:block}.aim-hint small{font-size:11px;display:block;margin-top:4px}.hp-panel{position:absolute;bottom:230px;left:14px;display:flex;align-items:center;gap:8px;height:43px;pointer-events:none}.portrait{width:56px;height:56px;border:2px solid #59b5e6;border-radius:50%;background:#243344 url('assets/actors.png') 5% 1% / 220px auto no-repeat;box-shadow:0 0 0 3px #0c1726;position:relative}.portrait>div{position:absolute;bottom:-3px;text-align:center;width:100%;font-size:13px;font-weight:900;text-shadow:1px 2px #000}.hp-label{font-size:19px;font-style:italic}.hp-track{width:190px;height:23px;border:2px solid #1b2431;transform:skew(-12deg);background:#1a2533;box-shadow:0 0 0 1px #7792a85c;position:relative}.hp-track i{position:absolute;inset:0;background:linear-gradient(#e55457,#a8212a);width:100%;transition:width .15s}.hp-track span{position:absolute;inset:0;text-align:center;font-weight:900;font-size:15px;transform:skew(12deg)}.toast{position:absolute;top:430px;left:70px;right:70px;padding:12px 14px;border:1px solid #ffcf6d;background:#111d2bef;text-align:center;font-size:16px;font-weight:900;color:#ffe08a;z-index:15;box-shadow:0 0 25px #ffaa0022;animation:toast-in .2s ease}.install-flash{position:absolute;inset:0 0 220px;pointer-events:none;background:radial-gradient(ellipse at 50% 75%,#56bfff75,transparent 70%);opacity:0}.install-flash.active{animation:install .7s ease-out}.module-deck{position:absolute;top:740px;height:145px;width:100%;background:linear-gradient(120deg,#182231,#080e17 70%);border-top:3px solid #4c9abd;border-bottom:2px solid #3d809c;box-shadow:0 -4px 0 #0a111b,0 -5px 0 #7991a3,inset 0 2px #18364f;clip-path:polygon(0 0,24% 0,26% 5px,58% 5px,60% 0,98% 0,100% 10px,100% 100%,0 100%)}.deck-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 14px 7px}.deck-heading h2{margin:0;font-size:17px;font-weight:1000;letter-spacing:1px}.deck-heading span{font-size:12px;color:#a0b4c9;font-weight:700;letter-spacing:1px}.module-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:0 14px}.module-slot{border:0;background:none;padding:0;color:#fff;position:relative}.module-icon{height:65px;border:2px solid var(--module-color,#8499af);background:radial-gradient(ellipse at bottom,var(--module-glow,#1e3447),#0e1420 80%);clip-path:polygon(11% 0,89% 0,100% 12%,100% 84%,89% 100%,11% 100%,0 84%,0 12%);box-shadow:inset 0 -4px 0 var(--module-color);display:flex;align-items:center;justify-content:center}.module-icon svg{width:60px;height:60px;filter:drop-shadow(0 0 4px var(--module-glow))}.module-slot>span{display:block;font-size:12px;font-weight:800;margin-top:4px;white-space:nowrap}.module-slot>small{font-size:11px;color:#ffda73;font-weight:700}.module-slot.empty .module-icon{border-style:dashed;opacity:.6;color:#b0bfcd;font-size:33px;clip-path:none;border-radius:7px;background:#0a1420}.module-slot.empty>span,.module-slot.empty>small{color:#8499ad}.module-slot.future{opacity:.4}.module-slot.new .module-icon{animation:slot-install .8s}.chain-description{font-size:10px;color:#8ba3b9;text-align:center;letter-spacing:1px;margin-top:4px}.bottom-nav{position:absolute;top:885px;left:0;width:100%;height:75px;display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(135deg,#243043,#0b1019 70%);border-top:2px solid #64778b}.bottom-nav button{border:0;border-right:1px solid #66798c33;color:#aab7c9;background:none;font-size:15px;font-weight:900;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;position:relative}.bottom-nav svg{width:34px;height:34px;margin-top:0}.bottom-nav button.selected{color:#ecf6ff;background:linear-gradient(#4f728733,#0000)}.bottom-nav button.selected:before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;background:#8de2ff;box-shadow:0 0 9px #5bdcff}.bottom-nav button:hover{color:white;background:#57799b22}.intro-overlay{position:absolute;inset:0 0 220px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:91px;pointer-events:none;z-index:10;background:linear-gradient(transparent 45%,#070d17b3 78%,transparent)}.intro-card{width:385px;padding:20px 24px 19px;background:linear-gradient(130deg,#162131ec,#080f1be8);border:1px solid #6a869e88;border-left:3px solid #ffcf58;box-shadow:0 10px 25px #0006;pointer-events:auto;clip-path:polygon(0 0,94% 0,100% 14px,100% 100%,5% 100%,0 94%)}.eyebrow{color:#ffc75c;letter-spacing:2px;font-size:10px;font-weight:800}.intro-card h1{font-size:28px;font-weight:1000;line-height:1.2;margin:9px 0;letter-spacing:1px}.intro-card h1 span{color:#ffd264}.intro-card p{color:#adbdcd;font-size:12px;line-height:1.65;margin:8px 0 13px}.primary-btn{border:1px solid #ffe282;background:linear-gradient(#ffd567,#ffad34);box-shadow:inset 0 2px 0 #fff3b3,0 3px 0 #9f521c;color:#271b16;font-weight:1000;font-size:20px;padding:12px 20px;transform:skew(-4deg);width:100%;letter-spacing:1px;text-shadow:0 1px #ffe7a7}.primary-btn span{float:right}.primary-btn:hover{filter:brightness(1.12)}.primary-btn:active{transform:skew(-4deg) translateY(2px)}.intro-controls{margin-top:13px;display:flex;align-items:center;justify-content:space-between;color:#8f9eb3;font-size:10px;gap:8px}kbd{font-family:inherit}.intro-controls kbd{background:#5a758133;border:1px solid #748a9755;padding:1px 3px;border-radius:3px;color:#d4e0ee}.modal{position:absolute;inset:0;background:#040a13b9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:30;padding:26px}.modal-card{width:100%;max-height:850px;overflow:auto;background:linear-gradient(130deg,#233044,#0b1422 70%);border:1px solid #6e8ba8;border-top:3px solid #62c8f2;box-shadow:0 10px 50px #0009;padding:23px;position:relative;scrollbar-width:thin}.modal-card h2{font-size:27px;margin:6px 0 8px;letter-spacing:1px;font-weight:1000}.modal-card h2 em{font-style:normal;color:#ffd465}.modal-card p{color:#a9bdcd;line-height:1.7;font-size:13px}.modal-close{position:absolute;right:12px;top:12px;border:0;background:#ffffff0b;color:#cbdce9;font-size:25px;width:31px;height:31px;line-height:28px}.choice-card{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid var(--module-color);background:linear-gradient(100deg,var(--module-glow),#111d2c 65%);border-left:4px solid var(--module-color);margin:12px 0;padding:12px;transition:transform .15s,filter .15s;color:#e7f0fa}.choice-card:hover{transform:translateX(4px);filter:brightness(1.17)}.choice-card .module-icon{width:71px;flex-shrink:0;height:72px}.choice-card strong{display:block;font-size:20px;color:#fff}.choice-card .module-category{font-size:10px;letter-spacing:2px;color:var(--module-color);display:block;margin-bottom:3px}.choice-card p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#b8ccdb}.choice-card .choice-arrow{font-size:27px;color:var(--module-color);margin-left:auto}.preview-box{padding:10px 12px;background:#080f1b;border:1px solid #52678255;margin:12px 0}.preview-box small{font-size:10px;color:#91a9be;letter-spacing:2px}.preview-box b{display:block;font-size:13px;color:#f8d772;line-height:1.5;margin-top:6px}.weapon-preview{width:100%;height:120px;display:block;margin-top:8px;background:radial-gradient(ellipse,#243f5a44,transparent 70%)}.modal-note{font-size:11px;color:#839bb3;margin:12px 0}.secondary-btn{width:100%;padding:10px;border:1px solid #7089a5;background:#273e54;color:#e8f2fb;font-size:14px;font-weight:800}.pause-actions{display:grid;gap:11px;margin-top:18px}.result-title{font-size:36px!important;font-style:italic;transform:skew(-5deg);color:#ffd061;text-shadow:3px 3px #000}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.result-stats>div{background:#080f1b;padding:13px 3px;text-align:center;border-bottom:2px solid #ffce56}.result-stats strong{display:block;font-size:26px;color:#fff0bc}.result-stats small{font-size:11px;color:#8fa7bc}.chain-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:#dbd6bd}.chain-list span{padding:5px 6px;background:#37496266;border:1px solid #526a85}.lexicon{display:grid;gap:9px}.lexicon .choice-card{margin:0;cursor:default}.help-grid{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:13px;color:#b6c9d8}.help-grid b{color:#f4da8c}.roadmap{display:grid;gap:11px;margin:20px 0}.roadmap>div{padding:10px 12px;border-left:3px solid #5597b9;background:#142335}.roadmap strong{font-size:16px;color:#ffdb79}.roadmap span{font-size:12px;display:block;color:#acbecf;margin-top:5px}.settings-row{display:flex;align-items:center;justify-content:space-between;color:#bfcfde;font-size:13px;margin:12px 0}.debug{position:absolute;z-index:60;right:12px;top:205px;width:245px;padding:13px;background:#08111cf5;border:1px solid #65a3c9;box-shadow:0 8px 25px #0007;color:#bbd9e8;font-size:12px}.debug-title{font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.debug-title button{font-size:20px;background:none;border:0}.debug button{border:1px solid #47728f;background:#1d3448;padding:5px;color:#d5e7f5;font-size:11px}.debug-actions,#debug-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:7px 0}.debug label{display:block;margin:7px 0}.seed-row{display:flex;gap:5px}.seed-row input{min-width:0;width:120px;background:#0a1827;border:1px solid #537896;color:#e6f1fc;padding:5px;font-size:11px}.debug p{margin:8px 0 0;font-size:10px;color:#8faac1}.hidden{display:none!important}.desktop-guide{width:260px;flex-shrink:0;align-self:center}.guide-line{height:3px;width:42px;background:#ffc857;box-shadow:0 0 10px #ffcc4930;margin-bottom:24px}.desktop-guide h2{font-size:45px;margin:17px 0 18px;font-weight:1000;font-style:italic;line-height:1.2;letter-spacing:1px}.desktop-guide h2 span{color:#ffc95b}.desktop-guide p{font-size:14px;line-height:1.9;color:#8da1b6}.guide-control{display:grid;grid-template-columns:90px 1fr;gap:15px 5px;align-items:center;font-size:11px;margin-top:28px}.guide-control kbd{color:#d4e3f3;background:#243546;border:1px solid #4f6c8566;text-align:center;padding:6px;font-size:11px;border-radius:4px;box-shadow:0 2px 0 #030910}.guide-control span{color:#8196ae;padding-left:9px}.guide-bottom{margin-top:35px;border-top:1px solid #4c698d44;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px}.guide-bottom button{border:1px solid #526c8355;background:none;color:#a9bed5;padding:7px 12px;font-size:10px;border-radius:3px}.guide-bottom>span{font-size:10px;color:#4f687f;width:100%;margin-top:10px;letter-spacing:1px}@keyframes install{0%{opacity:0}20%{opacity:1}100%{opacity:0}}@keyframes slot-install{0%{filter:brightness(5);transform:scale(1.2)}100%{filter:brightness(1);transform:scale(1)}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1000px){.desktop-guide{display:none}.desktop-wrap{padding:0}.game-frame{border:0;border-radius:0;box-shadow:0 0 60px #000}}@media(pointer:coarse){.joystick{display:block}.intro-controls{font-size:12px}.aim-hint{right:30px;bottom:312px}.intro-card{padding:17px 22px}.skill kbd{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.module-slots.all-modules{gap:6px}.all-modules .module-icon svg{width:48px;height:48px}.all-modules .module-slot>span{font-size:10px}
.intro-overlay{padding-bottom:34px}.intro-card{width:408px;padding:14px 20px 13px}.intro-card h1{font-size:24px;margin:7px 0 10px;white-space:nowrap}.intro-card h1 br{display:none}.intro-card h1 span{margin-left:3px}.intro-card p{display:none}.intro-card .primary-btn{padding:10px 18px;font-size:19px}.intro-controls{margin-top:10px}.intro-overlay{background:linear-gradient(transparent 70%,#070d1766 90%,transparent)}
.portrait{background:#243344 url('assets/portrait.png') center 26% / 63px auto no-repeat}
@media(max-width:600px){.joystick{display:block}.intro-controls{font-size:11px}}