@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body{color:#d9dddf;background:#090f1b;min-height:100%;margin:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:14px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline-offset:3px;outline:2px solid #dfb979}.app-shell{--gold:#d9b783;--border:#ffffff16;--panel:#111a27;--muted:#8d9aa8;isolation:isolate;background:radial-gradient(at 50% -35%,#243345 0%,#101827 50%,#090f1b 100%);min-height:100vh;position:relative;overflow:hidden}.ambient-top{pointer-events:none;z-index:-1;background:radial-gradient(at 22% 0,#ae956511,#0000 35%),radial-gradient(at 85% 0,#6b8da111,#0000 40%);height:470px;position:absolute;inset:0 0 auto}.topbar{z-index:5;background:#0b1321d6;border-bottom:1px solid #e4d4b51b;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 clamp(20px,3vw,54px);display:flex;position:relative}.identity{align-items:center;gap:14px;min-width:240px;display:flex}.brand-symbol{color:#ebc88c;background:radial-gradient(circle,#bd99532e,#d9b78308);border:1px solid #e6c48d99;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;box-shadow:inset 0 0 0 4px #080e1780}.identity-kicker{color:#ad986e;letter-spacing:2px;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.identity strong{letter-spacing:1.5px;color:#f0e6ce;font-family:Noto Serif SC,serif;font-size:20px}.title-sub{color:#b8b6b1;font-size:14px}.topbar-mid{color:#857e74;letter-spacing:2px;white-space:nowrap;font-family:Noto Serif SC,serif;font-size:12px}.topbar-actions{gap:10px;display:flex}.top-control{color:#b8c0c7;background:#1723319c;border:1px solid #b7b0a52b;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:0 13px;display:flex}.top-control:hover{color:#f8d99d;border-color:#d9b78380}.icon-only{display:none}.chapter-bar{border-bottom:1px solid #ddd5bf16;align-items:center;gap:20px;max-width:1740px;min-height:103px;margin:0 auto;padding:20px 35px 17px;display:flex}.chapter-bar>div:first-child{min-width:270px}.chapter-eyebrow{letter-spacing:2px;color:#bda577;font-size:10px}.chapter-bar h2{color:#e7e1d1;letter-spacing:1px;margin:3px 0;font-family:Noto Serif SC,serif;font-size:23px;font-weight:600}.chapter-bar p{color:#82909b;margin:0;font-size:11px}.chapter-ornament{color:#867b69;opacity:.53;flex:1;align-items:center;gap:12px;display:flex}.chapter-ornament span{background:linear-gradient(90deg,#b7a07750,#0000);flex:1;height:1px}.chapter-status{color:#c8b995;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.chapter-status i{background:#83cba3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #82cda188}.chapter-status small{color:#738394;margin-left:8px;font-size:10px}.play-layout{grid-template-columns:minmax(236px,265px) minmax(420px,1fr) minmax(236px,265px);gap:16px;max-width:1740px;margin:0 auto;padding:17px clamp(16px,2vw,35px) 0;display:grid}.sidebar{flex-direction:column;gap:15px;min-width:0;display:flex}.panel-card{background:linear-gradient(155deg,#17212ef5,#101925f5);border:1px solid #d9c4a222;border-radius:12px;padding:18px;position:relative;overflow:hidden;box-shadow:0 9px 35px #0002}.panel-card:before{content:"";background:linear-gradient(90deg,#0000,#e5c78e37,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.tiny-heading{color:#d5c2a0;letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.tiny-heading svg{color:#9d957c}.tiny-heading small{letter-spacing:0;color:#8495a0;font-size:10px;font-weight:400}.hero-profile{align-items:center;gap:12px;margin-bottom:21px;display:flex}.portrait{color:#f4c98f;background:radial-gradient(circle at 45% 30%,#a87b4c45,#252836);border:1px solid #dfb77b59;border-radius:10px;flex-shrink:0;place-items:center;width:53px;height:53px;font-size:26px;display:grid;box-shadow:0 0 24px #0006,inset 0 0 20px #d9b7830d}.portrait-ranger{color:#89eac6;background:radial-gradient(circle,#54947645,#252836)}.portrait-mage{color:#c2b4ff;background:radial-gradient(circle,#7466bc57,#252836)}.hero-profile strong{color:#ede3ce;margin-bottom:4px;font-family:Noto Serif SC,serif;font-size:17px;display:block}.hero-profile small{color:#a6a6a6;font-size:11px}.meter{margin-bottom:14px}.meter-line{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.meter-line span:first-child{color:#b8c2c7;align-items:center;gap:6px;font-size:11px;display:flex}.meter-line .number{color:#c5cbd0;font-variant-numeric:tabular-nums;font-size:11px}.meter-line .number i{color:#687784;font-style:normal}.meter-track{background:#09111b;border-radius:7px;height:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.meter-track>div,.meter-track>i{border-radius:7px;height:100%;transition:width .25s;display:block}.stats-grid{background:#0a1420a0;border:1px solid #d1bc9020;border-radius:8px;grid-template-columns:repeat(3,1fr);margin-top:19px;display:grid}.stats-grid>div{border-right:1px solid #dfc99718;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:11px 2px;display:flex}.stats-grid>div:last-child{border:0}.stats-grid svg{color:#bdab8d}.stats-grid b{color:#e8e5da;font-size:17px}.stats-grid small{color:#7f909b;font-size:10px}.text-link{color:#bea77f;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:13px 0 0;font-size:11px;display:flex}.text-link:hover{color:#f7d89f}.text-link.full{width:100%}.weapon-stack{flex-direction:column;gap:8px;display:flex}.weapon-row{text-align:left;color:#cfd5d7;background:#0c1725a6;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 9px;display:flex}.weapon-row.equipped{background:linear-gradient(95deg,#b5914f24,#0f1b2a);border-color:#e6c18888}.weapon-row:hover:not(:disabled){border-color:#bda67f}.weapon-emblem{color:#d7bf8a;background:#d9bc8630;border-radius:7px;place-items:center;width:39px;height:39px;display:grid}.weapon-row:nth-child(2) .weapon-emblem{color:#8fe1bf;background:#81cdaa18}.weapon-row:nth-child(3) .weapon-emblem{color:#b9b9fa;background:#ab9cf21c}.weapon-row>span:nth-child(2){flex:1;min-width:0}.weapon-row strong{white-space:nowrap;font-size:12px;display:block}.weapon-row small{color:#7f919d;white-space:nowrap;margin-top:3px;font-size:10px;display:block}.weapon-row>b{color:#998870;background:#29313a;border-radius:3px;padding:2px 5px;font-size:10px}.inscription p{color:#959894;font-family:Noto Serif SC,serif;font-size:12px;line-height:2.3}.inscription>small{color:#6d7883;letter-spacing:1.5px;border-top:1px solid #ffffff15;margin-top:12px;padding-top:12px;font-size:8px;display:block}.arena-column{min-width:0}.arena-frame{background:#21352f;border:1px solid #ccbb9863;border-radius:11px;height:clamp(520px,62vh,750px);min-height:520px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #0e1620,0 16px 50px #0008}.arena-frame:after{content:"";pointer-events:none;border:1px solid #f5d49f18;border-radius:5px;position:absolute;inset:6px}.arena-frame.danger:before{content:"";pointer-events:none;z-index:3;animation:1s infinite alternate danger;position:absolute;inset:0;box-shadow:inset 0 0 100px #e03e3e99}@keyframes danger{to{opacity:.32}}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.arena-grid-decoration{pointer-events:none;opacity:.35;background:linear-gradient(90deg,#eee1b208 1px,#0000 1px) 0 0/90px 90px,linear-gradient(#eee1b207 1px,#0000 1px) 0 0/90px 90px;position:absolute;inset:0}.arena-top-left,.arena-top-right{z-index:2;gap:7px;display:flex;position:absolute;top:17px}.arena-top-left{left:17px}.arena-top-right{right:17px}.arena-top-left span,.arena-top-right span,.arena-top-right button{color:#d8ddce;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091520d6;border:1px solid #e3d0aa39;border-radius:7px;align-items:center;gap:6px;padding:9px 11px;font-size:11px;display:flex}.arena-top-right button{color:#d9bf90;padding:8px}.arena-top-left .combo-count{color:#ffce7c}.arena-top-right button:hover{background:#354052}.stage-badge{z-index:2;color:#eadbbd;white-space:nowrap;letter-spacing:1px;background:#0b1423dc;border:1px solid #dbbc7c38;border-radius:30px;padding:8px 14px;font-size:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.boss-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14151ecc;border:1px solid #c88b6c8a;border-radius:8px;width:min(340px,75%);padding:9px 14px;position:absolute;top:66px;left:50%;transform:translate(-50%)}.boss-bar>div:first-child{color:#f1ba94;justify-content:center;align-items:center;gap:9px;margin-bottom:8px;font-size:12px;display:flex}.boss-bar small{color:#bb9991;font-size:10px}.boss-bar .meter-track{height:7px}.boss-bar i{background:linear-gradient(90deg,#ad4d63,#f2a781)}.game-toast{z-index:3;color:#ffdf9d;text-align:center;background:#0b1721ed;border:1px solid #d2ae75a6;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:min(300px,60%);max-width:80%;padding:12px 17px;font-size:12px;display:flex;position:absolute;top:17%;left:50%;transform:translate(-50%);box-shadow:0 9px 25px #0009}.portal-action{z-index:2;color:#182334;background:linear-gradient(120deg,#d1af6e,#f0dcaa);border:1px solid #f7dda0;border-radius:6px;align-items:center;gap:8px;padding:13px 21px;font-weight:800;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #edc7856b}.actionbar{background:linear-gradient(90deg,#141e2e,#182231,#141e2e);border:1px solid #d3bc9629;border-radius:10px;align-items:center;gap:13px;height:73px;margin-top:13px;padding:0 14px;display:flex}.actionbar-label{color:#9f957e;white-space:nowrap;font-size:10px}.actionbar-buttons{flex:1;justify-content:center;gap:10px;display:flex}.actionbar-buttons button{color:#d8d9ce;background:#0b1521;border:1px solid #b9b6ab35;border-radius:7px;align-items:center;gap:9px;min-width:0;padding:9px 11px;font-size:11px;display:flex}.actionbar-buttons button:hover:not(:disabled){color:#f0d39e;border-color:#d9b783}.actionbar-buttons b{color:#ddbc84;border:1px solid #a59b8970;border-radius:3px;padding:3px 5px;font-size:10px}.actionbar-buttons svg{color:#b8b6a8}.session-time{color:#a0acae;font-variant-numeric:tabular-nums;font-size:12px}.quest-card{text-align:left}.quest-icon{color:#f1d399;background:#b89d5f2b;border:1px solid #c3ab7155;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.quest-card>small{color:#bda77e;letter-spacing:1px;font-size:10px}.quest-card h3{color:#ebe4d1;margin:7px 0 6px;font-family:Noto Serif SC,serif;font-size:17px}.quest-card p{color:#8795a0;min-height:62px;font-size:11px;line-height:1.9}.quest-progress{border-top:1px solid #ffffff14;margin-top:13px;padding-top:14px}.quest-progress>div:first-child{color:#83919f;justify-content:space-between;margin-bottom:9px;font-size:11px;display:flex}.quest-progress b{color:#cfbd9c}.quest-next{color:#fff2d2;background:#bd9c6780;border:1px solid #e2c38f;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:16px;padding:11px;display:flex}.biome-steps{flex-direction:column;gap:0;display:flex}.biome-steps button{text-align:left;color:#8997a0;background:0 0;border:0;align-items:center;gap:9px;padding:7px 5px;display:flex;position:relative}.biome-steps button:not(:last-child):before{content:"";border-left:1px solid #ffffff24;height:16px;position:absolute;top:29px;left:16px}.biome-steps button>span:first-child{color:#85929c;border:1px solid #71808e74;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.biome-steps strong{font-size:11px;font-weight:500}.biome-steps .current{color:#f1d3a1}.biome-steps .current>span:first-child{color:#eac78e;background:#d4ae7140;border-color:#dab47e;box-shadow:0 0 14px #daba6b3b}.biome-steps .cleared>span:first-child{color:#c4efda;background:#5f9c8580}.biome-steps small{color:#d9b783;margin-left:auto;font-size:9px}.biome-detail{background:#0c1521b0;border-left:2px solid #bfaa7f;margin-top:12px;padding:10px}.biome-detail strong{color:#d7c7a8;font-size:11px;display:block}.biome-detail span{color:#83919b;margin-top:5px;font-size:10px;line-height:1.7;display:block}.log-items{gap:13px;margin-bottom:9px;display:grid}.log-items span{color:#94a2a9;align-items:center;gap:9px;font-size:11px;display:flex}.log-items span:before{content:"";background:#bf9f6f;border-radius:50%;width:5px;height:5px}.site-footer{color:#5e6b79;letter-spacing:.5px;justify-content:space-between;gap:20px;max-width:1740px;margin:15px auto 0;padding:15px 35px 22px;font-size:10px;display:flex}.site-footer span:first-child{color:#a9997c}.start-screen,.modal-veil{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08111de6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.start-screen{background:radial-gradient(at 50% 22%,#233f418c,#08111df2 65%),linear-gradient(#070e19aa,#070e19dd);align-items:center}.start-shimmer{opacity:.22;pointer-events:none;background:radial-gradient(at 48% 22%,#e3c68d50,#0000 42%),repeating-linear-gradient(45deg,#0000,#0000 18px,#c6b89611 19px,#0000 20px);position:absolute;inset:0}.start-content{z-index:1;text-align:center;width:min(100%,700px);padding:22px 40px;position:relative}.intro-eyebrow{color:#bda77e;letter-spacing:3px;font-size:10px;font-weight:700}.start-content h1{color:#fbecd1;text-shadow:0 3px 25px #e6bf7240;letter-spacing:4px;margin:10px 0;font-family:Noto Serif SC,serif;font-size:clamp(30px,4vw,45px);line-height:1.45}.start-content h1 em{color:#e3ba7f;font-style:normal}.intro-text{color:#a4b0b0;margin:0 0 22px;font-size:12px;line-height:2}.choose-header{text-align:left;color:#e4d3b2;letter-spacing:1.5px;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.choose-header span,.mode-select>span{color:#c79f60;font-size:10px}.choose-header i{background:linear-gradient(90deg,#d3ba844d,#0000);flex:1;height:1px}.role-cards{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.role-card{color:#dfe3da;background:#111e2dd6;border:1px solid #d7c6a025;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:13px 7px;transition:all .15s;display:flex;position:relative}.role-card:hover{background:#1d2c3b}.role-graphic{color:#f6c789;background:radial-gradient(circle,#a27c443c,#0000 75%);border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:1px;font-size:29px;display:grid}.role-graphic.ranger{color:#9ce6c7;background:radial-gradient(circle,#5baa8b40,#0000 75%)}.role-graphic.mage{color:#c8b9ff;background:radial-gradient(circle,#8a75c844,#0000 75%)}.role-card strong{font-family:Noto Serif SC,serif;font-size:14px}.selection-check{color:#edcd8e;position:absolute;top:8px;right:8px}.mode-select{text-align:left;color:#e4d3b2;letter-spacing:1px;align-items:center;gap:12px;margin-top:18px;font-size:12px;font-weight:700;display:flex}.mode-tabs{background:#09131e;border:1px solid #b8a68625;border-radius:7px;gap:4px;margin-left:auto;padding:4px;display:flex}.mode-tabs button{color:#8a9aa8;background:0 0;border:0;border-radius:4px;padding:7px 10px;font-size:11px}.mode-tabs button.active{color:#f0d3a4;background:#cbb27e28}.mode-detail{color:#8196a1;margin:10px 0 18px;font-size:11px}.start-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;display:flex}.primary-btn{color:#202a33;background:linear-gradient(115deg,#dbb979,#ecd39f);border:1px solid #f4dcaa;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:13px 25px;font-size:13px;font-weight:800;display:flex;box-shadow:0 8px 30px #d2a76a26}.primary-btn:hover{filter:brightness(1.08)}.secondary-btn{color:#edd1a6;background:#182536;border:1px solid #baa57d7a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:12px;display:flex}.secondary-btn.wide{width:100%;margin-top:15px}.start-footnote{color:#788b95;margin-top:18px;font-size:10px}.modal-veil{z-index:6;background:#060b16e8}.levelup-modal,.end-modal{text-align:center;background:linear-gradient(145deg,#1b2937,#101b2b);border:1px solid #d8b67c85;border-radius:12px;width:92%;max-width:680px;max-height:96%;padding:28px 25px;overflow:auto;box-shadow:0 25px 90px #000b}.rune-big,.end-crest{color:#e4c18e;font-size:45px;line-height:1}.levelup-modal h2,.end-modal h2,.detail-header h2{color:#f3e2c2;letter-spacing:1px;margin:8px 0 10px;font-family:Noto Serif SC,serif;font-size:27px}.levelup-modal p,.end-modal p{color:#9eacb2;font-size:12px;line-height:2}.upgrade-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}.upgrade-list button{color:#e9e5db;background:#0e1927;border:1px solid #dab87958;border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:20px 9px;display:flex}.upgrade-list button:hover{background:#273143;border-color:#ecd397}.upgrade-list button>span{font-size:45px}.upgrade-list button strong{font-family:Noto Serif SC,serif;font-size:15px;display:block}.upgrade-list button small{color:#9eaab1;margin-top:8px;font-size:11px;line-height:1.7;display:block}.upgrade-list button svg{color:#dbc38b}.levelup-modal>small{color:#8b98a6;font-size:10px}.end-modal{max-width:470px}.end-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.end-stats>div{background:#0e1a28;border:1px solid #d0b37c30;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:16px 5px;display:flex}.end-stats b{color:#e5c88f;font-size:26px}.end-stats small{color:#8192a0;font-size:11px}.end-modal .primary-btn{width:100%}.panel-veil{padding:15px}.detail-modal{background:#121e2c;border:1px solid #d4b5816b;border-radius:12px;flex-direction:column;width:min(520px,100%);max-height:100%;display:flex;box-shadow:0 25px 80px #000b}.detail-header{border-bottom:1px solid #d4ba8930;justify-content:space-between;align-items:flex-start;padding:24px 26px 13px;display:flex}.detail-header h2{font-size:23px}.detail-header>button{color:#d3d8d9;background:#1f2b3c;border:1px solid #ffffff27;border-radius:6px;place-items:center;padding:7px;display:grid}.detail-body{min-height:100px;padding:22px 26px;overflow:auto}.detail-body h3{color:#e9dac1;margin:0 0 5px;font-family:Noto Serif SC,serif;font-size:17px}.detail-body p{color:#93a0ac;font-size:12px;line-height:1.85}.detail-body h4{color:#d6bb86;margin:22px 0 12px;font-size:13px}.detail-footer{border-top:1px solid #d4ba8930;padding:14px 26px}.detail-footer .primary-btn{width:100%}.detail-hero{align-items:center;gap:15px;display:flex}.detail-stats{grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;display:grid}.detail-stats>div{color:#8e9da9;background:#0b1521;border:1px solid #ffffff15;justify-content:space-between;padding:13px;font-size:12px;display:flex}.detail-stats strong{color:#ead39f}.talent-list{flex-wrap:wrap;gap:8px;display:flex}.talent-list span{color:#d6c49b;background:#d5b06a1d;border:1px solid #dab77d42;border-radius:5px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.talent-list p{margin:0}.camp-intro{align-items:center;gap:13px;display:flex}.camp-intro>svg{color:#e8b77a}.wallet{color:#bac3c8;align-items:center;gap:9px;margin:23px 0 14px;display:flex}.wallet svg{color:#ecc17d}.wallet strong{color:#f0c990;margin-left:auto}.shop-list{flex-direction:column;gap:10px;display:flex}.shop-list button{text-align:left;color:#e7e1d1;background:#0d1826;border:1px solid #d3b68445;border-radius:8px;align-items:center;gap:13px;padding:14px;display:flex}.shop-list button:hover:not(:disabled){background:#253345}.shop-list button svg{color:#cdb180}.shop-list button span{flex:1}.shop-list button strong{font-size:12px;display:block}.shop-list button small{color:#8595a1;margin-top:5px;font-size:10px;display:block}.shop-list button b{color:#e1bd7e;font-size:11px}.note-banner{background:#d2b78316;border-left:2px solid #d2b783;margin-top:0;padding:11px 13px}.records-list{gap:8px;display:grid}.records-list>div{background:#0c1724;border:1px solid #ffffff16;border-radius:6px;align-items:center;gap:11px;padding:11px 13px;display:flex}.records-list>div>span{color:#edc58b;width:30px;font-size:15px}.records-list>div>div{flex:1}.records-list strong{color:#e8e1cf;font-size:12px;display:block}.records-list small{color:#8295a3;margin-top:4px;font-size:10px;display:block}.records-list b{color:#f0cb90}.no-records{text-align:center;flex-direction:column;justify-content:center;padding:35px!important;display:flex!important}.no-records svg{color:#caaa6f}.guide-intro{margin-top:0}.control-list{gap:7px;display:grid}.control-list>div{color:#aebbc2;background:#0d1824;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;font-size:12px;display:flex}.control-list kbd{color:#edc88e;background:#293446;border:1px solid #b9a17154;border-radius:4px;padding:5px 7px;font-family:monospace;font-size:11px}.guide-hint{color:#ebbb8d;background:#f9bd7c17;border-radius:6px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px;font-size:11px;line-height:1.8;display:flex}.touch-interface{display:none}@media (min-width:701px){.arena-frame{height:clamp(670px,73vh,800px);min-height:670px}}.start-screen{scrollbar-width:none}.start-screen::-webkit-scrollbar{width:0;height:0}@media (max-width:1280px){.play-layout{grid-template-columns:220px minmax(390px,1fr) 220px;gap:10px;padding:14px 12px 0}.panel-card{padding:14px}.chapter-bar{padding-left:15px;padding-right:15px}.actionbar-buttons{gap:4px}.actionbar-buttons button{gap:5px;padding:8px}.inscription{display:none}}@media (max-width:1050px){.play-layout{grid-template-columns:210px minmax(420px,1fr)}.right-sidebar,.chapter-ornament{display:none}.chapter-status{margin-left:auto}.arena-frame{height:68vh}.topbar-mid{display:none}}@media (max-width:700px){.topbar{height:61px;padding:0 12px}.identity{gap:9px;min-width:0}.brand-symbol{width:37px;height:37px}.identity-kicker{letter-spacing:1px;font-size:6px}.identity strong{font-size:16px}.title-sub{font-size:10px}.desktop-only{display:none!important}.icon-only{display:flex}.top-control{padding:0 9px}.chapter-bar{align-items:center;min-height:74px;padding:12px 14px}.chapter-bar h2{font-size:17px}.chapter-bar p{white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:10px;overflow:hidden}.chapter-status{font-size:10px}.chapter-status small{display:none}.play-layout{padding:8px 8px 0;display:block}.sidebar{display:none}.arena-frame{border-radius:8px;height:calc(100dvh - 188px);min-height:430px}.arena-top-left{top:10px;left:9px}.arena-top-right{top:10px;right:9px}.arena-top-left span,.arena-top-right span,.arena-top-right button{gap:3px;padding:7px 6px;font-size:10px}.arena-top-left span:nth-child(2){display:none}.arena-top-right span{padding:8px}.arena-top-right button{padding:6px}.boss-bar{top:51px}.game-toast{min-width:220px;font-size:11px;top:12%}.stage-badge{font-size:10px;bottom:9px}.site-footer{padding:10px 12px;font-size:9px}.site-footer span:nth-child(2),.site-footer span:last-child{display:none}.actionbar{gap:5px;height:52px;margin-top:8px;padding:0 7px}.actionbar-label{display:none}.actionbar-buttons button{gap:4px;padding:6px 5px;font-size:9px}.actionbar-buttons button svg{width:14px}.actionbar-buttons b{padding:1px 3px}.session-time{font-size:10px}.start-content{padding:12px 20px}.start-content h1{font-size:32px}.intro-text{font-size:10px}.role-cards{gap:6px}.role-card{padding:11px 3px}.role-card strong{font-size:12px}.role-card small{font-size:9px}.role-graphic{height:42px;font-size:24px}.mode-select{display:block}.mode-tabs{justify-content:space-evenly;margin-top:9px}.mode-detail{margin:9px 0 12px}.start-footnote{margin-top:12px}.touch-interface{z-index:3;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:39px;left:15px;right:15px}.virtual-stick{pointer-events:auto;touch-action:none;background:#08131c89;border:2px solid #e0d6bd48;border-radius:50%;place-items:center;width:105px;height:105px;display:grid;box-shadow:inset 0 0 25px #0009}.virtual-stick>span{background:#d0b98b80;border:1px solid #e6cb9a9e;border-radius:50%;width:46px;height:46px;display:block;box-shadow:0 3px 15px #0007}.touch-buttons{pointer-events:auto;grid-template-columns:repeat(2,51px);gap:7px;display:grid}.touch-buttons button{color:#e9d7b8;touch-action:none;background:#132335d9;border:1px solid #e0ccad7c;border-radius:50%;width:51px;height:47px;font-size:15px}.touch-buttons .touch-attack{color:#192435;background:#d8b77bc9;border-radius:25px;grid-row:span 2;height:101px;font-size:20px;font-weight:800}.levelup-modal{padding:16px 12px}.upgrade-list{gap:5px;margin:16px 0}.upgrade-list button{gap:7px;padding:14px 5px}.upgrade-list button>span{font-size:33px}.upgrade-list button strong{font-size:12px}.upgrade-list button small{font-size:9px}.end-modal{padding:20px 15px}.detail-modal{max-height:92dvh}.detail-header{padding:16px 19px 10px}.detail-body{padding:14px 18px}.detail-footer{padding:10px 18px}}@media (max-height:720px){.start-content{padding-top:6px;padding-bottom:6px}.intro-rune{margin-bottom:3px}.start-content h1{margin:5px 0}.intro-text{margin-bottom:11px}.role-graphic{height:45px}.role-card{padding:8px 6px}.mode-select{margin-top:11px}.start-actions{margin-top:5px}.arena-frame{min-height:470px}.site-footer{padding-bottom:8px}}@media (min-width:701px){.app-shell{height:100dvh;min-height:600px;overflow:hidden}.topbar{background:#060e19;border-bottom:1px solid #ccb17d45;height:38px;min-height:38px;padding:0 17px}.topbar .brand-symbol,.topbar .identity-kicker,.topbar .topbar-mid{display:none}.topbar .identity{min-width:0}.topbar .identity strong{letter-spacing:3px;font-size:13px}.topbar .title-sub{font-size:10px}.topbar .top-control{border-radius:0;min-height:28px;padding:0 12px;font-size:10px}.chapter-bar,.sidebar,.site-footer{display:none}.play-layout{width:100%;max-width:none;height:calc(100dvh - 98px);padding:0;display:block}.arena-column{height:100%;position:relative}.arena-frame{height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}.arena-frame:after{display:none}.arena-grid-decoration{opacity:.09}.arena-top-left{top:10px;left:14px}.arena-top-right{top:10px;right:14px}.arena-top-left>span:first-child,.arena-top-left>span:nth-child(2),.arena-top-right>span{display:none}.arena-top-right button{background:#081521b8;border-radius:0;padding:5px;font-size:10px}.actionbar{z-index:4;background:#07101deb;border-radius:0;justify-content:flex-start;gap:20px;width:100%;max-width:100%;height:44px;margin:0;padding:0 15px;position:absolute;bottom:0;left:0}.actionbar-label{color:#acb0ac;letter-spacing:1px;font-size:9px}.actionbar-buttons{flex:0 auto;gap:6px}.actionbar-buttons button{border-radius:0;padding:7px 12px;font-size:10px}.actionbar-buttons button svg{display:none}.actionbar-buttons b{color:#92dbf3;border-color:#91a9af58;font-size:9px}.session-time{margin-left:auto}.stage-badge{display:none}.game-toast{border-radius:0;top:15%}}.battle-hud{z-index:5;color:#e0d5bc;background:#06101b;border-bottom:2px solid #ae9c723f;justify-content:space-between;align-items:center;gap:13px;height:60px;padding:7px 14px;display:flex;position:relative}.battle-wordmark{white-space:nowrap;letter-spacing:2px;color:#ffda8d;font-size:13px;font-weight:900}.battle-wordmark b{color:#ccc7b8;font-size:9px}.battle-hud-meter{flex:1;min-width:0}.battle-hud-meter label{letter-spacing:1px;color:#bdb7ae;justify-content:space-between;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.battle-hud-meter label b{color:#f3e8ce;font-variant-numeric:tabular-nums;font-size:12px}.pixel-meter{background:#080f1a;border:1px solid #9d8d735e;height:13px;margin-top:3px;padding:1px}.pixel-meter i{background:repeating-linear-gradient(90deg,#ee7c7d 0 10px,#bc525f 10px 11px);height:100%;transition:width .17s;display:block}.pixel-meter.stamina i{background:repeating-linear-gradient(90deg,#b6e88b 0 10px,#7dad68 10px 11px)}.pixel-meter.experience i{background:repeating-linear-gradient(90deg,#8bddf2 0 10px,#5e9bba 10px 11px)}.battle-level{color:#8edff3;letter-spacing:1px;background:#0a1e2b;border:1px solid #79bdd2a5;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:40px;font-size:9px;display:flex}.battle-level b{color:#c8ecff;font-size:18px;line-height:1}.battle-score{border-left:1px solid #c2a36e42;border-right:1px solid #c2a36e42;flex-direction:column;align-items:center;min-width:93px;display:flex}.battle-score small{color:#b3a58c;font-size:9px}.battle-score b{color:#ffe0a0;letter-spacing:3px;font-variant-numeric:tabular-nums;font-size:17px}.battle-region{white-space:nowrap;flex-direction:column;gap:3px;min-width:165px;display:flex}.battle-region b{letter-spacing:1.2px;color:#ffe7ac;font-size:13px}.battle-region small{color:#95aaaf;font-size:9px}.mission-callout{z-index:2;color:#d5e8e8;pointer-events:none;background:#061321ec;border:1px solid #81d2e7;min-width:290px;max-width:340px;padding:11px 13px;position:absolute;bottom:62px;left:16px;box-shadow:inset 0 0 0 3px #071521,0 6px 30px #0009}.mission-callout small{color:#7bdbec;letter-spacing:2px;font-size:9px;display:block}.mission-callout strong{color:#fff0ba;letter-spacing:1px;margin:5px 0;font-size:13px;display:block}.mission-callout span{color:#abc0c7;font-size:10px;display:block}.signature-callout{z-index:2;color:#e5d2b0;text-align:center;background:#06111ddd;border:1px solid #bfa3698a;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:200px;min-height:150px;padding:15px;display:flex;position:absolute;bottom:44px;right:0}.signature-callout>span{color:#f1c484;font-size:35px}.signature-callout small{color:#a99d89;letter-spacing:1px;font-size:9px}.signature-callout strong{letter-spacing:.5px;font-size:12px}.signature-callout em{color:#83ccdb;font-size:10px;font-style:normal}.start-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#142e2ab5,#05101bea 80%)}.start-shimmer{opacity:.56;background:radial-gradient(at 30%,#4c8d4b35,#0000 35%),radial-gradient(at 72% 40%,#346d6952,#0000 42%),repeating-linear-gradient(90deg,#21392a1a 0 4px,#0000 4px 24px)}.start-content{width:min(1080px,96vw);padding:20px 35px}.start-content h1{letter-spacing:9px;font-size:clamp(36px,5vw,60px);line-height:1.1}.intro-text{margin:13px 0 20px}.role-card{background:#07182bea;border-top:3px solid #ad9272;border-radius:0;min-height:170px}.role-card.selected{border-top-color:#f3cc83}.role-card strong{font-size:17px}.role-graphic{width:85px;height:70px;font-size:44px}.mode-tabs,.mode-tabs button,.primary-btn,.secondary-btn{border-radius:0}.relic-modal>svg{color:#eac68d}.relic-modal .upgrade-list button em{color:#8ee4d3;font-size:10px;font-style:normal}.codex-veil{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020917de;padding:16px;position:fixed;inset:0}.codex-frame{color:#e5dfd0;background:linear-gradient(#091724,#07121d);border:2px solid #b7b4a0;flex-direction:column;width:min(1320px,99%);height:min(860px,95dvh);display:flex;position:relative;box-shadow:inset 0 0 0 6px #06101b,0 25px 90px #000e}.codex-head{border-bottom:1px solid #67829777;flex-shrink:0;grid-template-columns:170px 1fr 1fr 1.7fr;align-items:stretch;height:120px;display:grid}.codex-head>div{border-right:1px solid #65809155;padding:23px 16px}.codex-logo{letter-spacing:3px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.codex-logo b{color:#f9d999;font-size:17px}.codex-logo small{color:#afc2bc;letter-spacing:1px;font-size:8px}.codex-identity{align-items:center;gap:13px;display:flex}.codex-avatar{color:#edd6a1;background:#183044;border:1px solid #82a3a1;flex-shrink:0;place-items:center;width:54px;height:63px;font-size:30px;display:grid}.codex-identity div{flex-direction:column;gap:5px;min-width:0;display:flex}.codex-identity small{color:#8fe6f3;font-size:10px}.codex-identity strong{color:#eed5a1;font-size:13px}.codex-identity span:last-child{color:#92a6a9;font-size:10px}.codex-resonance{justify-content:space-around;align-items:center;gap:5px;display:flex}.codex-resonance>div{flex-direction:column;gap:8px;display:flex}.codex-resonance small{color:#b9a88b;font-size:10px}.codex-resonance b{color:#657c84;font-size:9px}.codex-resonance .active b{color:#90ebc9}.codex-workspace{flex:1;grid-template-columns:145px 1fr;min-height:0;display:grid}.codex-tabs{border-right:1px solid #63778379;grid-template-rows:repeat(5,minmax(0,1fr));gap:4px;padding:8px;display:grid}.codex-tabs button{color:#b4a994;letter-spacing:2px;background:0 0;border:0;border-bottom:1px solid #617b864a;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.codex-tabs button svg{color:#cbb88a}.codex-tabs button.selected{color:#ffdfa2;background:#093449;box-shadow:inset 3px 0 #7bdafa,inset 0 0 0 1px #678f9d}.codex-tabs button.selected svg{color:#7bdafa}.codex-tabs button small{color:#70cfe5;margin-left:4px;font-size:10px}.codex-content{scrollbar-color:#52697b #081826;scrollbar-width:thin;padding:17px 20px 48px;overflow-y:auto}.codex-content h3{text-transform:uppercase;color:#f0deb5;letter-spacing:2px;border-top:1px solid #7d8e8d5e;justify-content:space-between;gap:8px;margin:6px 0 14px;padding-top:13px;font-size:13px;display:flex}.codex-content h3:first-child{border:0;padding:0}.codex-content h3 small{letter-spacing:0;color:#8a9da6;font-size:10px;font-weight:400}.codex-content h4{color:#e2d2aa;margin:8px 0;font-size:17px}.codex-content h5{color:#f5dca1;letter-spacing:1px;margin:0 0 9px;font-size:11px}.codex-content p{color:#aab7bb;font-size:11px;line-height:1.75}.codex-content article{background:#081926;border:1px solid #6e829268;min-width:0;padding:17px}.codex-content article>small{color:#8fd4e5;letter-spacing:1px;font-size:9px}.codex-content article>strong{color:#dbca9e;font-size:11px}.codex-triple{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.codex-triple article:first-child{border-left:3px solid #ef9477}.codex-triple article:nth-child(2){border-left:3px solid #83cfd5}.codex-triple article:nth-child(3){border-left:3px solid #c19dec}.codex-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:11px 0;display:grid}.codex-info-grid div{background:#081320;min-width:0;padding:9px}.codex-info-grid dt{color:#8aadb6;font-size:9px}.codex-info-grid dd{color:#9ae1ee;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13px;font-weight:700}.codex-weapon{border-top:1px solid #6a7d865e;grid-template-columns:196px 1fr;gap:15px;margin-top:11px;padding:13px 0;display:grid}.codex-weapon-icon{color:#f4cc81;background:radial-gradient(#284c5e,#061321);border:1px solid #526a7b;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:75px;display:flex}.codex-weapon-icon small{color:#8aadb8;letter-spacing:1px;font-size:9px}.codex-weapon-body>small{color:#8de3f1;font-size:10px}.codex-weapon-body>h4{letter-spacing:2px;margin:5px 0;font-size:20px}.codex-weapon-panels{grid-template-columns:1fr 1fr;gap:8px;display:grid}.codex-weapon-panels>div{border:1px solid #b99f66;padding:12px}.codex-weapon-panels>div:nth-child(2){border-color:#9281c3}.codex-weapon-panels h5{justify-content:space-between;display:flex}.codex-weapon-panels h5 span{color:#77dbea}.codex-weapon-panels button{color:#102030;background:#e6c380;border:1px solid #e3c380;padding:7px 12px;font-size:11px;font-weight:800}.codex-weapon-panels button:disabled{opacity:.5}.codex-temper-track{gap:5px;display:flex}.codex-temper-track i{background:#081521;border:1px solid #b8b08e7f;flex:1;height:8px}.codex-temper-track i.filled{background:#ebc578}.codex-boons{flex-wrap:wrap;gap:8px;display:flex}.codex-boons>div{color:#e4dab8;background:#153145;border-left:2px solid #7cdeee;padding:10px;font-size:11px}.codex-boons small{color:#84bfd2;margin-top:5px;display:block}.codex-relic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.codex-relic-grid article{text-align:center;flex-direction:column;align-items:center;min-height:230px;display:flex}.codex-relic-grid svg{color:#dfc58a;margin:13px 0}.codex-relic-grid article strong{margin-top:auto}.codex-note{background:#0c2434;border-left:2px solid #78d5e2;margin:15px 0;padding:17px}.codex-note small{color:#83dbe8}.chain-indicator{gap:8px;display:flex}.chain-indicator span{text-align:center;color:#f5d596;background:#1e3b4a;flex:1;padding:8px}.codex-power{align-items:center;gap:15px;margin:9px 0;display:flex}.codex-power h4{min-width:100px;margin:0}.codex-power p{flex:1}.codex-power strong{color:#9de3c2}.codex-record-banner{background:#102c3d;align-items:center;gap:18px;padding:25px;display:flex}.codex-record-banner svg{color:#f0c88d}.codex-record-banner small{color:#8bdcea}.codex-record-banner h4{margin:5px 0;font-size:23px}.codex-worlds{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.codex-worlds span{color:#738e99;background:#0b1928;border:1px solid #60788545;padding:11px;font-size:11px}.codex-worlds span.cleared{color:#9ee0b1}.codex-worlds span.current{color:#ffe2a8;border-color:#dcb477}.codex-close{color:#a2ebfc;letter-spacing:2px;z-index:10;background:#0a273a;border:1px solid #7cdef5;align-items:center;gap:8px;padding:10px 25px;font-size:11px;display:flex;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}@media (max-width:1000px){.battle-wordmark{display:none}.battle-region{min-width:130px}.battle-hud{gap:7px}.battle-hud-meter label b{font-size:10px}.codex-head{grid-template-columns:150px 1fr 1fr}.codex-resonance{display:none}.codex-triple{grid-template-columns:1fr 1fr 1fr}}@media (max-width:700px){.app-shell{height:100dvh;overflow:hidden}.topbar{height:45px;min-height:45px;padding:0 10px}.topbar .identity-kicker,.topbar .brand-symbol{display:none}.topbar .identity{min-width:0}.topbar .identity strong{font-size:14px}.battle-hud{gap:6px;height:59px;padding:5px 8px}.battle-wordmark,.battle-score,.battle-region,.battle-hud-meter.xp{display:none}.battle-hud-meter label{font-size:9px}.battle-hud-meter label b{font-size:10px}.battle-level{width:28px;height:31px;font-size:8px}.battle-level b{font-size:14px}.chapter-bar,.sidebar,.site-footer{display:none}.play-layout{height:calc(100dvh - 104px);padding:0;display:block}.arena-column{height:100%;position:relative}.arena-frame{border:0;border-radius:0;height:100%;min-height:0}.arena-frame:after{display:none}.arena-grid-decoration{opacity:.08}.arena-top-left,.arena-top-right{top:9px}.arena-top-left span:first-child,.stage-badge{display:none}.mission-callout{min-width:0;max-width:220px;padding:7px;top:48px;bottom:auto;left:8px}.mission-callout strong{font-size:10px}.mission-callout span{font-size:9px}.signature-callout{display:none}.actionbar{z-index:4;border-radius:0;gap:4px;width:100%;height:45px;margin:0;padding:0 3px;position:absolute;bottom:0;left:0}.actionbar-label{display:none}.actionbar-buttons{gap:3px}.actionbar-buttons button{padding:5px 3px;font-size:9px}.actionbar-buttons button svg{display:none}.actionbar-buttons b{font-size:8px}.session-time{display:none}.touch-interface{bottom:57px}.game-toast{max-width:90%;top:24%}.start-content{padding:10px 12px}.start-content h1{font-size:28px}.role-cards{gap:5px}.role-card{min-height:108px}.role-graphic{font-size:27px}.role-card strong{font-size:11px}.role-card small{font-size:8px}.mode-detail{font-size:9px}.codex-veil{padding:6px}.codex-frame{width:100%;max-width:100%;height:95dvh}.codex-head{grid-template-columns:100px 1fr;height:90px}.codex-head>div{padding:10px}.codex-identity:nth-child(3),.codex-resonance{display:none}.codex-logo b{letter-spacing:1px;font-size:13px}.codex-logo small{font-size:7px}.codex-avatar{width:35px;height:43px;font-size:20px}.codex-identity strong{font-size:10px}.codex-workspace{grid-template-columns:64px 1fr}.codex-tabs{padding:4px}.codex-tabs button{letter-spacing:0;gap:4px;font-size:10px}.codex-tabs button svg{width:19px}.codex-content{padding:12px 9px 35px}.codex-content h3{letter-spacing:0;font-size:11px}.codex-content h3 small{display:none}.codex-triple,.codex-weapon{grid-template-columns:1fr}.codex-weapon-icon{display:none}.codex-info-grid{grid-template-columns:repeat(2,1fr)}.codex-weapon-panels{grid-template-columns:1fr}.codex-relic-grid{grid-template-columns:1fr 1fr}.codex-relic-grid article{min-height:185px}.codex-worlds{grid-template-columns:repeat(2,1fr)}.codex-close{align-self:center;position:sticky;bottom:0;left:auto;transform:none}}.start-screen{isolation:isolate;background-image:linear-gradient(#071219b8 0%,#081219ae 29%,#08121ce8 70%,#071015f5 100%),url(/assets/jinzhao-main.webp);background-position:50%;background-size:cover}.start-screen:before{content:"";pointer-events:none;background:radial-gradient(at 50% 18%,#0000 6%,#030d14b5 87%);position:absolute;inset:0}.start-screen:after{content:"";pointer-events:none;border:1px solid #bd8a5470;position:absolute;inset:15px;box-shadow:inset 0 0 0 5px #08101870}.start-shimmer{opacity:.2;background:radial-gradient(circle at 50% 24%,#ffdba244,#0000 30%);animation:5s ease-in-out infinite alternate lantern-breath}@keyframes lantern-breath{0%{opacity:.07}to{opacity:.25}}.start-content{text-shadow:0 2px 8px #000b;width:min(100%,790px);padding:25px 35px 19px}.intro-rune{color:#f5bb7b;letter-spacing:15px;margin-bottom:3px;font-size:17px}.intro-eyebrow{color:#ffd29f;letter-spacing:2.6px}.start-content h1.ink-title{letter-spacing:.23em;color:#fff1d8;text-shadow:0 3px 3px #060808,0 0 33px #cc5b3177,3px 5px 1px #2b1710;margin:7px -12px 2px;font-family:Noto Serif SC,serif;font-size:clamp(48px,6.2vw,77px);font-weight:800;line-height:1.22}.ink-subtitle{letter-spacing:.32em;color:#e7a871;margin:0 0 13px;font-family:Noto Serif SC,serif;font-size:15px}.intro-text{color:#e7dbd1;text-shadow:0 2px 7px #05080c;margin-bottom:17px;font-size:12px;line-height:1.95}.choose-header{color:#ead3b7}.choose-header span,.mode-select>span{color:#e6a468}.role-cards{gap:12px}.role-card{background:linear-gradient(#0c1728a4,#090e19ec);border:1px solid #bb946d63;border-radius:4px;padding:0 0 11px;overflow:hidden;box-shadow:0 5px 15px #0008}.role-card:hover{background:linear-gradient(#27363aba,#0b1726ee);border-color:#e8b57b}.role-card.selected{border-color:#e8b56d;box-shadow:0 0 0 2px #e1a96070,inset 0 0 19px #da8e4a26,0 7px 25px #0008}.role-graphic,.role-graphic.ranger,.role-graphic.mage{filter:saturate(.85);transform-origin:50% 35%;background-color:#111b2a;background-position:50% 25%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:0;width:100%;height:126px;margin:0 0 6px;transition:filter .2s,transform .2s;display:block}.role-graphic.sword{background-image:url(/assets/jinzhao-hero-sword-v08.webp),linear-gradient(#13233222,#13233244),url(/assets/jinzhao-role-0.webp)}.role-graphic.ranger{background-image:url(/assets/jinzhao-hero-ranger-v08.webp),linear-gradient(#132e2922,#132e2944),url(/assets/jinzhao-role-1.webp)}.role-graphic.mage{background-image:url(/assets/jinzhao-hero-mage-v08.webp),linear-gradient(#241e3622,#241e3644),url(/assets/jinzhao-role-2.webp)}.role-graphic.sword,.role-graphic.ranger,.role-graphic.mage{background-position:50% 42%,50%,50% 25%;background-size:auto 111%,cover,cover}.role-card:hover .role-graphic,.role-card.selected .role-graphic{filter:saturate(1.15)brightness(1.1)}.role-card strong{color:#ffe7c5;letter-spacing:2px;font-size:15px}.role-card small{color:#b2bbc3;font-size:10px}.mode-select{margin-top:12px}.mode-detail{color:#b6c4c8;margin:7px 0 12px}.start-actions{gap:8px}.start-footnote{color:#c0c6c4;margin-top:10px}.portrait{background-position:50% 20%;background-size:cover}.portrait-sword{background-image:url(/assets/jinzhao-role-0.webp)}.portrait-ranger{background-image:url(/assets/jinzhao-role-1.webp)}.portrait-mage{background-image:url(/assets/jinzhao-role-2.webp)}.topbar,.battle-hud,.actionbar{background-color:#11161b}.brand-symbol{color:#f0b57e;background:radial-gradient(circle,#82392783,#211b1c);border-color:#cfa16a;border-radius:4px}.trailer-veil{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04070cf2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.trailer-panel{background:linear-gradient(#26211f,#0b121a);border:1px solid #e0ad6b;gap:7px;width:min(95vw,980px);padding:10px;display:grid;position:relative;box-shadow:0 30px 100px #000e}.trailer-panel video{aspect-ratio:16/9;background:#081018;width:100%;max-height:80dvh;display:block}.trailer-panel small{color:#b6a791;text-align:center;padding:6px;font-size:11px}.trailer-close{color:#f0d4ac;background:#19232c;border:1px solid #c9a06d;place-items:center;padding:8px;display:grid;position:absolute;top:-47px;right:3px}@media (max-width:700px){.start-screen:after{inset:5px}.start-content{padding:9px 14px 14px}.start-content h1.ink-title{letter-spacing:.14em;margin-top:2px;font-size:clamp(35px,9vw,49px)}.ink-subtitle{letter-spacing:.2em;margin-bottom:8px;font-size:11px}.intro-eyebrow{font-size:8px}.intro-text{margin-bottom:10px;font-size:10px}.role-card{min-height:0;padding:0 0 7px}.role-graphic,.role-graphic.ranger,.role-graphic.mage{height:clamp(64px,15vh,97px);margin-bottom:3px}.role-card strong{letter-spacing:0;font-size:11px}.role-card small{letter-spacing:0;font-size:8px}.mode-select{margin-top:10px}.mode-detail{font-size:9px}.start-actions{gap:5px}.start-actions .primary-btn,.start-actions .secondary-btn{min-height:35px;padding:9px 8px;font-size:10px}.start-footnote{margin-top:6px}}@media (max-height:720px) and (min-width:701px){.start-content h1.ink-title{font-size:48px}.role-graphic,.role-graphic.ranger,.role-graphic.mage{height:78px}.intro-text{margin-bottom:8px}.mode-detail{margin:5px 0 8px}}@media (prefers-reduced-motion:reduce){.start-shimmer{animation:none}}.lamp-count{color:#ffcf81;background:linear-gradient(160deg,#3c271d,#141c26);border:1px solid #bd8e5970;justify-content:center;align-items:center;gap:3px;min-width:52px;height:40px;display:flex;box-shadow:inset 0 0 12px #b76b2e24}.lamp-count strong{font-size:18px;line-height:1}.lamp-count small{color:#b9a58c;align-self:end;margin-bottom:6px;font-size:10px}.lamp-modal{background:radial-gradient(at 50% 0,#6e392c55,#0000 58%),linear-gradient(145deg,#1b2937,#0b1724);border:1px solid #f3ce8a;max-width:760px;box-shadow:0 30px 110px #000e,inset 0 0 75px #dba55d12}.lamp-emblem{color:#ffda95;background:radial-gradient(circle,#b85a2960,#2a221c 72%);border:1px solid #edc184;border-radius:50%;place-items:center;width:77px;height:77px;margin:0 auto 11px;display:grid;box-shadow:0 0 32px #f3a95233}.lamp-modal .lamp-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.lamp-choices button{background:linear-gradient(155deg,#233543,#0e1a27);border-color:#b99a6f88;gap:9px;min-height:205px}:is(.lamp-choices button:hover,.lamp-choices button:focus-visible){background:#32404c;outline:1px solid #ffe0ab;transform:translateY(-2px)}.lamp-choices button .lamp-choice-symbol{color:#ffe2a3;background:#8b4e2b44;border:1px solid #e9c387;border-radius:50%;place-items:center;width:56px;height:56px;font-family:Noto Serif SC,serif;font-size:25px;display:grid}.lamp-choices button .lamp-choice-symbol.spring{color:#b8f6cf;background:#21584544;border-color:#89c8a4}.lamp-choices button .lamp-choice-symbol.cloud{color:#d1e8ff;background:#254e7744;border-color:#9dbedb}.lamp-choices button small{max-width:190px}.lamp-choices button em{color:#f6ce89;align-items:center;gap:4px;margin-top:auto;font-size:11px;font-style:normal;display:flex}@media (max-width:700px){.lamp-count{min-width:35px;height:32px}.lamp-count svg{width:11px}.lamp-count strong{font-size:13px}.lamp-count small{margin-bottom:5px;font-size:8px}.portal-action{white-space:nowrap;padding:9px 12px;font-size:11px;bottom:190px}.lamp-modal{padding:17px 10px}.lamp-emblem{width:47px;height:47px;margin-bottom:8px}.lamp-emblem svg{width:29px}.lamp-modal h2{font-size:19px}.lamp-modal p{font-size:10px;line-height:1.7}.lamp-choices button{min-height:160px}.lamp-choices button .lamp-choice-symbol{width:39px;height:39px;font-size:19px}.lamp-choices button strong{font-size:11px}.lamp-choices button small,.lamp-choices button em{font-size:9px}}.boss-bar{width:min(380px,78%);transition:border-color .2s,box-shadow .2s}.boss-bar.awakened{border-color:#f4a37b;box-shadow:0 0 35px #df734544,inset 0 0 15px #a6442c33}.boss-bar.casting{border-color:#ffda91}.boss-bar.awakened .meter-track i{background:linear-gradient(90deg,#ba3c56,#ffa57b)}.boss-technique{border-top:1px solid #fff2;justify-content:space-between;align-items:center;gap:12px;margin-top:7px;padding-top:5px;display:flex}.boss-technique span{color:#f3d4a6;font-size:10px;font-weight:700}.boss-technique small{white-space:nowrap;color:#a8a8b7;font-size:9px}.boss-bar.casting .boss-technique span{color:#ff9c84;animation:.5s ease-in-out infinite alternate spell-pulse}@keyframes spell-pulse{to{opacity:.52}}@media (max-width:700px){.boss-bar{width:min(330px,94%);padding:7px 9px;top:116px;left:50%}.boss-bar>div:first-child{margin-bottom:5px}.boss-bar b{font-size:11px}.boss-technique{gap:5px}.boss-technique span{font-size:9px}.boss-technique small{white-space:normal;text-align:right;max-width:96px;font-size:8px}.mission-callout{max-width:210px}}@media (prefers-reduced-motion:reduce){.boss-bar.casting .boss-technique span{animation:none}}.role-preview{color:#eed4a7;background:#06101dcc;border:1px solid #be9d6659;justify-content:center;align-items:center;gap:14px;margin-top:8px;padding:9px 13px;font-size:10px;display:flex}.role-preview>div{text-align:left;flex-direction:column;gap:4px;max-width:370px;margin-right:auto;display:flex}.role-preview b{color:#f3c98b;font-size:12px}.role-preview small{color:#afc1c7;font-size:10px}.role-preview>span{white-space:nowrap;color:#b5d9cc}@media (max-width:700px){.role-preview{flex-wrap:wrap;gap:5px;margin-top:4px;padding:5px 7px;font-size:9px}.role-preview>div{text-align:center;flex-basis:100%;max-width:none}.role-preview small{display:none}.role-preview>span{text-align:center;flex:1}}.exploration-progress{border-top:1px solid #c0a36e40;flex-direction:column;gap:5px;margin-top:12px;padding-top:10px;display:flex}.exploration-progress span{color:#eed3a0;font-size:11px;font-weight:700}.exploration-progress small{color:#a2b6bf;font-size:10px;line-height:1.6}.landmark-action{z-index:5;color:#f9e4af;cursor:pointer;background:#18332deb;border:1px solid #f6d398;align-items:center;gap:6px;padding:11px 13px;font-size:12px;display:flex;position:absolute;bottom:185px;right:19px;box-shadow:0 4px 17px #0008}:is(.landmark-action:hover,.landmark-action:focus-visible){background:#315247;outline:2px solid #f3dbac}@media (max-width:700px){.landmark-action{max-width:46%;padding:8px 10px;font-size:10px;bottom:192px;right:13px}}.town-action{z-index:5;white-space:nowrap;color:#201e20;background:linear-gradient(120deg,#dfb57a,#ffdeac);border:1px solid #ffebc9;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:106px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #d4a25780}:is(.town-action:hover,.town-action:focus-visible){filter:brightness(1.09);outline:2px solid #fff1b7}.town-veil{background:#050a11db;padding:15px}.town-modal{background:radial-gradient(at 80% 0,#7d4d2948,#0000 54%),linear-gradient(135deg,#1d3037,#0e1927 66%);border:1px solid #edc98caa;border-radius:8px;width:min(94%,760px);max-height:96%;padding:26px 29px;overflow:auto;box-shadow:0 22px 90px #000e,inset 0 0 80px #d29b4512}.town-header{align-items:center;gap:17px;padding-right:25px;display:flex;position:relative}.town-portrait{background:radial-gradient(at 50% 24%,#e5c5a1 0 9%,#36454a 10% 28%,#698781 29% 47%,#162329 48%);border:1px solid #bba27c;flex:none;place-items:center;width:78px;height:88px;display:grid;box-shadow:inset 0 0 20px #060b14a3}.town-portrait span{color:#e9d3a5;background:#16232cc9;border:1px solid #bca57b;place-items:center;width:32px;height:32px;margin-top:43px;font-family:Noto Serif SC,serif;display:grid}.town-header h2{color:#f5e2bc;margin:4px 0 7px;font-family:Noto Serif SC,serif;font-size:28px}.town-header strong{color:#bcd5cb;font-size:12px}.town-close{color:#e5d4b7;background:#0b1822;border:1px solid #a98d5e5e;place-items:center;padding:7px;display:grid;position:absolute;top:0;right:0}.town-modal blockquote{color:#ddcfad;background:#0a1823a8;border-left:3px solid #dab07a;margin:20px 0;padding:15px 20px;font-family:Noto Serif SC,serif;font-size:12px;line-height:1.9}.town-content{grid-template-columns:1.15fr 1fr;gap:18px;display:grid}.town-section-label{color:#e7cf9f;border-bottom:1px solid #ac98664f;align-items:center;gap:8px;padding-bottom:11px;font-size:12px;font-weight:800;display:flex}.town-contracts{gap:8px;margin-top:10px;display:grid}.town-contracts>button{text-align:left;color:#fff3da;background:#142735cc;border:1px solid #c3a47057;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;display:flex}.town-contracts>button:hover:not(:disabled),.town-shop button:hover:not(:disabled){background:#2b4548;border-color:#f1d09a}.town-contracts>button:disabled{opacity:.38}.town-contracts b,.town-current-contract>b{color:#c99e6f;letter-spacing:1px;font-size:9px}.town-contracts strong,.town-current-contract strong{color:#f6deb4;font-family:Noto Serif SC,serif;font-size:14px}.town-contracts small,.town-current-contract p{color:#aab8ba;font-size:10px;line-height:1.7}.town-contracts span{color:#dfbd85;align-items:center;gap:3px;margin-top:2px;font-size:10px;display:flex}.town-shop{gap:9px;margin-top:10px;display:grid}.town-shop button{text-align:left;color:#ece7d8;background:#0d1e2ad9;border:1px solid #c4a87c42;justify-content:space-between;align-items:center;gap:10px;padding:12px 10px;display:flex}.town-shop button:disabled{opacity:.35}.town-shop button span{gap:5px;display:grid}.town-shop strong{font-size:12px}.town-shop small{color:#94a9ad;font-size:9px}.town-shop b{color:#f5ce8e;white-space:nowrap;font-size:10px}.town-note{color:#819b9e;margin-top:13px;font-size:10px;line-height:1.9}.town-leave{margin:20px auto 0}.town-current-contract{background:#0a1c28b8;border:1px solid #bc98695b;gap:12px;margin-top:10px;padding:18px 12px;display:grid}.town-current-contract .town-progress{margin-top:5px}.town-current-contract .primary-btn{width:100%;padding:11px 4px;font-size:11px}.town-current-contract>small{color:#b4c6c4;font-size:10px;line-height:1.8}.town-progress{color:#b6c9c8;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.town-progress b{color:#eed198}.town-quest>strong{color:#ebd09f;margin:12px 0 5px;font-family:Noto Serif SC,serif;font-size:15px;display:block}.town-quest>p{color:#a8b8b5;font-size:11px;line-height:1.9}.town-quest>small{color:#d4ad72;margin-top:13px;font-size:10px;display:block}@media (max-width:700px){.town-action{padding:9px 14px;font-size:10px;bottom:184px}.town-veil{padding:7px}.town-modal{width:99%;max-height:94dvh;padding:12px}.town-header{gap:9px}.town-portrait{width:47px;height:60px}.town-portrait span{display:none}.town-header h2{font-size:19px}.town-header strong{font-size:10px}.town-modal blockquote{margin:10px 0;padding:9px 11px;font-size:10px}.town-content{grid-template-columns:1fr;gap:13px}.town-contracts{grid-template-columns:1fr 1fr}.town-contracts>button{padding:9px}.town-contracts strong{font-size:12px}.town-contracts small,.town-contracts span{font-size:9px}.town-shop{grid-template-columns:1fr 1fr 1fr;gap:5px}.town-shop button{flex-direction:column;align-items:flex-start;min-height:71px;padding:7px}.town-shop b{font-size:9px}.town-shop small{font-size:8px}.town-note{display:none}.town-leave{margin-top:11px;padding:8px;font-size:10px}}