:root{--bg-dark: #090e17;--panel-bg: rgba(15, 23, 42, .88);--border-gold: rgba(245, 158, 11, .55);--gold: #fbbf24;--blue: #3b82f6;--red: #ef4444;--green: #22c55e;--text-light: #f8fafc;--text-muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body,#app{width:100vw;height:100vh;overflow:hidden;background:var(--bg-dark);color:var(--text-light);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;touch-action:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%}.screen.active{display:block}.hidden{display:none!important}#world-canvas-container,#city-canvas-container,#three-canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#world-labels-container,#city-labels-container,#unit-labels-container,#floating-texts-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.hero-avatar-hud{position:fixed;top:10px;left:12px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0f172af0,#1e293be0);border:1.5px solid var(--border-gold);border-radius:16px;padding:6px 10px 6px 8px;z-index:35;box-shadow:0 8px 24px #000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar-portrait-box{position:relative;width:52px;height:52px;border-radius:14px;background:radial-gradient(circle at 35% 30%,#3b82f6,#1e3a8a);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 12px #fbbf2473;transition:transform .12s ease}.avatar-portrait-box:active,.avatar-portrait-box:hover{transform:scale(1.05)}.avatar-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.avatar-lvl-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#d97706,#92400e);color:#fff;font-size:10px;font-weight:900;padding:1px 6px;border-radius:99px;border:1px solid #fde68a;white-space:nowrap}.avatar-red-dot{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;box-shadow:0 0 8px #ef4444;animation:pulseDot 1.3s infinite ease-in-out}@keyframes pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.avatar-stats-col{display:flex;flex-direction:column;gap:4px;min-width:156px}.avatar-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.avatar-name{font-size:13.5px;font-weight:900;color:#fef3c7}.avatar-rank-pill{font-size:10.5px;font-weight:800;color:#93c5fd;background:#2563eb47;border:1px solid rgba(96,165,250,.5);padding:1px 7px;border-radius:99px}.avatar-bars{display:flex;flex-direction:column;gap:3px}.mini-bar{position:relative;height:12px;background:#090e17e6;border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.mini-bar-fill{height:100%;width:100%;transition:width .15s ease}.mini-bar.hp .mini-bar-fill{background:linear-gradient(90deg,#16a34a,#4ade80)}.mini-bar.mp .mini-bar-fill{background:linear-gradient(90deg,#2563eb,#38bdf8)}.mini-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.avatar-res-row{display:flex;align-items:center;gap:8px;font-size:11px}.res-chip{color:#cbd5e1}.res-chip.gold b{color:var(--gold)}.res-chip.troops b{color:#60a5fa}.res-chip.merit b{color:#f472b6}.hud-menu-trigger-btn{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:1px solid #fde68a;border-radius:10px;padding:7px 9px;font-size:11.5px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px #0006}.hud-menu-trigger-btn:active{transform:scale(.95)}.joystick-zone{position:fixed;bottom:18px;left:20px;width:156px;height:156px;display:flex;align-items:center;justify-content:center;z-index:35;touch-action:none;cursor:grab}.joystick-base{position:relative;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle,#0f172a59,#0f172ab8 72%,#fbbf2438);border:2px solid rgba(251,191,36,.48);box-shadow:0 6px 24px #0000008c,inset 0 0 18px #3b82f638;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,box-shadow .15s ease}.joystick-base.active{border-color:#fbbf24d9}.joystick-base.sprinting{border-color:#38bdf8;box-shadow:0 0 24px #38bdf8a6,inset 0 0 22px #38bdf866}.joystick-ring-hint{position:absolute;top:7px;font-size:9px;font-weight:700;color:#fde68aad;pointer-events:none;letter-spacing:.5px}.joystick-stick{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fde68a,#d97706 70%,#78350f);border:2px solid #fffbeb;box-shadow:0 4px 14px #000000b3;pointer-events:none;transition:transform .04s linear}.world-minimap-panel{position:absolute;top:10px;right:12px;width:196px;background:var(--panel-bg);border:1.5px solid var(--border-gold);border-radius:14px;padding:7px;z-index:25;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.minimap-header{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:800;color:var(--gold);margin-bottom:5px}.mini-icon-btn{background:#1e293be6;border:1px solid rgba(251,191,36,.4);color:#fef3c7;border-radius:6px;padding:1px 6px;font-size:12px;cursor:pointer}#world-minimap{width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.16);display:block}.minimap-news{margin-top:5px;font-size:10.5px;color:#e2e8f0;line-height:1.35;max-height:30px;overflow:hidden}.world-mobile-actions{position:absolute;bottom:22px;right:22px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:28}.world-prox-toast{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1.5px solid var(--gold);border-radius:99px;padding:6px 16px;font-size:13px;font-weight:800;color:#fef3c7;box-shadow:0 6px 20px #000000a6;max-width:310px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.world-action-btns{display:flex;align-items:center;gap:14px}.mobile-round-btn{width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:0 8px 24px #000000b8;transition:transform .1s ease}.mobile-round-btn:active{transform:scale(.92)}.mobile-round-btn.primary{background:radial-gradient(circle at 30% 30%,#f59e0b,#b45309 75%,#78350f);border:3px solid #fef08a;color:#fff}.mobile-round-btn.danger{background:radial-gradient(circle at 30% 30%,#ef4444,#991b1b 78%,#450a0a);border:3px solid #fecaca;color:#fff}.m-icon{font-size:24px}.m-txt{font-size:11.5px;font-weight:900;text-shadow:0 1px 2px #000}.world-node-label,.city-building-label{position:absolute;left:0;top:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;text-shadow:0 1px 3px rgba(0,0,0,.95);white-space:nowrap}.wn-badge{font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;color:#fff}.wn-name{font-size:12.5px;font-weight:800;color:#fff;background:#0f172acc;padding:2px 8px;border-radius:6px;border:1px solid rgba(251,191,36,.5)}.wn-sub{font-size:10px;color:#fde68a;background:#0f172ac7;padding:1px 6px;border-radius:4px}.world-node-label.player-label .wn-name{background:#2563ebe6;border-color:#93c5fd}.world-node-label.hermit-label .wn-name{background:linear-gradient(135deg,#581c87eb,#1e3a8aeb);border-color:#fde047;color:#fef08a;box-shadow:0 0 12px #facc1573}.city-building-label{pointer-events:auto;cursor:pointer}.cb-icon{font-size:18px}.cb-title{font-size:13px;font-weight:800;color:#fef3c7;background:#0f172adb;padding:3px 10px;border-radius:8px;border:1px solid var(--gold)}.cb-hint{font-size:10px;color:#93c5fd}.city-top-bar{position:absolute;top:10px;right:12px;left:382px;background:linear-gradient(135deg,#0f172ae6,#1e293bd6);border:1.5px solid var(--border-gold);border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;z-index:25;flex-wrap:wrap;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.city-header-info{display:flex;align-items:center;gap:8px}.faction-tag{background:#2563eb;color:#fff;font-weight:800;font-size:11px;padding:2px 8px;border-radius:6px}.city-header-info h2{font-size:15px;color:#fef3c7}.city-quick-facilities{display:flex;gap:6px;flex-wrap:wrap}.city-fac-btn{background:#1e293beb;color:#fef3c7;border:1px solid var(--border-gold);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer}.city-fac-btn:active,.city-fac-btn:hover{background:#d9770659}.city-fac-btn.exit{background:#b91c1ce0;border-color:#fca5a5;color:#fff}.battle-top-hud{position:absolute;top:10px;left:382px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:25;pointer-events:none}.battle-center-banner{display:flex;flex-direction:column;gap:6px;background:var(--panel-bg);border:1.5px solid var(--border-gold);padding:7px 12px;border-radius:14px;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.battle-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode-badge{font-size:13px;font-weight:900;color:var(--gold)}.retreat-mini-btn{background:#b91c1cd9;color:#fff;border:1px solid #fca5a5;padding:2px 9px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer}.mobile-squad-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sq-pill-group{display:flex;align-items:center;gap:3px;background:#0f172ac7;border:1px solid rgba(148,163,184,.25);padding:3px 6px;border-radius:8px}.sq-tag{font-size:11px;font-weight:800;color:#e2e8f0;margin-right:2px}.sq-tag b{color:#60a5fa;margin-left:2px}.sq-cmd-btn,.all-cmd-btn{background:#1e293bf2;color:#cbd5e1;border:1px solid rgba(148,163,184,.35);padding:3px 6px;border-radius:5px;font-size:11px;font-weight:800;cursor:pointer}.sq-cmd-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#93c5fd}.all-cmd-btn:active,.all-cmd-btn:hover{border-color:var(--gold);color:var(--gold)}.hud-card.enemy-card{width:230px;background:var(--panel-bg);border:1.5px solid var(--border-gold);border-radius:14px;padding:8px 12px;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-card-title{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:800;margin-bottom:5px}.troop-pill.enemy{background:#dc262659;border:1px solid #f87171;color:#fecaca;padding:1px 7px;border-radius:99px;font-size:10.5px}.bar-row{display:flex;align-items:center;gap:6px;margin-top:4px}.bar-label{width:28px;font-size:10.5px;font-weight:700;color:#cbd5e1}.progress-bar{flex:1;height:13px;background:#0f172aeb;border-radius:99px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.16)}.progress-fill{height:100%;width:100%;transition:width .15s ease}.enemy-hp-bar .progress-fill{background:linear-gradient(90deg,#dc2626,#f87171)}.gate-hp-bar .progress-fill{background:linear-gradient(90deg,#d97706,#fbbf24)}.progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.mobile-combat-wheel{position:absolute;bottom:18px;right:20px;width:245px;height:235px;z-index:30;pointer-events:none}.wheel-main-atk-btn{position:absolute;bottom:8px;right:8px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f59e0b,#b45309 70%,#78350f);border:3.5px solid #fef08a;box-shadow:0 8px 28px #000c,0 0 20px #f59e0b73;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;pointer-events:auto;transition:transform .08s ease}.wheel-main-atk-btn:active{transform:scale(.9)}.wheel-main-atk-btn.bow-mode{background:radial-gradient(circle at 32% 30%,#38bdf8,#1d4ed8 72%,#1e3a8a);border-color:#bae6fd;box-shadow:0 8px 28px #000c,0 0 22px #38bdf88c}.atk-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.atk-txt{font-size:12px;font-weight:900;text-shadow:0 1px 3px #000}.wheel-skill-btn{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1e3a8af2,#0f172af5);border:2px solid var(--gold);box-shadow:0 6px 16px #000000bf;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .1s ease}.wheel-skill-btn:active{transform:scale(.9)}.wheel-skill-btn.pos-1{bottom:12px;right:126px}.wheel-skill-btn.pos-2{bottom:72px;right:116px}.wheel-skill-btn.pos-3{bottom:118px;right:72px}.wheel-skill-btn.pos-4{bottom:128px;right:10px}.sk-icon{font-size:18px;line-height:1}.sk-name{font-size:10.5px;font-weight:900;color:#fef3c7}.wheel-skill-btn small{font-size:8.5px;color:#93c5fd;font-weight:700}.wheel-sub-btn.weapon-switch{position:absolute;bottom:8px;right:194px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid #38bdf8;color:#e0f2fe;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 4px 14px #000000b3;font-size:10px;font-weight:800}.wheel-sub-btn.weapon-switch:active{transform:scale(.9)}.unit-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.unit-label-name{font-size:11px;font-weight:800;color:#fff;background:#0f172acc;padding:1px 6px;border-radius:4px;text-shadow:0 1px 2px #000}.unit-hp-bar{width:34px;height:5px;background:#000000bf;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.25)}.general-label .unit-hp-bar{width:64px;height:7px}.team-player .unit-hp-fill{height:100%;width:100%;background:#3b82f6}.team-enemy .unit-hp-fill{height:100%;width:100%;background:#ef4444}.gate-hp-fill{height:100%;width:100%;background:#f59e0b}.floating-dmg{position:absolute;font-weight:900;font-size:15px;pointer-events:none;animation:floatUp .85s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.95)}.dmg-player-atk{color:#fde047}.dmg-crit{color:#fb923c;font-size:19px}.floating-crit{font-size:22px!important;color:#fb923c!important;text-shadow:0 0 10px rgba(251,146,60,.85),0 2px 4px rgba(0,0,0,.95)!important;z-index:50!important}.dmg-skill{color:#38bdf8;font-size:18px}.dmg-enemy-atk{color:#f87171}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-38px) scale(1.1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:60}.modal-backdrop.side-drawer{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:64px 14px 14px}.modal-backdrop.side-drawer .facility-dialog{width:min(392px,43vw);max-height:calc(100vh - 82px);background:#0f172adb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}@media(max-width:740px){.modal-backdrop.side-drawer .facility-dialog{width:min(360px,88vw);max-height:68vh}}.v5-showcase-btn{background:linear-gradient(135deg,#d97706,#9333ea)!important;border-color:#fde68a!important;color:#fff!important}.facility-dialog{width:min(880px,95vw);max-height:88vh;background:#0f172a;border:2px solid var(--gold);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #000000e0}.facility-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#1e293bf5;border-bottom:1px solid var(--border-gold)}.facility-header h2{font-size:18px;color:#fef3c7}.modal-close-btn{background:#0f172acc;border:1px solid #64748b;color:#cbd5e1;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px}.facility-tabs{display:flex;gap:6px;padding:8px 16px;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.fac-tab-btn{background:#0f172a;color:#cbd5e1;border:1px solid #334155;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:800;cursor:pointer}.fac-tab-btn.active{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border-color:#fde68a}.facility-body{padding:14px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.info-card{background:#1e293be0;border:1px solid rgba(148,163,184,.28);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:7px}.info-card h3{font-size:14.5px;color:#fef3c7}.info-card p{font-size:12px;color:#cbd5e1;line-height:1.45}.card-btn-row{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap}.ui-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:1px solid #60a5fa;padding:6px 11px;border-radius:8px;font-size:11.5px;font-weight:800;cursor:pointer}.ui-btn.gold{background:linear-gradient(135deg,#d97706,#b45309);border-color:#fde68a}.ui-btn.danger{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#fca5a5}.ui-btn:disabled{opacity:.42;cursor:not-allowed}.encounter-dialog{width:min(440px,92vw);background:#0f172a;border:2px solid var(--gold);border-radius:16px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px #000000e0}.encounter-badge{align-self:center;background:#dc262640;color:#fca5a5;border:1px solid #ef4444;padding:3px 12px;border-radius:99px;font-size:11.5px;font-weight:800}.encounter-dialog h2{font-size:20px;color:#fef3c7}.encounter-dialog p{font-size:13.5px;color:#cbd5e1;line-height:1.55}.encounter-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.enc-btn{padding:10px 14px;border-radius:10px;font-size:13.5px;font-weight:800;cursor:pointer;border:none}.enc-btn.primary{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:1px solid #fca5a5}.enc-btn.duel{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:1px solid #fde68a}.enc-btn.secondary{background:#1e293b;color:#cbd5e1;border:1px solid #475569}#toast-container{position:fixed;top:78px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100;pointer-events:none}.toast-msg{background:#0f172af2;color:#fef3c7;border:1.5px solid var(--gold);padding:7px 16px;border-radius:99px;font-size:12.5px;font-weight:800;box-shadow:0 6px 20px #0009;white-space:nowrap}@media(max-width:1100px){.city-top-bar,.battle-top-hud{left:12px;top:84px}.world-minimap-panel{width:155px}}.hud-capsule{border-radius:18px;padding:5px 9px 5px 7px;gap:7px;background:linear-gradient(135deg,#0f172aeb,#1e293bd9);box-shadow:0 6px 20px #00000094}.hud-capsule .avatar-stats-col{min-width:142px;gap:3px}.hud-btn{border-radius:10px;padding:6px 9px;font-size:11px;font-weight:800;letter-spacing:.2px;transition:transform .12s ease,filter .12s ease}.hud-btn:hover{filter:brightness(1.08)}.npc-dialogue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:0 18px 26px;background:radial-gradient(circle at 50% 85%,#02061785,#0206172e);z-index:75;pointer-events:auto}.npc-dialogue-card{width:min(640px,94vw);background:linear-gradient(160deg,#0f172af5,#1e293bf0);border:2px solid var(--gold);border-radius:18px;padding:16px 20px;box-shadow:0 18px 48px #000000d9,inset 0 0 24px #fbbf241f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;animation:dialogueSlideUp .16s ease-out}@keyframes dialogueSlideUp{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.npc-dialogue-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(251,191,36,.28);padding-bottom:10px}.npc-dialogue-portrait{width:48px;height:48px;border-radius:14px;background:radial-gradient(circle at 35% 30%,#1e3a8a,#0f172a);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:inset 0 0 10px #fbbf2459}.npc-dialogue-meta{display:flex;flex-direction:column;gap:2px;flex:1}.npc-dialogue-title{font-size:11px;font-weight:800;color:#fde68a;background:#d9770640;border:1px solid rgba(251,191,36,.45);padding:1px 8px;border-radius:99px;align-self:flex-start}.npc-dialogue-speaker{font-size:16.5px;font-weight:900;color:#fef3c7}.npc-dialogue-close{background:#0f172acc;border:1px solid #64748b;color:#cbd5e1;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px}.npc-dialogue-text{font-size:14px;line-height:1.6;color:#f1f5f9;background:#090e178c;border-left:3px solid var(--gold);padding:10px 14px;border-radius:8px}.npc-dialogue-options{display:flex;flex-direction:column;gap:7px}.npc-dialogue-opt-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:linear-gradient(135deg,#1e293bf0,#0f172af0);border:1px solid rgba(251,191,36,.45);color:#fef3c7;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .1s ease,border-color .12s ease,background .12s ease}.npc-dialogue-opt-btn:hover,.npc-dialogue-opt-btn:active{border-color:var(--gold);background:linear-gradient(135deg,#d9770652,#1e293bf5);transform:translate(3px)}.npc-opt-key{font-size:11px;color:#fbbf24;font-weight:900;min-width:22px}.npc-opt-label{flex:1}.npc-opt-badge{font-size:10.5px;padding:2px 8px;border-radius:99px;background:#2563eb59;border:1px solid #60a5fa;color:#bfdbfe}