:root{color-scheme:dark;--bg:#102422;--panel:#18352f;--ink:#f2eedb;--muted:#a9b9a6;--line:#405449;--gold:#e8bf72;--green:#a8cbaa;--bad:#f39378;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:15px;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0,#34544180,transparent 55%),radial-gradient(ellipse at 100% 70%,#60725522,transparent 60%),var(--bg);min-height:100vh}button,a{touch-action:manipulation}button,input{font:inherit}button,.button{background:#29473c;border:1px solid #5c715a;color:var(--ink);border-radius:8px;padding:10px 15px;cursor:pointer;text-decoration:none;line-height:1.5;display:inline-block}button:hover:not(:disabled),.button:hover{background:#3d5b43;border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button.primary{background:var(--gold);color:#20312a;border-color:var(--gold);font-weight:700}button.quiet{background:transparent;border-color:transparent}.small{font-size:.82rem}.muted,small{color:var(--muted)}a{color:var(--gold)}h1,h2,h3,p{margin:0}h1,h2{font-family:Noto Serif SC,Georgia,serif}h1{font-size:clamp(28px,3vw,45px);line-height:1.35}h2{font-size:24px}h3{font-size:17px}p{line-height:1.7}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:10px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:50;background:var(--bg);padding:12px}#campaign{max-width:1540px;margin:auto;padding:24px 40px 60px}.topbar,.row,.section-head,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topbar{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.brand{font-family:Georgia,serif;letter-spacing:.15em;font-size:23px;color:var(--ink);text-decoration:none}.brand span{font-size:11px;color:var(--gold);display:block;margin-top:3px}.topbar .actions{gap:8px}.hero{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px}.hero p{max-width:640px;color:var(--muted);margin-top:13px}.stat-group{display:flex;gap:30px;flex-shrink:0}.stat strong{display:block;font-family:Georgia,serif;font-size:32px;color:var(--gold)}.stat small{font-size:11px}.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tabs button.active{background:#e8bf7220;border-color:var(--gold);color:var(--gold)}.camp-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#223d32b0,#18322bc0);padding:23px}.section-head{justify-content:space-between;margin-bottom:18px}.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.stage{text-align:left;padding:19px;min-height:165px;position:relative;background:#152e29;border-radius:12px}.stage.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.stage .number{display:block;font:32px Georgia,serif;color:#a1b298;margin-bottom:22px}.stage small{display:block;margin-top:8px}.stage .badge{position:absolute;right:14px;top:16px;font-size:10px;color:var(--gold)}.stage.boss{background:linear-gradient(135deg,#4f4b2c,#243c32)}.stage-info{margin-top:20px}.stage-info p{margin:10px 0}.team{display:grid;gap:10px}.team-slot{display:flex;align-items:center;gap:12px;padding:10px;background:#102a24;border:1px solid var(--line);border-radius:9px}.team-slot .portrait{width:65px;flex-shrink:0}.team-slot .info{min-width:0;flex:1}.team-slot strong{display:block;font-size:15px}.team-slot .controls{display:flex;gap:5px;margin-top:6px}.team-slot button{padding:2px 9px;font-size:12px}.full{width:100%}.spaced{margin-top:18px}.note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px}.portrait{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#203a32}.portrait img{width:100%;height:100%;display:block;object-fit:cover}.portrait.sprite{background-size:300% 400%;background-repeat:no-repeat}.collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.spirit{padding:9px;background:#18322b;border:1px solid var(--line);border-radius:12px;min-width:0}.spirit.selected{border-color:var(--gold)}.spirit.locked .portrait{filter:grayscale(.75);opacity:.6}.spirit .inspect{padding:0;display:block;width:100%;border:0;background:transparent;text-align:left}.spirit h3{margin-top:10px;font-size:15px}.spirit p{font-size:11px;min-height:35px;color:var(--muted)}.spirit .pick{padding:6px;width:100%;margin-top:8px;font-size:12px}.spirit .tag{font-size:10px;color:var(--gold);margin:7px 0 2px}.notice{padding:12px 16px;border:1px solid var(--gold);background:#65533040;border-radius:10px;margin-bottom:20px;font-size:13px}.notice.error{border-color:var(--bad);color:#ffbea9}.boosts{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chip{padding:5px 9px;border:1px solid var(--line);border-radius:20px;font-size:11px;color:var(--green)}.battle-top{margin-bottom:18px}.battle-top h1{font-size:28px}.arena{display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:22px;align-items:start}.fighter{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px}.fighter .portrait{width:180px}.fighter .vitals{align-self:center}.fighter h2{font-size:25px;margin-bottom:5px}.hp{height:9px;background:#091d19;border-radius:20px;overflow:hidden;margin:10px 0}.hp span{display:block;height:100%;background:linear-gradient(90deg,#6c9e81,#c5d496)}.hp.low span{background:var(--bad)}.reserves{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.reserve{display:flex;align-items:center;gap:10px;text-align:left;padding:9px;background:#142d26}.reserve .portrait{width:43px;flex-shrink:0}.reserve strong{font-size:12px}.reserve small{display:block;font-size:11px}.intent{text-align:center;border:1px solid #9b8059;background:#5a4b282e;border-radius:12px;padding:18px 14px;min-height:180px}.intent h3{font-size:19px;margin:16px 0 8px}.intent p{font-size:12px}.energy{font:36px Georgia,serif;color:var(--gold);margin:15px 0}.moves{display:grid;gap:8px;margin-top:17px}.move{text-align:left;padding:11px 13px}.move strong{display:block}.move small{display:block;font-size:11px;line-height:1.6;margin-top:4px}.hand{display:flex;gap:10px;overflow-x:auto;padding-bottom:12px}.tactic{width:164px;min-width:164px;text-align:left;padding:10px}.tactic img{width:100%;height:72px;object-fit:cover;border-radius:5px;margin-bottom:7px}.tactic strong{font-size:13px;display:block}.tactic small{font-size:11px;display:block;line-height:1.5}.battle-bottom{margin-top:22px}.battle-log{max-height:220px;overflow:auto;margin-top:12px;font-size:12px;line-height:1.8}.battle-log li{margin-bottom:5px}.reward{max-width:1040px;margin:auto}.reward .hero{justify-content:center;text-align:center;flex-direction:column;gap:12px}.reward .collection{grid-template-columns:repeat(4,minmax(0,1fr))}.reward .panel{margin-bottom:18px}.xp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.xp-item{padding:12px;border-radius:8px;background:#122e27}.xp-item strong{font-size:13px}.xp-item small{display:block;margin-top:4px}.choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-row button{padding:20px;text-align:left}.choice-row small{display:block;margin-top:10px}.modal{background:#16352e;color:var(--ink);border:1px solid #789076;border-radius:16px;width:min(1050px,94vw);max-height:90vh;padding:25px;overflow:auto}.modal::backdrop{background:#061914dc;backdrop-filter:blur(8px)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.form .portrait{width:100%;max-width:175px;margin:auto}.form h3{margin:14px 0 10px}.form p{font-size:12px;margin:8px 0}.form .tradeoff{color:var(--gold)}.rules{max-width:850px;line-height:1.8}.rules li{margin:13px 0}.pulse{animation:pulse .24s ease-out}@keyframes pulse{from{filter:brightness(1.4)}to{filter:brightness(1)}}footer{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.sticky{position:sticky;top:20px;align-self:start}.empty{padding:45px;text-align:center}
@media(min-width:1400px){.fighter{grid-template-columns:200px minmax(0,1fr)}.fighter .portrait{width:200px}.arena{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr)}}
@media(max-width:1150px){#campaign{padding:20px}.camp-layout{grid-template-columns:minmax(0,1fr) 290px}.collection{grid-template-columns:repeat(5,minmax(0,1fr))}.arena{grid-template-columns:minmax(0,1fr) 185px minmax(0,1fr);gap:12px}.fighter{grid-template-columns:120px minmax(0,1fr);gap:12px}.fighter .portrait{width:120px}.fighter h2{font-size:20px}.panel{padding:17px}}
@media(max-width:850px){.camp-layout{grid-template-columns:1fr}.sticky{position:static}.hero{align-items:flex-start}.stat-group{gap:15px}.collection{grid-template-columns:repeat(4,minmax(0,1fr))}.arena{grid-template-columns:1fr 1fr}.intent{grid-column:1/-1;grid-row:1;min-height:0;display:flex;gap:12px;align-items:center;justify-content:center}.intent h3{margin:0}.reserves{grid-template-columns:1fr}.fighter{grid-template-columns:100px minmax(0,1fr)}.fighter .portrait{width:100px}.form-grid{gap:12px}.reward .collection{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){#campaign{padding:15px}.hero{flex-direction:column;gap:15px}.stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{min-height:140px;padding:14px}.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.arena{gap:8px}.fighter{display:block}.fighter .portrait{width:100%;max-width:140px;margin:auto}.fighter h2{font-size:17px;margin-top:10px}.arena .panel{padding:10px}.fighter p{font-size:11px}.moves .move{padding:8px;font-size:12px}.move small{font-size:10px}.intent{flex-wrap:wrap;font-size:12px}.form-grid{grid-template-columns:1fr}.form{border-top:1px solid var(--line);padding-top:20px}.xp-list,.choice-row{grid-template-columns:1fr}.reward .collection{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:12px;margin-bottom:20px}.topbar .actions button,.topbar .actions .button{font-size:12px;padding:6px 10px}.reserves .reserve{padding:6px;gap:5px}.reserve .portrait{width:30px}.reserve strong{font-size:10px}}
.combat-unit{position:relative;min-width:0}.combat-float{pointer-events:none;position:absolute;z-index:5;left:50%;top:20%;white-space:nowrap;background:#39211ee8;color:#ffcfb4;border:1px solid #d79377;border-radius:14px;padding:4px 9px;font-size:14px;font-weight:700;box-shadow:0 3px 12px #0008}.combat-float.positive{background:#14372fe8;color:#c7eac0;border-color:#9cbf91}[aria-busy=true] [data-do=battle]{cursor:wait;opacity:.65}.modal input[type=file]{display:block;width:100%;max-width:100%;margin-top:10px}.modal .notice{margin-top:15px}.reserve span{min-width:0}.reserve strong,.fighter h2{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}