:root{color:#eef8f5;background:#030913;font-family:"Noto Serif SC",Songti SC,Microsoft YaHei,serif;font-synthesis:none;--ink-950: #030913;--ink-900: #07121e;--ink-800: #0c1c29;--jade-300: #82e5d4;--jade-400: #4cc7bd;--jade-600: #1d837f;--gold-200: #ffe8a1;--gold-400: #dcb66b;--gold-600: #8a642d;--fire-400: #ff8c5b;--thunder-400: #bca4ff;--danger-400: #ff6f73;--motion-fast: .16s;--motion-base: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--safe-top: max(12px, env(safe-area-inset-top));--safe-right: max(12px, env(safe-area-inset-right));--safe-bottom: max(14px, env(safe-area-inset-bottom));--safe-left: max(12px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overflow:clip;background:#030913;overscroll-behavior:none}body{display:grid;place-items:center;-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold-200);outline-offset:3px}#app{position:relative;width:min(100vw,56.25dvh,520px);height:min(177.7778vw,100dvh,924.4444px);min-height:0;aspect-ratio:9 / 16;overflow:hidden;overflow:clip;isolation:isolate;background:radial-gradient(circle at 75% 9%,rgba(208,181,112,.12),transparent 24%),linear-gradient(180deg,#07121e,#04101a 62%,#02070f);border-inline:1px solid rgba(130,229,212,.07);box-shadow:0 0 80px #000c}#battlefield,.ink-vignette{position:absolute;inset:0;width:100%;height:100%}#battlefield{z-index:0;display:block;touch-action:none}.ink-vignette{z-index:1;pointer-events:none;box-shadow:inset 0 0 90px 18px #0000007a;background:linear-gradient(180deg,rgba(2,8,15,.1),transparent 24%,transparent 72%,rgba(1,4,10,.58))}.screen{position:absolute;z-index:5;inset:0;padding:calc(var(--safe-top) + 30px) var(--safe-right) var(--safe-bottom) var(--safe-left);transition:opacity .24s ease,transform .24s ease}.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.menu-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0309131a,#0309133d 45%,#02070fd1)}.brand-block{width:100%;margin-top:clamp(24px,6vh,62px);text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.8)}.eyebrow{margin:0 0 9px;color:#82e5d4b8;font-family:Microsoft YaHei,sans-serif;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;color:var(--gold-200);font-size:clamp(30px,8.6vw,48px);font-weight:500;letter-spacing:.04em;line-height:1}.tagline{margin-bottom:0;color:#bfe8e5;font-size:15px;letter-spacing:.12em}.seal-orbit{position:relative;width:min(48vw,210px);aspect-ratio:1;border:1px solid rgba(220,182,107,.18);border-radius:50%;box-shadow:0 0 45px #dcb66b12,inset 0 0 35px #82e5d40a;animation:float-seal 5s ease-in-out infinite}.seal-orbit:before,.seal-orbit:after,.seal-orbit span,.seal-orbit i,.seal-orbit b{position:absolute;content:"";inset:13%;border:1px solid rgba(220,182,107,.22);border-radius:50%}.seal-orbit:after{inset:31%;border-color:#82e5d447;box-shadow:0 0 28px #82e5d41a}.seal-orbit span{inset:46%;border:0;background:var(--gold-200);box-shadow:0 0 28px #ffe8a1bf}.seal-orbit i,.seal-orbit b{inset:3% 48%;border:0;border-block:9px solid rgba(220,182,107,.34);border-radius:0}.seal-orbit b{transform:rotate(90deg)}.menu-actions{display:grid;width:min(100%,410px);gap:10px}.profile-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:56px;overflow:hidden}.supporter-title{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:4px 9px;border:1px solid rgba(255,232,161,.38);border-radius:999px;background:#70431433;box-shadow:inset 0 0 12px #ffe8a10d;color:#fff0c2b8;font-size:8px;letter-spacing:.08em}.supporter-title strong{color:#fff0b6;font-size:11px;font-weight:700;letter-spacing:.12em}.profile-action{display:grid;min-width:0;min-height:52px;align-content:center;gap:3px;padding:7px 10px;border:0;background:#1d837f0f;text-align:left;transition:background var(--motion-fast) var(--ease-standard)}.profile-action:active{background:#82e5d41f}.profile-action small,.profile-currency small{color:#d7ece985;font-family:Microsoft YaHei,sans-serif;font-size:9px;letter-spacing:.06em}.profile-action strong{overflow:hidden;color:var(--jade-300);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.profile-action.profile-meta{text-align:right}.profile-action.profile-meta strong{color:var(--gold-200)}.profile-currency{display:grid;min-width:64px;min-height:52px;place-items:center;align-content:center;gap:2px;padding-inline:8px;border-inline:1px solid rgba(130,229,212,.12);background:#dcb66b0a}.profile-currency strong{color:var(--gold-200);font-family:Microsoft YaHei,sans-serif;font-size:17px;font-weight:600}.primary-button,.quiet-button,.text-button,.icon-button{border:0}.primary-button{position:relative;display:grid;width:100%;min-height:58px;place-items:center;overflow:hidden;border:1px solid rgba(255,232,161,.48);background:linear-gradient(135deg,#5c4926b8,#1b2a2aeb);box-shadow:inset 0 0 20px #ffe8a10f,0 12px 32px #00000047;color:#fff3c9;letter-spacing:.18em}.primary-button:before{position:absolute;inset:5px;border:1px solid rgba(130,229,212,.13);content:""}.primary-button span,.primary-button small{position:relative;z-index:1}.primary-button span{font-size:18px}.primary-button small{margin-top:-8px;color:#bfe8e5b8;font-family:Microsoft YaHei,sans-serif;font-size:10px;letter-spacing:.08em}.primary-button:active{transform:translateY(1px);filter:brightness(1.12)}.glass-panel{border:1px solid rgba(130,229,212,.16);background:linear-gradient(145deg,#081723e0,#050e18bd);box-shadow:inset 0 1px #ffffff08,0 12px 32px #0000002e}.support-card,.follow-gift-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;min-height:58px;padding:10px 12px}.support-card div,.follow-gift-card div{display:grid;gap:3px;min-width:0}.support-card strong,.follow-gift-card strong{color:var(--gold-200);font-size:13px;font-weight:500}.support-card span,.follow-gift-card span{overflow:hidden;color:#d7ece9a8;font-family:Microsoft YaHei,sans-serif;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.follow-gift-card{border-color:#ffe8a13d;background:linear-gradient(145deg,#2c2214c2,#05121bd1)}.follow-gift-card[data-state=claimed]{border-color:#82e5d43d}.follow-gift-card[data-state=revoked]{border-color:#ff6f7347;background:linear-gradient(145deg,#301218b8,#050e18d1)}.follow-gift-card[data-state=revoked] strong,.follow-gift-card[data-state=revoked] span{color:#ffb4b5c7}.text-button{min-width:74px;min-height:44px;padding:0 10px;border:1px solid rgba(130,229,212,.34);background:#1d837f1f;color:var(--jade-300);font-family:Microsoft YaHei,sans-serif;font-size:12px}.text-button:disabled{cursor:wait;opacity:.5}.quiet-button{min-height:44px;background:transparent;color:#bfe8e59e;font-family:Microsoft YaHei,sans-serif;font-size:12px}.hud{position:absolute;z-index:3;inset:0;pointer-events:none;transition:opacity .18s ease}.hud-bars{position:absolute;top:var(--safe-top);left:var(--safe-left);width:min(54vw,210px);min-height:64px;padding:9px 10px;border-radius:10px}.meter{height:5px;margin-bottom:7px;overflow:hidden;border-radius:4px;background:#ffffff14}.meter:last-child{margin-bottom:0}.meter i{display:block;width:100%;height:100%;border-radius:inherit;transform:scaleX(1);transform-origin:left center;transition:transform .1s linear;will-change:transform}.hud-loadout{display:block;min-width:0;font-family:Microsoft YaHei,sans-serif;font-size:10px}.hud-loadout span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hudFabao{color:#ffe8a1c2}.fabao-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin-top:5px}.fabao-slot{display:grid;min-width:0;min-height:27px;place-items:center;padding:2px 1px;border:1px solid rgba(130,229,212,.13);border-radius:4px;background:#020a12b8;color:#d0e5e16b;font-family:Microsoft YaHei,sans-serif;font-size:7px;line-height:1.05;text-align:center;pointer-events:auto}button.fabao-slot{color:#edf5ebd6}.fabao-slot.quality-rare{border-color:#5cb6ff70;color:#a9d7ff}.fabao-slot.quality-epic{border-color:#bca4ff7a;color:#d4c4ff}.auto-sword-button{width:100%;min-height:24px;margin-top:4px;border:1px solid rgba(130,229,212,.18);border-radius:5px;background:#4cc7bd0f;color:#bfe8e5b3;font-family:Microsoft YaHei,sans-serif;font-size:8px;pointer-events:auto}.auto-sword-button[aria-pressed=true]{border-color:#ffe8a180;color:var(--gold-200);box-shadow:inset 0 0 12px #dcb66b14}.auto-sword-button:disabled{cursor:default;opacity:.42}.hud-wave{position:absolute;top:var(--safe-top);right:var(--safe-right);display:grid;grid-template-columns:minmax(60px,1fr) 44px;grid-template-rows:repeat(3,auto);gap:2px;min-width:108px;min-height:64px;padding:8px 8px 8px 10px;border-radius:10px;text-align:right}.hud-wave strong{grid-column:1;color:var(--gold-200);font-size:13px;font-weight:500}.hud-wave span{grid-column:1;color:#d7ece99e;font-family:Microsoft YaHei,sans-serif;font-size:10px}.boss-charge{position:absolute;top:calc(var(--safe-top) + 72px);left:50%;width:min(58vw,230px);padding:7px 10px 2px;border-color:#ff6f7357;color:#ffd6bd;font-family:Microsoft YaHei,sans-serif;font-size:10px;text-align:center;transform:translate(-50%)}.meter.boss{margin-top:5px}.meter.boss i{background:linear-gradient(90deg,#ffcf6b,#ff5f68);box-shadow:0 0 12px #ff5f688c}.combat-dock{position:absolute;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 5px);left:var(--safe-left);display:grid;grid-template-columns:minmax(78px,1fr) minmax(116px,1.25fr) minmax(78px,1fr);width:min(calc(100% - var(--safe-left) - var(--safe-right)),430px);margin-inline:auto;align-items:end;gap:clamp(4px,1.7vw,10px)}.resource-orb{position:relative;display:grid;width:min(25vw,106px);aspect-ratio:1;place-items:center;justify-self:center;isolation:isolate;color:#fff}.resource-orb--barrier{--orb-ring: #ff5964;--orb-deep: #6e0819;--orb-light: #ff5361}.resource-orb--mana{--orb-ring: #26b8ff;--orb-deep: #17226f;--orb-light: #5e85ff}.resource-orb__reservoir{position:absolute;inset:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--orb-ring) 58%,#fff 12%);border-radius:50%;background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.13),transparent 16%),radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--orb-deep) 38%,transparent),#00040be0 72%);box-shadow:inset 0 0 24px #000000eb}.resource-orb__reservoir:after{position:absolute;z-index:2;inset:0;border-radius:inherit;background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.2),transparent 9%),radial-gradient(circle at 48% 45%,transparent 28%,rgba(0,0,0,.48) 85%);content:"";pointer-events:none}.resource-orb__liquid{position:absolute;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:0 0 45% 45%;background:linear-gradient(180deg,color-mix(in srgb,var(--orb-light) 90%,#fff 10%),var(--orb-deep));box-shadow:inset 0 12px 20px #ffffff14;opacity:.84;transform:scaleY(1);transform-origin:center bottom;transition:transform .1s linear;will-change:transform}.resource-orb__liquid:before{position:absolute;top:-5px;right:-8%;left:-8%;height:11px;border:2px solid color-mix(in srgb,var(--orb-ring) 74%,#fff 26%);border-radius:50%;background:color-mix(in srgb,var(--orb-light) 76%,transparent);content:""}.resource-orb__shine{position:absolute;z-index:3;top:15%;left:20%;width:15%;height:30%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent);transform:rotate(24deg)}.resource-orb__reading{position:relative;z-index:4;display:grid;justify-items:center;gap:1px;padding-top:4px;color:#fffffff5;font-family:Microsoft YaHei,sans-serif;line-height:1.1;text-shadow:0 1px 4px #000,0 0 9px #000}.resource-orb__reading small{color:color-mix(in srgb,var(--orb-ring) 54%,#fff 46%);font-size:10px;font-weight:700;letter-spacing:.14em}.resource-orb__reading strong{font-size:clamp(10px,2.9vw,13px);font-weight:700;white-space:nowrap}.resource-orb.is-critical{color:#fff4e2}.profession-focus{display:grid;min-width:0;justify-items:center;align-content:end;gap:3px}.profession-emblem{--profession-color: var(--jade-300);--profession-portrait: none;--portrait-y: 8%;position:relative;display:grid;width:clamp(50px,14vw,62px);aspect-ratio:1;place-items:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--profession-color) 78%,#fff 22%);border-radius:50%;background-image:linear-gradient(180deg,transparent 34%,rgba(1,7,14,.48) 100%),var(--profession-portrait),radial-gradient(circle,color-mix(in srgb,var(--profession-color) 22%,transparent) 0 30%,#020810f0 72%);background-position:center,center var(--portrait-y),center;background-size:100% 100%,190% auto,100% 100%;background-repeat:no-repeat;box-shadow:0 0 16px color-mix(in srgb,var(--profession-color) 36%,transparent),inset 0 0 16px color-mix(in srgb,var(--profession-color) 18%,transparent)}.profession-emblem:before,.profession-emblem:after,.profession-emblem i,.profession-emblem span{position:absolute;width:72%;height:1px;background:linear-gradient(90deg,transparent,var(--profession-color),transparent);content:""}.profession-emblem:after{transform:rotate(90deg)}.profession-emblem i{transform:rotate(45deg)}.profession-emblem span{transform:rotate(-45deg)}.profession-emblem b{position:absolute;z-index:2;right:1px;bottom:1px;display:grid;width:21px;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--profession-color) 72%,#fff 28%);border-radius:50%;background:#020810e0;color:#fff7d2;font-size:11px;font-weight:500;text-shadow:0 0 11px var(--profession-color),0 2px 4px #000}.profession-emblem[data-profession=fire]{--profession-color: var(--fire-400);--portrait-y: 45%}.profession-emblem[data-profession=lightning]{--profession-color: var(--thunder-400);--portrait-y: 38%}.profession-focus__name{color:var(--jade-300);font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.2;text-shadow:0 2px 6px #000}.profession-focus__name[data-profession=fire]{color:var(--fire-400)}.profession-focus__name[data-profession=lightning]{color:var(--thunder-400)}@keyframes orb-surface{0%,to{transform:translate(-2%) rotate(-2deg)}50%{transform:translate(2%) rotate(2deg)}}.gesture-guide{position:absolute;z-index:8;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 10px);left:var(--safe-left);padding:20px 16px 16px;border:1px solid rgba(220,182,107,.3);background:#040d16f5;box-shadow:0 18px 60px #0000007a;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.gesture-guide[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px)}.gesture-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gesture-list div{display:grid;min-height:88px;place-items:center;align-content:center;gap:3px;border:1px solid rgba(130,229,212,.1);background:#ffffff05}.gesture-list i{font-size:22px;font-style:normal}.gesture-list strong{font-size:13px;font-weight:500}.gesture-list span{color:#d7ece98f;font-family:Microsoft YaHei,sans-serif;font-size:9px}.sword-mark{color:var(--jade-300)}.fire-mark{color:var(--fire-400)}.thunder-mark{color:var(--thunder-400)}.icon-button{position:absolute;top:8px;right:8px;width:44px;height:44px;background:transparent;color:#ffffff9e;font-family:sans-serif;font-size:24px}.result-screen{display:grid;place-items:center;background:#01050bb8}.result-card{width:min(100%,390px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:clamp(22px,6vw,32px);border-color:#dcb66b5c;text-align:center}.result-card h2{margin-bottom:8px;color:var(--gold-200);font-size:30px;font-weight:500;letter-spacing:.08em}.result-card>p:not(.eyebrow){color:#d7ece9b3;font-size:13px}.result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0;border-block:1px solid rgba(130,229,212,.12)}.result-stats div{padding:14px 4px}.result-stats div+div{border-left:1px solid rgba(130,229,212,.1)}.result-stats dt{color:#d7ece985;font-family:Microsoft YaHei,sans-serif;font-size:10px}.result-stats dd{margin:5px 0 0;color:var(--gold-200);font-size:22px}.result-support{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px;padding:10px;border:1px solid rgba(130,229,212,.1);color:#d7ece99e;font-family:Microsoft YaHei,sans-serif;font-size:10px;text-align:left}.result-card .quiet-button{width:100%;margin-top:4px}.result-card .primary-button+.primary-button{margin-top:9px}.endless-button{border-color:#bca4ff7a;background:linear-gradient(135deg,#442d68f5,#1a234ef5)}.upgrade-overlay{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:calc(var(--safe-top) + 16px) var(--safe-right) calc(var(--safe-bottom) + 16px) var(--safe-left);background:#01050bc7;transition:opacity var(--motion-base) var(--ease-standard)}.upgrade-panel{width:min(100%,430px);max-height:100%;overflow:auto;padding:22px 16px 18px;border-color:#dcb66b57;text-align:center}.upgrade-panel h2{margin-bottom:5px;color:var(--gold-200);font-size:27px;font-weight:500;letter-spacing:.08em}.upgrade-hint{margin-bottom:15px;color:#d7ece994;font-family:Microsoft YaHei,sans-serif;font-size:11px}.upgrade-choices{display:grid;gap:10px}.upgrade-card{position:relative;display:grid;min-height:104px;padding:14px 15px;overflow:hidden;border:1px solid rgba(130,229,212,.2);border-radius:10px;background:linear-gradient(135deg,#0c1c29fa,#050f19fa);text-align:left;transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.upgrade-card:active{transform:scale(.98)}.upgrade-card small{color:var(--jade-300);font-family:Microsoft YaHei,sans-serif;font-size:9px;letter-spacing:.14em}.upgrade-card strong{margin:4px 0;color:#f2f9f6;font-size:18px;font-weight:500}.upgrade-card span{color:#d7ece9b8;font-family:Microsoft YaHei,sans-serif;font-size:12px;line-height:1.45}.upgrade-card em{min-height:12px;margin-top:5px;color:#dcb66bb8;font-family:Microsoft YaHei,sans-serif;font-size:9px;font-style:normal}.upgrade-card.quality-epic{border-color:#bca4ff66}.upgrade-card.quality-epic small{color:var(--thunder-400)}.upgrade-card.quality-legendary{border-color:#ff8c5b7a}.upgrade-card.quality-legendary small{color:var(--fire-400)}.upgrade-card.quality-divine{border-color:#ffe8a19e;box-shadow:inset 0 0 24px #dcb66b14}.upgrade-card.quality-divine small{color:var(--gold-200)}.system-overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:calc(var(--safe-top) + 14px) var(--safe-right) calc(var(--safe-bottom) + 14px) var(--safe-left);background:#01050bd1;transition:opacity var(--motion-base) var(--ease-standard)}.system-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(100%,440px);height:min(680px,100%);min-height:0;overflow:hidden;padding:20px 16px 16px;border-color:#dcb66b57}.system-header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px}.system-header>div{min-width:0}.system-header .eyebrow{margin-bottom:5px}.system-header h2{margin-bottom:10px;color:var(--gold-200);font-size:clamp(23px,6vw,30px);font-weight:500;letter-spacing:.06em}.icon-button.system-close{position:static;flex:0 0 44px;border:1px solid rgba(130,229,212,.16);background:#ffffff06}.system-hint{margin-bottom:12px;color:#d7ece99e;font-family:Microsoft YaHei,sans-serif;font-size:11px;line-height:1.55}.profession-choices,.meta-nodes{display:grid;min-height:0;align-content:start;gap:10px;overflow-x:hidden;overflow-y:auto;padding:2px 3px 12px 1px;overscroll-behavior:contain;scrollbar-color:rgba(130,229,212,.28) transparent;scrollbar-width:thin;touch-action:pan-y}#professionChoices>button{--profession-accent: var(--jade-300);--profession-portrait: none;display:grid;grid-template-columns:82px minmax(0,1fr);width:100%;min-height:128px;align-items:stretch;gap:12px;padding:10px;border:1px solid rgba(130,229,212,.2);border-radius:10px;background:linear-gradient(135deg,#0c1c29fa,#050f19fa);text-align:left;transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}#professionChoices>button[data-profession-id=fire]{--profession-accent: var(--fire-400)}#professionChoices>button[data-profession-id=lightning]{--profession-accent: var(--thunder-400)}#professionChoices>button:active{transform:scale(.985)}#professionChoices>button[aria-pressed=true],#professionChoices>button.is-selected{border-color:#ffe8a1b8;box-shadow:inset 0 0 26px #dcb66b17}.profession-choice__portrait{position:relative;display:block;min-height:106px;overflow:hidden;border:1px solid color-mix(in srgb,var(--profession-accent) 58%,transparent);border-radius:8px;background-image:linear-gradient(180deg,transparent 50%,rgba(1,6,13,.68) 100%),var(--profession-portrait),radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--profession-accent) 20%,transparent),#020911f5 72%);background-position:center,center 22%,center;background-size:100% 100%,cover,100% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 18px #00000070}.profession-choice__portrait:after{position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--profession-accent) 22%,transparent);border-radius:5px;content:""}.profession-choice__copy{display:grid;min-width:0;align-content:center;gap:5px}#professionChoices button small{color:var(--profession-accent);font-family:Microsoft YaHei,sans-serif;font-size:9px;letter-spacing:.1em}#professionChoices button strong{color:#f2f9f6;font-size:17px;font-weight:500}#professionChoices .profession-choice__copy>span{color:#d7ece9ad;font-family:Microsoft YaHei,sans-serif;font-size:11px;line-height:1.45}#professionChoices .profession-choice__mastery{margin-top:2px;padding-top:5px;border-top:1px solid color-mix(in srgb,var(--profession-accent) 18%,transparent);color:#edf2e6bd;font-size:9px;letter-spacing:0}.meta-wallet{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:9px 12px;border:1px solid rgba(220,182,107,.18);background:#dcb66b0d;color:#d7ece99e;font-family:Microsoft YaHei,sans-serif;font-size:11px}.meta-wallet strong{color:var(--gold-200);font-size:21px}.meta-panel{grid-template-rows:auto auto auto auto auto minmax(0,1fr)}.meta-reset{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;border:1px solid rgba(220,182,107,.14);background:#dcb66b09;color:#d7ece994;font-family:Microsoft YaHei,sans-serif;font-size:9px;line-height:1.4}.meta-reset button{min-height:44px;border:1px solid rgba(220,182,107,.3);background:#dcb66b14;color:var(--gold-200);font-family:Microsoft YaHei,sans-serif;font-size:10px}.meta-reset button:disabled{cursor:default;opacity:.4}.meta-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}.meta-category-tabs button{min-height:44px;border:1px solid rgba(130,229,212,.14);border-radius:7px;background:#ffffff06;color:#d7ece9a3;font-family:Microsoft YaHei,sans-serif;font-size:10px}.meta-category-tabs button[aria-selected=true]{border-color:#ffe8a185;background:#dcb66b1f;color:var(--gold-200)}.meta-profession-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:78px;align-items:center;gap:9px;margin-bottom:9px;padding:9px 10px;border:1px solid rgba(130,229,212,.16);border-radius:9px;background:linear-gradient(110deg,#1d837f14,#dcb66b09)}.meta-profession-summary[data-category=common]{grid-template-columns:minmax(0,1fr) auto}.meta-profession-summary[data-category=fire]{border-color:#ff8c5b3d}.meta-profession-summary[data-category=lightning]{border-color:#bca4ff42}.meta-profession-summary__portrait{width:54px;aspect-ratio:1;border:1px solid rgba(255,232,161,.24);border-radius:50%;background:var(--profession-portrait) center 18% / 148% auto no-repeat,#ffffff08}.meta-profession-summary>div{display:grid;min-width:0;gap:3px}.meta-profession-summary small,.meta-profession-summary span{color:#d7ece99e;font-family:Microsoft YaHei,sans-serif;font-size:9px;line-height:1.35}.meta-profession-summary strong{overflow:hidden;color:#f2f9f6;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.meta-profession-summary b{color:var(--gold-200);font-family:Microsoft YaHei,sans-serif;font-size:11px;font-weight:500}.meta-profession-summary>button{min-height:44px;max-width:82px;padding-inline:8px;border:1px solid rgba(220,182,107,.3);border-radius:7px;background:#dcb66b14;color:var(--gold-200);font-family:Microsoft YaHei,sans-serif;font-size:9px}.meta-profession-summary>button:disabled{cursor:default;opacity:.42}.meta-mastery-progress{position:relative;height:4px;overflow:hidden;border-radius:999px;background:#ffffff12}.meta-mastery-progress i{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,var(--jade-400),var(--gold-200))}#metaNodes>*{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:82px;align-items:center;gap:8px 12px;padding:12px 13px;border:1px solid rgba(130,229,212,.15);border-radius:9px;background:#ffffff05}#metaNodes>* button{min-height:44px;border:1px solid rgba(220,182,107,.28);background:#dcb66b14;color:var(--gold-200);font-family:Microsoft YaHei,sans-serif;font-size:11px}#metaNodes button:disabled{cursor:default;opacity:.42}#metaNodes>*.is-mastery-locked{border-color:#dcb66b42;background:linear-gradient(135deg,rgba(69,50,23,.1),transparent 64%),#ffffff05}#metaNodes>*.is-mastery-locked small{color:#ffdc91c7}#metaNodes>*.is-mastery-locked button:disabled{border-color:#dcb66b52;color:#ffe2a3d1;opacity:.82}#metaNodes strong{color:#f2f9f6;font-size:15px;font-weight:500}#metaNodes span,#metaNodes small{color:#d7ece999;font-family:Microsoft YaHei,sans-serif;font-size:10px;line-height:1.4}.wave-banner{position:absolute;z-index:7;top:calc(var(--safe-top) + 142px);left:50%;width:min(calc(100% - 40px),420px);color:var(--gold-200);font-size:clamp(14px,4vw,18px);letter-spacing:.06em;text-align:center;text-shadow:0 3px 16px rgba(0,0,0,.9);opacity:0;transform:translate(-50%,-8px);transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard);pointer-events:none}.wave-banner.is-visible{opacity:1;transform:translate(-50%)}.gesture-cue{position:absolute;z-index:4;right:50%;bottom:calc(var(--safe-bottom) + clamp(124px,31vw,150px));padding:8px 14px;border:1px solid rgba(130,229,212,.22);background:#030d17c7;color:#def3efc2;font-family:Microsoft YaHei,sans-serif;font-size:10px;letter-spacing:.06em;transform:translate(50%);pointer-events:none}.toast{position:absolute;z-index:12;top:calc(var(--safe-top) + 88px);left:50%;max-width:calc(100% - 40px);padding:9px 14px;border:1px solid rgba(220,182,107,.28);background:#061019f0;box-shadow:0 12px 30px #0000005c;color:#f6e8bd;font-family:Microsoft YaHei,sans-serif;font-size:12px;opacity:0;transform:translate(-50%,-8px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%)}.mock-badge{position:absolute;z-index:20;top:0;left:50%;padding:4px 9px;border-radius:0 0 6px 6px;background:#8d5728;color:#fff2d8;font-family:Microsoft YaHei,sans-serif;font-size:9px;letter-spacing:.04em;transform:translate(-50%)}.hud-combat-meta{display:flex;gap:6px;align-items:center;margin-top:8px;padding-top:7px;border-top:1px solid rgba(130,229,212,.1);color:#e0f1ecb8;font-family:Microsoft YaHei,sans-serif;font-size:9px}.hud-combat-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awakening-button{position:relative;overflow:hidden;display:grid;width:100%;min-width:0;min-height:48px;align-content:center;justify-items:center;padding:5px 6px 6px;border:1px solid rgba(220,182,107,.46);border-radius:9px;background:linear-gradient(180deg,#14232bf5,#050f18f7);box-shadow:inset 0 0 16px #ffe8a10a,0 7px 16px #00000057;color:#f4e7be;font-family:Microsoft YaHei,sans-serif;text-align:center;pointer-events:auto}.awakening-button i{position:absolute;inset:0 auto 0 0;width:100%;height:100%;background:linear-gradient(90deg,#409ab429,#b072ed85);box-shadow:5px 0 14px #bca4ff42;transform:scaleX(0);transform-origin:left center;transition:transform .1s linear;will-change:transform}.awakening-button b,.awakening-button small{position:relative;z-index:1}.awakening-button b{color:#fff0b6;font-size:11px;font-weight:700;letter-spacing:.08em}.awakening-button small{overflow:hidden;max-width:100%;color:#ddedeab8;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.awakening-button:disabled{cursor:default;opacity:1}.awakening-button[data-state=locked]{border-color:#b4c8c538;color:#eef2e9d1;opacity:.76}.awakening-button.is-ready{border-color:#ffe8a1c7;box-shadow:0 0 22px #dcb66b57,inset 0 0 18px #ffe8a114;animation:awakening-ready 1.45s ease-in-out infinite}.awakening-button.is-active i{transform:scaleX(1)!important;background:linear-gradient(90deg,#5ad6d98a,#ffe8a194,#be7eff99);animation:awakening-flow .75s linear infinite alternate}@keyframes awakening-ready{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-1px);opacity:1}}@keyframes awakening-flow{0%{opacity:.72}to{opacity:1}}.hud-pause{grid-column:2;grid-row:1 / span 3;align-self:center;min-width:44px;min-height:44px;border:1px solid rgba(130,229,212,.2);border-radius:50%;background:#041119c2;color:#e7f7f3cc;pointer-events:auto}.system-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.system-shortcuts button{display:grid;min-height:52px;padding:7px}.system-shortcuts small{color:#cde2dd80;font-size:8px}.wide-system-panel{width:min(100%,690px)}.compact-system-panel{width:min(100%,360px);text-align:center}.system-subtitle{margin:17px 0 8px;color:#f2e5bd;font-size:15px;font-weight:500}.mode-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode-choice-grid button{display:grid;gap:5px;min-height:104px;padding:12px;border:1px solid rgba(130,229,212,.16);border-radius:8px;background:#05131bc2;color:#edf8f5;text-align:left}.mode-choice-grid button[aria-pressed=true]{border-color:#dcb66bbd;box-shadow:inset 0 0 24px #dcb66b14}.mode-choice-grid small{color:#cce2de94;font-size:10px;line-height:1.45}.system-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:10px}.system-tabs button{min-height:44px;border:1px solid rgba(130,229,212,.14);background:#041119ad;color:#ddefebb3}.system-tabs button.is-active{border-color:var(--gold-400);color:var(--gold-200)}.archive-content{min-height:270px;max-height:min(60vh,520px);overflow-y:auto;padding-right:3px}.archive-card{display:grid;gap:4px;padding:11px;border-bottom:1px solid rgba(130,229,212,.1)}.archive-card strong{color:#f0f8f6;font-size:14px}.archive-card span,.archive-card small{color:#d0e5e194;font-size:10px;line-height:1.45}.archive-card.is-locked{opacity:.45;filter:grayscale(.8)}.leaderboard-tabs{position:sticky;z-index:1;top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-bottom:8px;background:#07131d}.leaderboard-tabs button{min-height:40px;border:1px solid rgba(130,229,212,.14);border-radius:6px;background:#041119d1;color:#ddefebb8;font-size:9px}.leaderboard-tabs button[aria-pressed=true]{border-color:#dcb66bb3;color:var(--gold-200)}.leaderboard-status{min-height:34px;margin:0;padding:7px 10px;color:#daede8ad;font-size:10px}.settings-list{display:grid;gap:7px}.settings-list label{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 12px;border-bottom:1px solid rgba(130,229,212,.1)}.settings-list input{width:24px;height:24px;accent-color:#63cdbd}.settings-actions,.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.shop-actions .primary-button{min-height:48px}.danger-button{border-color:#ff686a47;color:#ffb5b5}.tutorial-overlay{position:absolute;z-index:18;right:max(14px,var(--safe-right));bottom:calc(var(--safe-bottom) + clamp(126px,32vw,154px));left:max(14px,var(--safe-left));pointer-events:none}.tutorial-card{display:grid;gap:4px;max-width:420px;margin:0 auto;padding:13px 15px;pointer-events:auto}.tutorial-card small{color:var(--gold-300)}.tutorial-card strong{color:#f1f8f6}.tutorial-card span{color:#d3e8e49e;font-size:10px}.tutorial-card button{justify-self:end}.awakening-overlay{position:absolute;z-index:30;inset:0;overflow:hidden;display:grid;place-items:center;background:#01050a;pointer-events:none}.awakening-overlay video{width:100%;height:100%;object-fit:cover}.awakening-overlay.has-video-failure{background:radial-gradient(circle at 50% 46%,rgba(220,182,107,.2),transparent 24%),radial-gradient(circle at 50% 50%,rgba(76,199,189,.12),transparent 54%),#01050a}.awakening-overlay.has-video-failure:before,.awakening-overlay.has-video-failure:after{position:absolute;top:50%;left:50%;width:min(66vw,310px);aspect-ratio:1;border:1px solid rgba(255,232,161,.28);border-radius:50%;content:"";transform:translate(-50%,-50%);animation:awakening-fallback-seal 5s linear infinite}.awakening-overlay.has-video-failure:after{width:min(43vw,205px);border-style:dashed;border-color:#82e5d447;animation-direction:reverse;animation-duration:3.8s}.awakening-fallback{position:absolute;inset:auto 20px calc(var(--safe-bottom) + 36px);z-index:2;display:grid;gap:4px;color:#fff2c4;text-align:center;text-shadow:0 3px 16px #000}.awakening-fallback strong{font-size:clamp(25px,8vw,42px);letter-spacing:.1em}.awakening-fallback span{color:#edf7f0cc;font-size:12px}.awakening-fallback.is-failed{inset:50% max(20px,var(--safe-right)) auto max(20px,var(--safe-left));gap:9px;padding:22px 16px;border-block:1px solid rgba(255,232,161,.22);background:linear-gradient(90deg,transparent,rgba(6,18,27,.8),transparent);transform:translateY(-50%);animation:awakening-fallback-in .26s ease-out both}.awakening-fallback.is-failed span{color:#def1ecd1;font-family:Microsoft YaHei,sans-serif;font-size:11px}@keyframes awakening-fallback-seal{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes awakening-fallback-in{0%{opacity:0;transform:translateY(calc(-50% + 12px)) scale(.97)}to{opacity:1;transform:translateY(-50%) scale(1)}}.result-detail{color:#d0e5e19e;font-size:10px;line-height:1.55}.story-echo{display:grid;gap:5px;margin:10px 0;padding:12px 14px;border-left:2px solid var(--gold-400);background:#dcb66b0f}.story-echo strong{color:var(--gold-200);font-size:11px}.story-echo span{color:#edf2e6c2;font-size:12px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prologue-screen{position:absolute;inset:0;z-index:80;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 72%,rgba(63,94,88,.12),transparent 34%),#010305;color:#e9e3d0}.prologue-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:linear-gradient(180deg,transparent 0 46%,rgba(202,165,92,.16) 50%,transparent 54%)}.prologue-skip{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:1;min-width:84px;min-height:44px;border:1px solid rgba(216,190,130,.28);border-radius:999px;background:#070c0fa3;color:#ebe5d3b8;font:inherit}.prologue-content{position:relative;z-index:1;display:grid;width:min(82%,340px);min-height:330px;align-content:center;justify-items:center;gap:26px;text-align:center}.prologue-chapter{margin:0;color:#caae72;font-size:12px;letter-spacing:.28em}.prologue-text{min-height:126px;margin:0;color:#eee7d3;font-family:STKaiti,KaiTi,"Noto Serif SC",serif;font-size:clamp(19px,5.2vw,24px);font-weight:600;line-height:1.9;letter-spacing:.08em;text-wrap:balance;text-shadow:0 0 22px rgba(203,174,111,.15)}.prologue-text.is-entering{animation:prologue-text-in .52s ease-out both}.prologue-progress{display:flex;gap:8px;height:5px}.prologue-progress i{width:5px;height:5px;border-radius:50%;background:#e1d7be3d;transition:width .18s ease,background .18s ease}.prologue-progress i.is-past{background:#caae707a}.prologue-progress i.is-current{width:22px;border-radius:4px;background:#d9bb78}.prologue-continue{min-width:156px;min-height:48px;border:1px solid rgba(223,194,126,.58);border-radius:999px;background:linear-gradient(135deg,#9b753457,#2a443f57);color:#f4e9c9;font:inherit;font-weight:700;letter-spacing:.18em;box-shadow:0 0 28px #c69f521a}.prologue-hint{color:#e5decb61;font-size:10px;letter-spacing:.08em}@keyframes prologue-text-in{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.prologue-text.is-entering{animation:none}}@keyframes float-seal{0%,to{transform:translateY(-4px) rotate(0)}50%{transform:translateY(6px) rotate(2deg)}}@media(max-height:690px){.screen{padding-top:calc(var(--safe-top) + 12px)}.brand-block{margin-top:8px}h1{font-size:30px}.seal-orbit{width:132px}.menu-actions{gap:6px}.profile-strip,.profile-action,.profile-currency{min-height:48px}.support-card,.follow-gift-card{min-height:50px;padding-block:7px}.seal-orbit{width:108px}.primary-button{min-height:52px}.system-overlay{padding-block:calc(var(--safe-top) + 8px) calc(var(--safe-bottom) + 8px)}.system-panel{padding:14px 14px 12px}.system-header h2{margin-bottom:7px;font-size:23px}.combat-dock{grid-template-columns:minmax(72px,1fr) minmax(108px,1.18fr) minmax(72px,1fr);width:min(calc(100% - var(--safe-left) - var(--safe-right)),380px)}.resource-orb{width:min(23vw,88px)}.profession-emblem{width:48px}.awakening-button{min-height:44px}.gesture-cue{bottom:calc(var(--safe-bottom) + 110px)}.tutorial-overlay{bottom:calc(var(--safe-bottom) + 112px)}}@media(max-width:370px){.result-card{padding-inline:18px}.result-stats dd{font-size:18px}.profile-action{padding-inline:8px}.profile-currency{min-width:58px;padding-inline:6px}.mode-choice-grid{grid-template-columns:1fr}.system-tabs{grid-template-columns:repeat(2,1fr)}.hud-bars{width:53vw}.hud-wave{min-width:104px}.combat-dock{grid-template-columns:minmax(74px,1fr) minmax(110px,1.22fr) minmax(74px,1fr)}.resource-orb{width:min(24vw,90px)}.awakening-button b{font-size:10px}.awakening-button small{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}