:root{--bg: #0d0f14;--bg2: #14161d;--panel: #1b1d26;--panel2: #22242f;--line: #6d5a2e;--line-soft: #3b3423;--gold: #d8b25c;--gold-dim: #9c8140;--ink: #e8e0c9;--ink-dim: #9a9483;--hp: #d4574a;--hp-low: #b03a30;--green: #7fae62;--num-font: ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 50% -100px,#1a1d2b 0%,transparent 65%),radial-gradient(900px 600px at 100% 100%,#131722 0%,transparent 60%),var(--bg);color:var(--ink);font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:15px;line-height:1.55;min-height:100vh}#app{max-width:860px;margin:0 auto;padding:14px 14px 60px}h1,h2,h3{font-weight:700;letter-spacing:1px}h1{font-size:22px;margin:0;color:var(--gold);text-shadow:0 0 24px rgba(216,178,92,.18)}h2{font-size:17px;margin:0 0 10px;color:var(--gold)}a{color:var(--gold)}.panel{background:linear-gradient(180deg,var(--panel2) 0%,var(--panel) 100%);border:1px solid var(--line-soft);border-radius:10px;padding:14px;box-shadow:0 6px 24px #00000059,inset 0 0 0 1px #d8b25c0d}.panel.gold{border-color:var(--line)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-soft),transparent);margin:12px 0}.btn{appearance:none;background:linear-gradient(180deg,#2c2a22,#23211b);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:14px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,filter .15s;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.15);box-shadow:0 0 12px #d8b25c26}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#8a6d33,#6b5426);border-color:var(--gold);color:#fff6df;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn.small{padding:5px 10px;font-size:13px}.btn.danger{border-color:#7b3a34;color:#f0b9b0}input[type=text],select{background:#101219;border:1px solid var(--line-soft);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:15px;width:100%;outline:none}input[type=text]:focus{border-color:var(--gold-dim);box-shadow:0 0 0 2px #d8b25c1f}input::placeholder{color:#5e5b52}.hpwrap{background:#0b0c11;border:1px solid #2c2820;border-radius:6px;height:12px;overflow:hidden;position:relative}.hpbar{height:100%;background:linear-gradient(90deg,var(--hp-low),var(--hp));transition:width .4s ease;border-radius:5px 0 0 5px}.hpbar.green{background:linear-gradient(90deg,#567a44,var(--green))}.hptext{font-size:11px;color:var(--ink-dim);font-family:var(--num-font);margin-top:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line-soft);background:#171922;border-radius:18px;padding:5px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--ink-dim);transition:all .15s}.chip.on{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #d8b25c1f;background:#241f14}.chip-off{opacity:.6}.avatar{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;background:radial-gradient(circle at 50% 40%,#2a2618,#16171f 70%);border:1px solid var(--line);border-radius:50%;flex:none}.avatar.sm{width:42px;height:42px;font-size:22px}.avatar.xl{width:74px;height:74px;font-size:42px}.avatar .dot{display:none}.avatar.dead{filter:grayscale(1) brightness(.6)}.stage{position:relative;border-radius:12px;border:1px solid var(--line);min-height:190px;padding:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.stage h2{font-size:20px}.stage .scene{position:absolute;inset:0;font-size:34px;letter-spacing:22px;line-height:2.3;opacity:.22;filter:saturate(.8) blur(.4px);pointer-events:none;white-space:pre-wrap;overflow:hidden}.rg-town .stage-bgr{background:linear-gradient(160deg,#3a2c18,#191614 80%)}.rg-forest{background:linear-gradient(160deg,#14281a,#0e1410 85%)!important}.rg-mine{background:linear-gradient(160deg,#23203a,#141320 85%)!important}.rg-town{background:linear-gradient(160deg,#3a2c18,#191614 85%)!important}.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,10,14,.65) 100%);pointer-events:none}.region-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.region-card{border:1px solid var(--line-soft);background:#15171f;padding:8px 6px;border-radius:8px;text-align:center;cursor:pointer;font-size:12px;color:var(--ink-dim);transition:all .15s}.region-card .ic{display:block;font-size:20px;margin-bottom:2px}.region-card.on{border-color:var(--gold);color:var(--gold);background:#221d12}.region-card.disabled{opacity:.4;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.log{max-height:240px;overflow-y:auto;font-size:13px}.log .item{padding:3px 0;border-bottom:1px dashed #2a271f;opacity:0;animation:fadein .4s forwards}.log .item .time{color:#6b675b;font-size:11px;margin-right:6px;font-family:var(--num-font)}.log .item.battle{color:#e9a08e}.log .item.gather{color:#a8c79a}.bubble{background:#21232e;border:1px solid var(--line-soft);border-radius:10px;padding:8px 12px;font-size:13px;margin-top:8px;position:relative;opacity:0;animation:fadein .5s forwards}.bubble .who{color:var(--gold);font-size:12px;margin-right:6px}.bubble .tagai{font-size:10px;color:#7d95b8;border:1px solid #33405a;padding:0 5px;border-radius:8px;margin-left:6px}@keyframes fadein{to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}.shake{animation:shake .35s ease}@keyframes popfade{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1.15)}}.dmg-float{position:absolute;top:6px;left:50%;transform:translate(-50%);color:#ff9d8a;font-weight:700;font-family:var(--num-font);animation:popfade 1s ease forwards;pointer-events:none;font-size:15px}.battle-overlay{position:fixed;inset:0;z-index:50;background:#05060ad1;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:12px}.battle-box{width:100%;max-width:600px}.fighters{display:grid;grid-template-columns:repeat(var(--n, 3),1fr);gap:10px}.fighter{position:relative;background:#191b24;border:1px solid var(--line-soft);border-radius:10px;padding:12px 10px;text-align:center}.fighter .icon{font-size:40px;display:block;margin-bottom:6px}.fighter .nm{font-size:13px;margin-bottom:6px}.fighter.foe{border-color:#5d3a35}.vstext{color:var(--gold-dim);font-family:var(--num-font);font-size:12px}.embedded{grid-column:1}.battle-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.report{background:linear-gradient(180deg,#242118,#1a1712 90%);border:1px solid var(--gold-dim);border-radius:12px;max-width:640px;width:100%;max-height:86vh;overflow-y:auto;padding:22px;box-shadow:0 20px 80px #000000b3}.report h2{text-align:center;font-size:20px}.report .sub{text-align:center;color:var(--ink-dim);font-size:12px;margin-bottom:12px}.report .frame{border:1px solid var(--line-soft);border-radius:8px;padding:10px}.timelist{display:flex;flex-direction:column;gap:6px;font-size:13px}.timelist .tl{opacity:0;animation:fadein .4s forwards;display:flex;gap:8px;align-items:baseline}.timelist .ic{font-family:var(--num-font);flex:none}.report .gaingrid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.gain-item{border:1px solid var(--line-soft);border-radius:8px;padding:6px 10px;font-size:12px;background:#191712}.ai-badge{font-size:11px;color:#8fb7d8;border:1px solid #35506a;border-radius:8px;padding:0 6px;margin-left:6px}.lore{color:#cdbf98;font-size:13px;white-space:pre-wrap;background:#16130e;border-left:3px solid var(--gold-dim);padding:10px 12px;border-radius:6px;margin-top:10px}.lore-loading{color:var(--ink-dim);font-style:italic}.spin{display:inline-block;animation:rot 1s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.row{display:flex;align-items:center;gap:10px}.grow{flex:1}.muted{color:var(--ink-dim);font-size:12px}.num{font-family:var(--num-font);color:var(--gold)}.inv-grid{display:flex;flex-wrap:wrap;gap:6px}.inv-item{border:1px solid var(--line-soft);background:#171922;border-radius:8px;padding:4px 10px;font-size:12px}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.modal-mask{position:fixed;inset:0;z-index:60;background:#05060acc;display:flex;align-items:center;justify-content:center;padding:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.shopline{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #2a271f;font-size:14px}.shopline:last-child{border-bottom:0}.hero{padding:40px 10px;text-align:center}.hero .emblem{font-size:52px}.hero .sub{color:var(--ink-dim);max-width:500px;margin:10px auto 26px}.hero .enter{max-width:420px;margin:0 auto;display:grid;gap:10px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;background:linear-gradient(180deg,#191b24,#15161e);border:1px solid var(--line-soft);border-radius:10px}.topbar .tag{color:var(--ink-dim);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.grid2{grid-template-columns:1fr}.region-row{gap:6px}#app{padding:10px 10px 50px}}