:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#e1e9df;background:#101c20;--gold:#dcc28a;--line:#344c49;--muted:#91a8a1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#24423955,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #547163;background:#29473d;border-radius:7px;padding:11px 17px;transition:background .15s}button:hover{background:#3b5d4e}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.38;cursor:default}.quiet{background:transparent;border-color:var(--line);color:#a9bdb3}.primary{background:var(--gold);color:#25382e;border-color:var(--gold);font-weight:700}.primary:hover{background:#efdaa5}main{max-width:1180px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}#brand{font-family:serif;font-size:25px;letter-spacing:5px;color:var(--gold);text-decoration:none}#brand small{font:11px system-ui;letter-spacing:3px;display:block;color:var(--muted);margin-top:5px}nav{display:flex;gap:10px}small,.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-family:serif;font-size:42px;font-weight:500;letter-spacing:3px;line-height:1.35}h2{font-family:serif;font-size:25px;font-weight:500}h3{font-size:15px;font-weight:500}p{line-height:1.8}section{padding:24px 0}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px;margin-bottom:12px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.intro p{margin-bottom:6px}.currency{display:flex;gap:22px;white-space:nowrap}.currency strong{font-family:serif;font-size:30px;color:var(--gold);font-weight:400}.currency small{display:block;font-size:11px}.tabs{display:flex;gap:7px;margin:25px 0;border-bottom:1px solid var(--line);padding-bottom:14px;flex-wrap:wrap}.tabs button.active{border-color:var(--gold);color:var(--gold)}.chapters{display:flex;gap:10px;flex-wrap:wrap}.chapters button{text-align:left;min-width:160px}.chapters button.active{background:#334d44;border-color:var(--gold)}.chapters small{display:block;margin-top:5px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.hero-card{position:relative;background:linear-gradient(155deg,#243c35,#14262a 70%);border:1px solid #405b50;border-radius:10px;overflow:hidden;padding:24px}.hero-card::before{content:'';position:absolute;width:150px;height:150px;right:-50px;top:-40px;border:1px solid #dac38c14;border-radius:50%}.hero-card h2{font-size:29px;margin:10px 0}.hero-card p{font-size:13px}.hero-card .sigil{font-family:serif;font-size:54px;line-height:1.4;display:block;color:var(--accent);border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:12px}.pill{display:inline-block;border:1px solid #4b6259;border-radius:20px;padding:3px 9px;font-size:10px;color:var(--accent,var(--gold))}.trait{min-height:73px;border-top:1px solid var(--line);padding-top:14px}.trait strong{display:block;color:var(--accent);margin-bottom:7px;font-weight:500}.hero-card button{width:100%;margin-top:8px}.panel{padding:22px;border:1px solid var(--line);background:#182a2b;border-radius:9px;margin:14px 0}.panel p:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid .panel{margin:0}progress{accent-color:#b6c897;width:100%;height:7px;border:0}progress::-webkit-progress-bar{background:#243839;border-radius:4px}progress::-webkit-progress-value{background:#9bbf9c;border-radius:4px}.list-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:13px;align-items:center}.list-row:last-child{border:0}.list-row p{margin:0}.list-row small{display:block}.battle-layout{display:grid;grid-template-columns:1fr minmax(300px,420px) 1fr;gap:24px}.stage{min-width:0}#build,#guide{padding-top:18px}#build h3,#guide h3{color:var(--gold);letter-spacing:2px}.slot{border:1px solid var(--line);border-radius:6px;padding:10px;margin:8px 0;font-size:12px}.slot small{display:block;margin-top:5px;font-size:10px}.slot.empty{color:#627d74;border-style:dashed}.bond{font-size:12px;line-height:1.7;margin:10px 0}.bond.active{color:var(--gold)}.canvas-wrap{position:relative;width:100%;aspect-ratio:3/5}canvas{display:block;width:100%;height:100%;background:#14292b;border:1px solid #496154;border-radius:8px;touch-action:none}#hud{font-size:12px;margin-bottom:12px}.hud-row{display:flex;justify-content:space-between;margin-bottom:8px}#hud .hp{height:6px;background:#293b36;border-radius:3px;overflow:hidden;margin-bottom:7px}#hud .hp span{display:block;background:#a1c696;height:100%;transition:width .12s}#hud .xp{height:3px;background:#293b36}#hud .xp span{display:block;background:var(--gold);height:100%}.toolbar{display:flex;justify-content:space-between;gap:6px;margin-top:12px}.toolbar button{padding:9px 10px;font-size:12px}#toast{position:absolute;top:16px;left:10px;right:10px;text-align:center;pointer-events:none;background:#102125df;padding:9px;font-size:12px;border-radius:5px;color:var(--gold)}#toast:empty{display:none}.controls{font-size:12px;color:var(--muted);line-height:2}kbd{display:inline-block;border:1px solid #4e6459;padding:0 7px;border-radius:3px;margin:2px;color:#cbd8ca}footer{text-align:center;color:#667e77;font-size:11px;padding:25px}dialog{color:#e1e9df;background:#182b2c;border:1px solid #667a61;border-radius:12px;padding:30px;width:min(530px,94vw);max-height:85dvh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#061217cf;backdrop-filter:blur(4px)}dialog h2{color:var(--gold)}dialog p{font-size:13px}dialog button.choice{display:block;text-align:left;width:100%;margin-top:10px;padding:16px;background:#203c35}dialog .choice strong{display:block;font-size:16px;margin:8px 0}dialog .choice small{font-size:12px;line-height:1.7}dialog .actions{display:flex;gap:10px;margin-top:22px}dialog .actions button{flex:1}dialog label{display:flex;align-items:center;gap:10px;margin:20px 0;font-size:14px}dialog input[type=checkbox]{accent-color:#9fbb83;width:18px;height:18px}.reward-grid{display:flex;justify-content:space-around;text-align:center;border-block:1px solid var(--line);padding:20px 0;margin:18px 0}.reward-grid strong{font:30px serif;color:var(--gold);display:block}.reward-grid small{font-size:11px}.damage-bar{height:6px;background:#273d38;margin:5px 0 14px;border-radius:4px}.damage-bar span{display:block;height:100%;background:#97bab0}#global-notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d9c58f;color:#182d25;border-radius:8px;padding:12px 20px;font-size:13px;box-shadow:0 8px 24px #0008;z-index:10}#global-notice:empty{display:none}.warning{color:#efb386}select{background:#203b33;color:#e1e9df;border:1px solid var(--line);padding:8px;border-radius:5px}.legacy{font-size:12px;color:var(--gold)}[hidden]{display:none!important}
@media(max-width:960px){.battle-layout{grid-template-columns:1fr minmax(300px,420px)}#guide{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){main{padding:0 16px}header{padding:16px 0}#brand{font-size:22px}nav button{padding:8px;font-size:11px}h1{font-size:32px}.intro{display:block}.currency{margin:18px 0}.currency strong{font-size:25px}.cards{grid-template-columns:1fr}.hero-card{padding:18px}.hero-card .sigil{float:right;border:0;font-size:45px;margin:0}.trait{min-height:0}.hero-card h2{font-size:24px}.hero-card p{margin-bottom:10px}.grid{grid-template-columns:1fr}.battle-layout{display:block}.canvas-wrap{max-height:68dvh;aspect-ratio:3/5;width:auto;margin:auto}#build{display:none}.stage{max-width:420px;margin:auto}.chapters button{min-width:0;flex:1;font-size:12px;padding:10px}.chapters small{font-size:10px}.toolbar button{font-size:11px}dialog{padding:22px}.intro .muted{font-size:13px}.panel{padding:16px}.tabs{margin:18px 0}.tabs button{font-size:12px;padding:9px}}