@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ice:#9ce4ff;--muted:#6e879c;--border:#7acfff28}*{box-sizing:border-box}body{margin:0;background:#03080e;color:#dceaf4;font-family:Inter,"Microsoft Yahei",sans-serif;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9ce4ff;outline-offset:5px}#app,#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#03080ed9 0%,transparent 38%,transparent 77%,#03080e55),linear-gradient(0deg,#03080edd,transparent 26%)}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 4%;z-index:2}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#ccdfeb;font-size:10px;letter-spacing:2px;font-weight:600}.brand-icon{font-size:40px;font-weight:400;color:#a0dcf9}.brand small{display:block;font-size:10px;letter-spacing:6px;color:#8394a1;margin-top:7px}.edition{font-size:9px;letter-spacing:2px;color:#7e95a7;display:flex;align-items:center;gap:15px}.edition i,.readout i{display:inline-block;width:4px;height:4px;background:#7fcfff;border-radius:50%;box-shadow:0 0 9px #6cccff}.edition span{color:#547487}.icon-button{border:1px solid var(--border);background:#0a172166;color:#abcbdc;width:36px;height:36px;font-size:20px;border-radius:4px}.icon-button:hover{background:#153345;color:white}.intro{position:absolute;left:7%;top:24%;pointer-events:none}.intro>*{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:3px;color:#6aabcb;margin:0 0 25px}h1{font-family:"Noto Serif SC",SimSun,serif;font-size:clamp(40px,4.3vw,68px);line-height:1.27;font-weight:600;margin:0;letter-spacing:6px;text-shadow:0 0 30px #8dd6ff20}h1 span{display:block}.english{font-size:10px;letter-spacing:3px;color:#84a8bd;margin-top:23px}.hairline{width:36px;height:1px;background:#61a1c0;margin:29px 0}.tagline{font-family:"Noto Serif SC",serif;line-height:1.8;letter-spacing:4px;font-size:17px;color:#b2c5d4}.description{font-size:10px;line-height:1.9;color:#768c9f;letter-spacing:1px;margin:18px 0 30px}.primary{height:47px;display:flex;align-items:center;gap:14px;padding:0 20px;color:#bcf1ff;border:1px solid #5ec3ed66;background:linear-gradient(120deg,#163d5166,#0a1c2966);letter-spacing:3px;font-size:12px;box-shadow:inset 0 0 18px #62cfff08,0 0 24px #41b7ff08;transition:.3s}.primary:hover{background:#255b73;box-shadow:0 0 35px #51c1f533}.primary:disabled{opacity:.55;cursor:wait}.primary>span{font-size:22px}kbd{font-size:7px;padding:4px;letter-spacing:1px;color:#83a5b9;border:1px solid #50708655;font-family:inherit}#burst-state{font-size:9px;letter-spacing:1px;color:#4d728a;margin-top:12px}.readout{position:absolute;right:5%;top:36%;font-size:9px;letter-spacing:1px;color:#66849a;border-right:1px solid #51829e40;padding-right:20px;text-align:right}.readout-title{font-size:8px;letter-spacing:2px}.readout strong{display:block;font-family:"Noto Serif SC",serif;color:#9cc9e1;font-size:17px;font-weight:400;letter-spacing:3px;margin:13px 0 20px}.readout div{display:flex;align-items:center;justify-content:end;gap:7px}.coordinate{display:block;font-size:8px;color:#4f7188;margin:13px 0 25px}.coordinate b{padding:0 4px;font-weight:400}.readout a{display:block;font-size:10px;letter-spacing:1px;text-decoration:none;color:#8fabc0;padding:7px 0}.readout a:hover{color:#c4efff}.bottom{position:absolute;bottom:25px;left:4%;right:4%}.control-panel{margin:auto;display:flex;align-items:center;gap:21px;width:max-content;padding:10px 13px;background:linear-gradient(145deg,#0c1d2ed9,#07121ccc);border:1px solid #7acfff22;backdrop-filter:blur(18px);border-radius:7px;box-shadow:0 20px 60px #0005}.segmented{display:flex;gap:4px}.segmented button{border:0;background:none;color:#6b8da6;font-size:11px;padding:10px 16px;letter-spacing:1px;border-radius:3px}.segmented button.active{background:#183b50;color:#c1ebff}.segmented button:hover{color:#dcf6ff}.divider{height:23px;width:1px;background:var(--border)}.toggle{border:0;background:none;color:#6f8b9c;font-size:10px;letter-spacing:1px;padding:9px 0}.toggle span{font-size:17px;margin-right:5px}.toggle.active{color:#a9d8ed}.energy{font-size:9px;color:#718da3;display:flex;align-items:center;gap:10px;white-space:nowrap}.energy input{accent-color:#80ccee;width:85px;height:2px}.energy output{font-size:9px;width:31px;color:#a2bbcc}footer{display:flex;justify-content:space-between;gap:15px;margin-top:21px;color:#48677d;font-size:8px;letter-spacing:1px}footer b{font-weight:400;margin:0 9px;color:#344f62}.loading{position:absolute;inset:0;background:#03080e;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:8;transition:opacity 1s;pointer-events:none}.loading span{width:40px;height:40px;border:1px solid #1d4962;border-top-color:#b6e7ff;transform:rotate(45deg);animation:spin 2s linear infinite}.loading p{font-family:"Noto Serif SC",serif;letter-spacing:4px;margin-top:27px;font-size:14px}.loading small{font-size:8px;letter-spacing:3px;color:#4b7a98}.loading.ready{opacity:0}#restore{display:none;position:absolute;bottom:20px;right:20px;background:#07121c99;border:1px solid #7acfff22;color:#99b4c8;font-size:10px;padding:9px 15px}.clean .chrome{opacity:0;pointer-events:none}.clean .chrome *{pointer-events:none}.clean .vignette{opacity:.2}.clean #restore{display:block}.chrome{transition:opacity .35s}#toast{position:absolute;bottom:135px;left:50%;transform:translateX(-50%);padding:10px 20px;background:#142d3aee;border:1px solid #93d5ee40;font-size:11px;color:#c5e9f5;opacity:0;transition:.3s;pointer-events:none}#toast.show{opacity:1}@keyframes spin{to{transform:rotate(405deg)}}@media(max-width:1050px){.intro{left:5%;top:25%}.readout{right:3%;top:38%}.control-panel{gap:12px}.segmented button{padding:10px}.fan{display:none}h1{font-size:43px}.description{font-size:9px}.energy{gap:7px}}@media(max-width:700px){header{padding:20px 6%}.edition{display:none}.brand{font-size:8px}.brand small{font-size:8px}.brand-icon{font-size:30px}.intro{top:15%;left:7%}h1{font-size:32px;letter-spacing:4px}h1 span{display:inline}.eyebrow{font-size:7px;margin-bottom:12px}.english{font-size:8px;margin:12px 0}.hairline,.tagline,.description{display:none}.primary{position:fixed;bottom:167px;left:auto;right:6%;transform:none;font-size:10px;height:43px;white-space:nowrap;padding:0 14px;gap:8px}.primary kbd{display:none}#burst-state{display:none}.readout{right:6%;top:17%;padding-right:0;border:0}.readout-title,.readout strong,.readout div,.coordinate{display:none}.readout a{font-size:8px;padding:5px 0}.readout a:nth-last-child(1){display:none}.bottom{bottom:19px;left:5%;right:5%}.control-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 16px;padding:9px;width:100%;max-width:400px}.segmented{width:100%;justify-content:center}.segmented button{font-size:10px;padding:9px 19px}.divider{display:none}.toggle{font-size:9px}.energy{font-size:8px}.energy input{width:58px}.control-panel .icon-button{width:28px;height:28px;font-size:17px}footer{justify-content:center;font-size:7px;margin-top:14px}footer>span:nth-child(2){display:none}.vignette{background:linear-gradient(0deg,#03080edd,transparent 35%,transparent 65%,#03080e77)}#toast{bottom:220px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.loading span{animation:none}}
.header-actions{display:flex;gap:20px;align-items:center}.collection-button{background:transparent;border:0;color:#a6c3d6;font-size:11px;letter-spacing:2px;padding:10px}.collection-button span{margin-left:8px;color:#49768e;font-size:9px}dialog{background:linear-gradient(140deg,#102534,#06111c);color:#bbd6e6;border:1px solid #69aed355;border-radius:8px;width:510px;max-width:92vw;padding:28px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#01060bc9;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .eyebrow{margin-bottom:12px;font-size:8px}.dialog-top h2{font-family:SimSun,serif;font-size:25px;letter-spacing:5px;font-weight:400;margin:0 0 25px}.weapon-card{width:100%;display:flex;align-items:center;text-align:left;background:#193b5044;border:1px solid #6ab2d44d;border-radius:5px;color:#d1eafa;padding:10px;gap:10px}.weapon-card img{height:180px;width:150px;object-fit:contain}.weapon-card small,.weapon-card em,.weapon-card b{display:block;font-size:9px;letter-spacing:1px;font-style:normal;font-weight:400;color:#709fba}.weapon-card strong{display:block;margin:13px 0 10px;font-size:18px;font-family:SimSun,serif;letter-spacing:2px}.weapon-card b{color:#a5d7ed;margin-top:24px}.specs{font-size:11px;line-height:1.8;margin-top:24px}.specs p{display:flex;justify-content:space-between;border-bottom:1px solid #547e9226;padding-bottom:9px}.specs span{color:#6d96ac}.asset-links{display:flex;justify-content:space-between;font-size:10px;margin:24px 0}.asset-links a,.reference-note a{color:#a4d5ec;text-decoration:none}.reference-note{font-size:9px;line-height:1.9;color:#577e95}.back-home{display:inline-block;margin-top:16px;font-size:10px;color:#86abc1;text-decoration:none}@media(max-width:700px){.header-actions{gap:8px}.collection-button{font-size:9px;padding:8px}.weapon-card img{width:110px;height:160px}.weapon-card strong{font-size:16px}}