:root{color-scheme:dark;--ink:#eeeadd;--muted:#abb6b3;--gold:#e5bb77;--teal:#87cabb;--panel:#142127;--line:#40504e;--danger:#f28d78;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;background:#111b21;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}button{touch-action:manipulation}button span{pointer-events:none}body,#game-shell{width:100%;height:100svh;min-height:320px}#game-shell{position:relative;isolation:isolate;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.screen-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000010 3px 4px);opacity:.25;z-index:1}
.hud{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;z-index:3;pointer-events:none}.hud>*{pointer-events:auto}.vitals{display:flex;width:286px;gap:12px;padding:12px;background:#0d181de6;border:1px solid #70837945;box-shadow:0 8px 28px #0003}.guard-mark{width:40px;height:48px;background:var(--gold);color:#253332;display:grid;place-items:center;font:500 23px "Consolas",monospace;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.vitals-body{flex:1;min-width:0}.health-title{display:flex;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.06em;line-height:15px}.health-title b{font:500 13px "Consolas",monospace;color:#fff}.health-title>span:last-child{color:var(--teal)}.health-track,.xp-track,.boss-track{overflow:hidden;background:#03090da8}.health-track{height:7px;margin:6px 0}.health-track>div{height:100%;background:linear-gradient(90deg,#74aa96,#b3dac2);transition:width .12s linear}.experience-line{display:flex;gap:7px;align-items:center;font:10px "Consolas",monospace;color:#dad2b4;white-space:nowrap}.xp-track{flex:1;height:3px}.xp-track>div{height:100%;background:var(--gold)}.hud-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;background:#0e1a20df;border:1px solid #82908255;font-size:22px;display:grid;place-items:center}.icon-button:hover{background:#2a3d40;border-color:var(--gold)}
.mission-hud{position:absolute;top:120px;left:28px;display:flex;gap:12px;align-items:center;width:300px;text-align:left;padding:13px 14px;border:0;border-left:2px solid var(--gold);background:linear-gradient(90deg,#102027ef,#102027a0);z-index:3}.mission-symbol{font-size:26px;color:var(--gold)}.mission-hud>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.mission-hud small{font-size:9px;letter-spacing:.17em;color:#c2b499}.mission-hud strong{font-size:14px;font-weight:500}.mission-hud #mission-detail{font-size:10px;color:#aebcb7;line-height:1.6}.mission-hud #mission-distance{margin-left:auto;font:11px "Consolas",monospace;color:var(--gold);white-space:nowrap}.boss-hud{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:min(410px,40%);z-index:3}.boss-hud>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:14px;letter-spacing:.12em;text-shadow:0 2px 3px #000}.boss-hud small{font-size:10px;color:#edb6a3}.boss-track{height:6px;margin-top:8px;border:1px solid #826257}.boss-track>div{height:100%;background:#d88c70;transition:width .15s}
.region-card{position:absolute;right:30px;top:95px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:none;opacity:0;transition:opacity .8s;z-index:3;text-shadow:0 2px 8px #000}.region-card.visible{opacity:1}.region-card span{font-size:10px;letter-spacing:.15em;color:#c9c8b6}.region-card strong{font:400 27px "STZhongsong","SimSun",serif;letter-spacing:.22em}.radio{position:absolute;left:28px;bottom:62px;width:min(500px,calc(100% - 56px));display:flex;gap:13px;align-items:flex-start;padding:14px 14px 13px;background:#0d1b24ec;border-left:2px solid #8bbaac;box-shadow:0 8px 26px #0003;z-index:3}.radio-avatar{flex-shrink:0;display:grid;place-items:center;width:45px;height:52px;background:linear-gradient(145deg,#b7bb9b,#467570);color:#192d30;font:400 24px "STZhongsong","SimSun",serif;border:3px solid #81968d;box-shadow:inset 0 0 0 1px #293e43}.radio-copy{flex:1;min-width:0}.radio-copy>div{display:flex;align-items:center;gap:8px}.radio-copy b{font-size:11px;font-weight:500;letter-spacing:.08em}.signal-bars{color:var(--teal);font-size:10px}.radio-copy small{font:8px "Consolas",monospace;color:#82948f;margin-left:auto;letter-spacing:.14em}.radio-copy p{font-size:12px;line-height:1.85;margin:7px 0 0;color:#e6e6d8}.radio>button{border:0;background:none;color:#a8bcb6;padding:0 2px;font-size:26px;line-height:30px}.journey-footer{position:absolute;bottom:max(17px,env(safe-area-inset-bottom));left:28px;display:flex;gap:18px;color:#b2bab0;text-shadow:0 1px 3px #000;font:10px "Consolas","Microsoft YaHei",monospace;z-index:3}.keyboard-hint{position:absolute;right:28px;bottom:20px;font:10px "Consolas","Microsoft YaHei",monospace;letter-spacing:.09em;color:#d1d4c3;text-shadow:0 1px 3px #000;z-index:3}.keyboard-hint span{color:var(--gold);margin:0 15px}.touch-controls{display:none}
.welcome{position:absolute;inset:0;z-index:5;display:flex;align-items:center;padding:6vh 9vw;background:linear-gradient(90deg,#08151bf5 0%,#101e27da 28%,#111f273d 67%,#10181c40 100%)}.welcome-copy{max-width:600px}.eyebrow{font:10px "Consolas",monospace;letter-spacing:.19em;color:#aabeb7;display:flex;align-items:center;gap:12px}.eyebrow span{width:24px;height:1px;background:var(--gold)}.chapter-label{font-size:12px;letter-spacing:.32em;color:var(--gold);margin-top:40px}.welcome h1{margin:17px 0 0;font:400 clamp(54px,6.8vw,100px)/1.16 "STZhongsong","Songti SC","SimSun",serif;letter-spacing:.12em;text-shadow:0 3px 30px #0006}.welcome h1>span{color:var(--gold)}.welcome h1 i{display:block;font:10px "Consolas",monospace;letter-spacing:.63em;color:#c6c6b2;margin:22px 0 0}.welcome-story{font-size:14px;line-height:2.1;color:#c4cec6;margin:34px 0 28px;letter-spacing:.06em}.welcome-actions{display:flex;flex-direction:column;gap:10px;max-width:292px}.primary{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--gold);color:#243231;border:1px solid #f3d8a1;padding:15px 23px;font-size:14px;letter-spacing:.08em;font-weight:600;box-shadow:0 6px 20px #0002}.primary span{font-size:24px;font-weight:400}.primary:hover{background:#f2d2a1;transform:translateY(-1px)}.secondary{border:1px solid #76918770;background:#263b3b;color:var(--ink);padding:13px 20px;letter-spacing:.04em;font-size:13px}.secondary:hover{border-color:#d8ba80}.ghost{background:none;color:#b5c6bd;border:1px solid #657d7266;padding:12px 17px;font-size:12px}.ghost:hover{background:#ffffff08;color:var(--ink)}.save-summary{font-size:11px;color:#9fafa5;min-height:17px;line-height:1.8;max-width:380px}.welcome-help{display:flex;gap:18px;margin-top:26px;font-size:10px;color:#95aaa2;letter-spacing:.04em}.welcome-help span+span{border-left:1px solid #4a5d58;padding-left:18px}.classic-link{display:inline-block;margin-top:24px;color:#9eafa7;font-size:11px;text-decoration:none;border-bottom:1px solid #9eafa755;padding-bottom:4px}.classic-link:hover{color:var(--gold)}.departure-board{position:absolute;top:9vh;right:7vw;transform:rotate(-2deg);background:#0e1c25dd;border:1px solid #47606588;padding:15px 18px;box-shadow:0 12px 34px #0004;color:#b6bcaa}.departure-board>span{font-size:10px;letter-spacing:.08em}.departure-board>div{display:flex;gap:22px;align-items:center;margin:15px 0}.departure-board b{font:24px "Consolas",monospace;color:var(--gold)}.departure-board strong{font-weight:400;font-size:16px;letter-spacing:.18em}.departure-board em{font-size:9px;font-style:normal;color:#bfa377}.departure-board small{font:8px "Consolas",monospace;letter-spacing:.18em;color:#788f8e}.welcome-bottom{position:absolute;bottom:26px;left:9vw;right:7vw;display:flex;justify-content:space-between;font-size:10px;color:#869b93;letter-spacing:.12em}
dialog{width:min(720px,calc(100vw - 42px));max-height:90svh;background:#132127;color:var(--ink);border:1px solid #64807470;padding:0;box-shadow:0 28px 90px #0008;overscroll-behavior:contain;scrollbar-color:#526e61 #142127}dialog::backdrop{background:#050e14bd;backdrop-filter:blur(7px)}#overlay-content{padding:30px}.modal-kicker{font:10px "Consolas","Microsoft YaHei",monospace;letter-spacing:.18em;color:var(--gold);margin:0 0 12px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-heading h2{font:400 30px "STZhongsong","SimSun",serif;margin:0;letter-spacing:.06em}.modal-heading>button{border:0;background:none;font-size:25px;line-height:25px;color:#9eafa7;padding:0 4px}.modal-description{font-size:13px;line-height:1.9;color:#b9c7bb;margin:0 0 24px}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pause-actions .primary{grid-column:1/-1}.modal-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:24px;border-top:1px solid #637b6340;padding-top:17px}.modal-footer p{font-size:10px;color:#99afa1;line-height:1.8;margin:0}.settings-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.settings-row button{font-size:11px;padding:9px 12px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 0;border-top:1px solid #76907b40;border-bottom:1px solid #76907b40;margin:18px 0 24px}.summary-grid small{display:block;font-size:10px;color:#91a89b;margin-bottom:8px}.summary-grid strong{font:28px "Consolas",monospace;color:var(--gold)}.build-list{display:flex;flex-direction:column;gap:9px}.build-row{display:flex;gap:14px;padding:12px;background:#263b3450;border:1px solid #7a907445;align-items:center}.build-row .card-symbol{font-size:27px;width:34px;text-align:center;flex-shrink:0}.build-row strong{font-size:13px;font-weight:500}.build-row p{font-size:11px;color:#aabdae;line-height:1.7;margin:5px 0 0}.build-row .rank{margin-left:auto;white-space:nowrap;font:12px "Consolas",monospace;color:var(--gold)}.empty-state{padding:24px 0;font-size:13px;color:#9fb5a5;line-height:1.9}.journal-list{display:flex;flex-direction:column;gap:15px}.journal-line{border-left:1px solid #72938488;padding-left:13px}.journal-line b{font-size:10px;color:var(--gold);font-weight:500}.journal-line p{margin:7px 0 0;font-size:12px;line-height:1.9;color:#c2cfc1}.map-diagram{width:100%;display:block;background:#0c1a2180;margin:0 0 20px;border:1px solid #49615745}.objective-list{display:flex;flex-direction:column;gap:8px}.objective-row{background:#22373390;border:1px solid #75957650;padding:12px 14px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.objective-row strong{font-size:13px;font-weight:500}.objective-row small{display:block;font-size:10px;color:#9fb5a5;margin-top:6px}.objective-row span:last-child{font-size:11px;color:var(--gold);white-space:nowrap}.objective-row.done{opacity:.6;border-style:dashed}.modal-note{font-size:11px;line-height:1.9;color:#9cb1a3}.error-note{color:#efaf99}
dialog.draft-dialog{width:min(1040px,calc(100vw - 42px))}.draft-header{text-align:center;margin-bottom:26px}.draft-header .modal-kicker{margin-bottom:12px}.draft-header h2{font:400 35px "STZhongsong","SimSun",serif;margin:0 0 12px;letter-spacing:.06em}.draft-header p{margin:0;font-size:12px;color:#aabdab}.draft-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.upgrade-card{text-align:left;background:linear-gradient(150deg,#33483a,#142a26);border:1px solid #b6c6a980;padding:20px;position:relative;display:flex;flex-direction:column;min-height:300px;transition:transform .16s,border-color .16s;overflow:hidden}.upgrade-card::after{content:"";position:absolute;inset:6px;border:1px solid #dbddba16;pointer-events:none}.upgrade-card[data-tier="1"]{background:linear-gradient(150deg,#2f4954,#142a31);border-color:#8fbbc8}.upgrade-card[data-tier="2"]{background:linear-gradient(150deg,#504534,#27291e);border-color:#e9c16e;box-shadow:inset 0 0 26px #eec9700c}.upgrade-card:hover{transform:translateY(-4px);border-color:#f4e0b5}.card-top{display:flex;justify-content:space-between;font:10px "Consolas","Microsoft YaHei",monospace;letter-spacing:.12em;color:#bbc9b3}.upgrade-card[data-tier="1"] .card-top,.upgrade-card[data-tier="1"] .card-symbol{color:#abdae4}.upgrade-card[data-tier="2"] .card-top,.upgrade-card[data-tier="2"] .card-symbol{color:#f0cc83}.upgrade-card .card-symbol{font-size:50px;color:#c0d6b4;margin:22px 0 13px;height:60px;line-height:60px}.upgrade-card h3{font:400 21px "STZhongsong","SimSun",serif;letter-spacing:.05em;margin:0 0 13px}.upgrade-card .card-description{font-size:12px;line-height:1.85;color:#d3dccb;margin:0 0 17px}.upgrade-card .card-detail{margin-top:auto;font-size:11px;color:#e7d8a4;border-top:1px solid #ffffff18;padding-top:13px;line-height:1.7}.upgrade-card .card-pair{font-size:10px;margin-top:8px;color:#a8cbb5;line-height:1.6}.draft-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px}.draft-bottom p{font-size:11px;color:#9cae9f;margin:0}.ending-symbol{font-size:42px;color:var(--gold);margin:0 0 18px}.toast{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);background:#1d352e;border:1px solid #9bba92;color:#e8eddd;padding:12px 20px;z-index:20;font-size:12px;max-width:80%;box-shadow:0 8px 24px #0005}
@media(max-width:760px),(pointer:coarse){.hud{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;gap:8px}.vitals{width:238px;padding:9px;gap:8px}.guard-mark{width:31px;height:44px;font-size:20px}.health-title{font-size:10px}.health-title b{font-size:12px}.experience-line{font-size:9px;gap:5px}.hud-actions{gap:6px}.icon-button{width:32px;height:34px;font-size:20px}.desktop-only{display:none}.mission-hud{top:92px;left:12px;right:12px;width:auto;padding:10px 12px;gap:9px}.mission-hud strong{font-size:13px}.mission-hud small{font-size:8px}.mission-hud #mission-detail{font-size:10px}.mission-symbol{font-size:23px}.mission-hud #mission-distance{font-size:10px}.boss-hud{top:166px;left:18px;transform:none;width:calc(100% - 36px)}.boss-hud>div:first-child{font-size:12px}.boss-hud small{font-size:9px}.region-card{top:178px;right:18px}.region-card strong{font-size:23px}.region-card span{font-size:9px}.radio{left:12px;bottom:calc(151px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:10px;gap:10px}.radio-avatar{width:33px;height:40px;font-size:19px;border-width:2px}.radio-copy b{font-size:10px}.radio-copy small{font-size:8px}.radio-copy p{font-size:11px;line-height:1.8;margin-top:5px}.radio>button{font-size:24px}.touch-controls{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:22px;right:22px;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.touch-controls>*{pointer-events:auto}.joystick{position:relative;width:112px;height:112px;border:1px solid #a0bbae55;border-radius:50%;background:radial-gradient(circle,#132e3280,#0d202968);touch-action:none;user-select:none;box-shadow:inset 0 0 0 10px #06111720}.stick-axis{position:absolute;inset:15px;border:1px dashed #bbcbaf3d;border-radius:50%;pointer-events:none}.stick-knob{position:absolute;left:34px;top:34px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bac9a3,#5e8b83);border:1px solid #d2ddbd;box-shadow:0 4px 13px #0005;pointer-events:none}.joystick small{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.17em;color:#b8c7b4;pointer-events:none}.dash{width:85px;height:85px;border-radius:50%;border:1px solid #e4c388;background:radial-gradient(circle at 40% 30%,#5b5640,#263839);box-shadow:inset 0 0 0 5px #e6c88810,0 4px 18px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;user-select:none}.dash-glyph{font-size:25px;line-height:26px;color:#f1d89f}.dash b{font-size:11px;font-weight:500}.dash small{font:9px "Consolas","Microsoft YaHei",monospace;color:#e1d2b0}.dash.cooling{border-color:#7e9a8a;background:#1b3335b0;opacity:.75}.mobile-build{width:44px;height:47px;background:#0e242bba;border:1px solid #8aa58a55;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#bbcbb4}.mobile-build span{font-size:19px}.mobile-build small{font-size:8px;letter-spacing:.1em}.journey-footer{left:15px;right:15px;bottom:max(8px,env(safe-area-inset-bottom));gap:10px;font-size:8px;justify-content:space-between}.keyboard-hint{display:none}.welcome{padding:34px 27px 55px;background:linear-gradient(90deg,#08151be8,#10202b9e),linear-gradient(0deg,#08131ddd,transparent);overflow:auto;align-items:center}.welcome-copy{width:100%}.eyebrow{font-size:8px;letter-spacing:.08em;gap:8px}.eyebrow span{width:16px}.chapter-label{font-size:10px;margin-top:30px;letter-spacing:.24em}.welcome h1{font-size:clamp(50px,14vw,80px);letter-spacing:.1em}.welcome h1 i{font-size:8px;letter-spacing:.43em;margin-top:19px}.welcome-story{font-size:12px;line-height:2;margin:26px 0 23px}.welcome-actions{max-width:none}.primary{padding:13px 18px;font-size:13px}.save-summary{font-size:10px}.welcome-help{gap:9px;margin-top:19px;font-size:9px}.welcome-help span+span{padding-left:9px}.classic-link{margin-top:19px;font-size:10px}.departure-board{display:none}.welcome-bottom{left:27px;right:27px;bottom:19px;font-size:8px;letter-spacing:.04em}.welcome-bottom>span:first-child{display:none}.welcome-bottom>span:last-child{margin-left:auto}dialog{width:calc(100vw - 24px);max-height:calc(100svh - 28px)}#overlay-content{padding:23px 18px}.modal-heading{margin-bottom:18px}.modal-heading h2{font-size:27px}.modal-description{font-size:12px;margin-bottom:18px}.modal-footer{margin-top:18px}.modal-footer p{font-size:9px}.modal-footer .ghost{font-size:10px;padding:9px 11px}.pause-actions{gap:9px}.secondary{padding:12px;font-size:12px}.summary-grid{gap:10px}.summary-grid strong{font-size:23px}.summary-grid small{font-size:9px}.build-row{padding:10px}.build-row strong{font-size:12px}.build-row p{font-size:10px}.toast{bottom:155px;max-width:92%;padding:10px 13px;font-size:11px}dialog.draft-dialog{width:calc(100vw - 24px)}.draft-dialog #overlay-content{padding:20px 16px}.draft-header{margin-bottom:17px}.draft-header h2{font-size:26px;margin-bottom:9px}.draft-header p{font-size:10px}.draft-header .modal-kicker{font-size:9px;margin-bottom:8px}.draft-cards{grid-template-columns:1fr;gap:10px}.upgrade-card{min-height:132px;padding:13px 14px 12px 61px;display:block}.upgrade-card::after{inset:4px}.card-top{font-size:8px;letter-spacing:.08em;margin-bottom:8px}.upgrade-card .card-symbol{position:absolute;left:14px;top:38px;font-size:27px;width:34px;height:36px;line-height:36px;margin:0}.upgrade-card h3{font-size:16px;margin:0 0 7px}.upgrade-card .card-description{font-size:10px;line-height:1.7;margin:0 0 8px}.upgrade-card .card-detail{font-size:9px;padding-top:7px;margin:0}.upgrade-card .card-pair{font-size:8px;margin-top:5px}.draft-bottom{margin-top:15px;gap:8px}.draft-bottom p{font-size:9px;max-width:55%;line-height:1.7}.draft-bottom .ghost{font-size:10px;padding:10px}.upgrade-card:hover{transform:none}.settings-row button{font-size:10px}}
@media(max-width:380px){.vitals{width:218px}.hud-actions{gap:4px}.icon-button{width:30px}.guard-mark{width:27px}.health-title>span:last-child{font-size:9px}.welcome h1{font-size:49px}.welcome-help{font-size:8px}.touch-controls{left:17px;right:17px}.joystick{width:104px;height:104px}.stick-knob{left:30px;top:30px}.dash{width:79px;height:79px}.draft-dialog #overlay-content{padding:15px 12px}.draft-header{margin-bottom:12px}.draft-header h2{font-size:24px}.upgrade-card{min-height:124px;padding-top:11px;padding-bottom:10px}.upgrade-card .card-pair{display:none}.draft-bottom{margin-top:11px}}
@media(max-height:650px) and (max-width:760px){.welcome{padding-top:25px;padding-bottom:35px}.chapter-label{margin-top:20px}.welcome-story{margin:20px 0}.welcome-help{margin-top:12px}.classic-link{margin-top:12px}.radio{bottom:calc(138px + env(safe-area-inset-bottom))}.touch-controls{bottom:calc(22px + env(safe-area-inset-bottom))}.joystick{width:102px;height:102px}.stick-knob{left:29px;top:29px}.draft-header h2{font-size:23px}.upgrade-card{min-height:120px}.upgrade-card .card-pair{display:none}.draft-header{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.screen-grain{display:none}}
@media(max-width:760px){.upgrade-card .card-description{font-size:11.5px}.upgrade-card .card-detail{font-size:10px}.upgrade-card h3{font-size:17px}}
.ending .radio{bottom:86px}.ending .vitals{opacity:.65}.skip-ending{position:absolute;bottom:32px;right:24px;z-index:5;background:#12272ee6}