:root{--color-bg-base: #0B0E11;--color-bg-panel: rgba(18, 22, 26, .92);--color-border-dark: #322A20;--color-border-gold: #967E52;--color-border-bright: #D4BA8A;--color-text-title: #EFE4CA;--color-text-main: #C8BFB4;--color-text-muted: #81786C;--color-primary: #6E2D24;--color-primary-hover: #8F3B2F;--color-secondary: #2C3E50;--color-accent: #E3B24F;--font-family-game: "STZhongsong", "SimSun", serif;--panel-shadow: 0 10px 30px rgba(0, 0, 0, .8), inset 0 0 0 1px rgba(255, 255, 255, .05)}html{height:-webkit-fill-available;height:100dvh;overflow:hidden}body{margin:0;padding:0;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);background-color:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-family-game);overflow:hidden;overscroll-behavior:none;background-image:radial-gradient(circle at 50% 0%,#281e1980,#0a0a0ae6 80%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" opacity="0.03"><path d="M0,0 L20,20 M20,0 L0,20" stroke="%23FFFFFF" stroke-width="1"/></svg>');background-size:cover,60px 60px;background-attachment:fixed}h1,h2,h3,h4,h5,h6{margin:0 0 12px;font-weight:400;color:var(--color-text-title);letter-spacing:1.5px;text-shadow:2px 2px 4px rgba(0,0,0,.9)}h3{font-size:1.3rem;border-bottom:1px solid rgba(150,126,82,.3);padding-bottom:6px;background:linear-gradient(90deg,var(--color-accent),#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000080;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-bright)}button{background:linear-gradient(to bottom,#2a241e,#181512);color:var(--color-text-title);border:1px solid var(--color-border-gold);padding:8px 20px;cursor:pointer;font-family:var(--font-family-game);font-size:1rem;font-weight:700;letter-spacing:1px;transition:all .2s cubic-bezier(.25,.8,.25,1);border-radius:2px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0009;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover:not(:disabled){background:linear-gradient(to bottom,var(--color-primary-hover),var(--color-primary));border-color:var(--color-border-bright);color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 4px 10px #000c,0 0 8px #e3b24f66}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #00000080}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border-dark);padding:20px;box-shadow:var(--panel-shadow);position:relative;border-radius:4px}.panel:before,.panel:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-border-gold) 20%,var(--color-border-gold) 80%,transparent 100%);pointer-events:none}.panel:before{top:0}.panel:after{bottom:0}.card-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:12px;transition:all .2s}.card-item:hover{background:#ffffff0f;border-color:var(--color-border-gold)}.log-panel{background:linear-gradient(to right,#141414f2,#1e1914e6);border-left:3px solid var(--color-border-gold)}.badge{display:inline-block;padding:2px 6px;border-radius:2px;background:#0009;border:1px solid rgba(255,255,255,.1);font-size:.8rem}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-accent{color:var(--color-accent)}.font-bold{font-weight:700}.log-item{margin-bottom:12px;padding:8px 12px;background:#0006;border-radius:4px;border-left:4px solid var(--color-border-dark);font-size:.95rem;line-height:1.6;transition:all .3s ease}.log-item:hover{background:#0009}.log-war{border-left-color:#f44336}.log-domestic{border-left-color:#4caf50}.log-diplomacy{border-left-color:#2196f3}.log-system{border-left-color:#9e9e9e}.log-newest{border-left-color:var(--color-accent);box-shadow:0 0 10px #e3b24f1a}@keyframes map-pulse-ring{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.army-marker>div:first-child{animation:army-pulse 2s ease-in-out infinite}@keyframes army-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes city-breath{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}.app-container{position:relative;display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar-container{padding:12px 24px}.topbar-date{font-size:1.8rem;letter-spacing:2px}.topbar-resources{padding:8px 20px;gap:20px}.topbar-resources-item{font-size:1.1rem}.topbar-buttons{gap:16px}.topbar-buttons button{font-size:.95rem;padding:10px 20px;margin-right:8px}.hud-panel-left{width:400px}.hud-panel-right{width:320px}@media(max-width:1024px){.hud-panel-left{width:300px}.hud-panel-right{width:260px}.topbar-container{padding:8px 12px}.topbar-date{font-size:1.4rem;letter-spacing:1px}.topbar-resources{padding:6px 12px;gap:12px}.topbar-resources-item{font-size:1rem}.topbar-buttons button{font-size:.85rem;padding:8px 12px;margin-right:4px}}@media(max-width:800px){.hud-panel-left{width:260px;opacity:.85}.hud-panel-right{width:220px;opacity:.85}.topbar-container{flex-wrap:wrap;justify-content:center;gap:10px;padding:8px}.topbar-date{font-size:1.2rem;letter-spacing:0px}.topbar-resources{padding:4px 8px;gap:8px;flex-wrap:wrap;justify-content:center}.topbar-resources-item{font-size:.9rem}.topbar-buttons{flex-wrap:wrap;justify-content:center;gap:8px}.topbar-buttons button{font-size:.8rem;padding:6px 10px;margin-right:2px}}.unit-marker{position:absolute;width:56px;height:56px;cursor:pointer;z-index:2;transition:top .3s,left .3s}.token-bg{width:100%;height:100%;border-radius:6px;border:2px solid var(--color-border-dark);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2px 0;box-shadow:2px 3px 5px #00000080,inset 0 0 10px #00000080;position:relative;overflow:hidden;background-size:cover;transition:filter .3s,transform .2s,border .2s,box-shadow .2s}.token-bg.attacker{background:linear-gradient(135deg,#a8322b,#6e2d24);border-color:#e74c3c}.token-bg.defender{background:linear-gradient(135deg,#2e86c1,#1b4f72);border-color:#3498db}.token-bg.selected{border:2px solid var(--color-accent)!important;box-shadow:0 0 15px var(--color-accent),inset 0 0 10px #fff3!important;transform:scale(1.05)}.token-bg.acted{filter:grayscale(80%) brightness(.7)}.token-icon{font-size:1rem;line-height:1.1;text-shadow:1px 1px 2px #000}.token-name{font-size:.75rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;letter-spacing:1px}.token-troops-bar{width:80%;height:12px;background:#000000b3;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.token-troops-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);z-index:0}.token-troops-text{font-size:.55rem;color:#fff;z-index:1;font-weight:700;text-shadow:1px 1px 1px #000;line-height:1}@keyframes shake-anim-kf{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.shake-anim{animation:shake-anim-kf .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes charge-anim-kf{0%{transform:scale(1)}50%{transform:scale(1.3) translateY(-10px);z-index:20}to{transform:scale(1) translateY(0)}}.charge-anim{animation:charge-anim-kf .5s ease-in-out}@keyframes shoot-anim-kf{0%{transform:translateY(0)}30%{transform:translateY(8px)}to{transform:translateY(0)}}.shoot-anim{animation:shoot-anim-kf .4s ease-out}@keyframes float-up-fade{0%{opacity:1;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-20px) scale(1.2)}80%{opacity:.8;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.floating-damage{font-family:Verdana,sans-serif;font-weight:900;font-size:1.5rem;color:#ff5252;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 4px 10px rgba(255,0,0,.5);animation:float-up-fade 1.5s ease-out forwards;margin-left:-50%;text-align:center;width:100%}.floating-damage.crit{color:gold;font-size:2.2rem;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 15px rgba(255,215,0,.8),0 0 5px rgba(255,0,0,.8);animation-duration:2s}.custom-scroll::-webkit-scrollbar{width:8px;height:8px}.custom-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background:#e3b24f66;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#e3b24fcc}.city-view-overlay{position:absolute;inset:0;background:#0a0806f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;display:flex;justify-content:center;align-items:center;padding:0;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.city-view-container{width:100%;max-width:none;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" opacity="0.02"><path d="M30 0 L60 30 L30 60 L0 30 Z" fill="%23fff"/></svg>'),linear-gradient(135deg,#1e1914f2,#0f0c0afa);border-top:2px solid rgba(227,178,79,.5);border-bottom:2px solid rgba(227,178,79,.5);box-shadow:inset 0 0 20px #e3b24f1a;border-radius:0;display:flex;flex-direction:column;padding:24px 40px;position:relative;overflow:hidden}.city-view-container:before,.city-view-container:after{content:"❖";position:absolute;color:#e3b24f4d;font-size:2rem}.city-view-container:before{top:10px;left:15px}.city-view-container:after{top:10px;right:15px}.city-view-header{display:flex;flex-direction:column;align-items:stretch;padding-bottom:20px;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.05)}.city-view-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px;flex:1;min-height:0}.city-module-panel{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:24px;display:flex;flex-direction:column;overflow-y:auto}.city-module-panel h3{font-size:1.5rem;color:var(--color-accent);border-bottom:1px solid rgba(227,178,79,.2);padding-bottom:12px;margin-bottom:20px;background:linear-gradient(to bottom,#1e1914f2 0% 100%);-webkit-text-fill-color:var(--color-accent);position:sticky;top:0;z-index:10;margin-top:0}.data-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.05);font-size:1.1rem}.data-row span{color:var(--color-text-muted)}.progress-bg{width:100%;height:8px;background:#0009;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s}.generals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-content:flex-start}.general-card-large{border-radius:6px;padding:12px;position:relative;box-shadow:0 4px 12px #00000080;transition:transform .2s,box-shadow .2s;cursor:pointer}.general-card-large:hover{transform:translateY(-2px);box-shadow:0 6px 16px #000c,inset 0 0 15px #ffffff0d;border-color:#e3b24f80!important}.hud-summary-card{transition:transform .2s}.hud-summary-card:hover{transform:translate(4px)}@keyframes float-up-fade{0%{transform:translateY(0);opacity:1}70%{transform:translateY(-36px);opacity:1}to{transform:translateY(-48px);opacity:0}}.float-feedback{position:absolute;pointer-events:none;font-weight:700;font-size:1.1rem;white-space:nowrap;z-index:9999;animation:float-up-fade 1.6s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.8)}.general-avatar{width:56px;height:56px;border-radius:50%;border:2px solid rgba(227,178,79,.5);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);flex-shrink:0;box-shadow:0 0 12px #0009,inset 0 -2px 6px #0006;position:relative;overflow:hidden}.general-avatar:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%)}.general-avatar-ring{width:60px;height:60px;border-radius:50%;padding:2px;flex-shrink:0}.battle-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#080604fa,#0f0c0afa);z-index:200;display:flex;flex-direction:column;color:#fff;animation:fade-in .4s ease-out;overflow:hidden}.battle-header{display:flex;align-items:center;justify-content:center;padding:12px 30px;background:linear-gradient(180deg,#14120ef2,#0a0806e6);border-bottom:2px solid rgba(227,178,79,.3);gap:20px;flex-shrink:0}.battle-header-side{display:flex;align-items:center;gap:12px;min-width:200px}.battle-header-side.attacker{justify-content:flex-end}.battle-header-side.defender{justify-content:flex-start}.battle-header-faction{font-size:1.3rem;font-weight:700;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.battle-header-faction.attacker{color:#e74c3c}.battle-header-faction.defender{color:#3498db}.battle-header-troops{font-size:.95rem;color:var(--color-text-muted);background:#0006;padding:4px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.battle-header-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:240px}.battle-header-title{font-size:1.1rem;color:var(--color-accent);text-shadow:0 0 12px rgba(227,178,79,.4);letter-spacing:3px}.battle-header-turn{font-size:.9rem;padding:3px 16px;border-radius:3px;font-weight:700;letter-spacing:1px}.battle-header-turn.attacker-turn{background:#e74c3c33;border:1px solid rgba(231,76,60,.5);color:#e74c3c}.battle-header-turn.defender-turn{background:#3498db33;border:1px solid rgba(52,152,219,.5);color:#3498db}.force-bar-container{width:100%;height:6px;display:flex;border-radius:3px;overflow:hidden;margin-top:4px}.force-bar-atk{height:100%;background:linear-gradient(90deg,#c0392b,#e74c3c);transition:width .5s ease}.force-bar-def{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .5s ease}.battle-body{display:flex;flex:1;min-height:0;gap:0}.battle-panel-left{width:260px;flex-shrink:0;background:#0000004d;border-right:1px solid rgba(255,255,255,.06);padding:16px;display:flex;flex-direction:column;overflow-y:auto}.battle-panel-title{font-size:1rem;color:var(--color-accent);border-bottom:1px solid rgba(227,178,79,.2);padding-bottom:8px;margin-bottom:12px;letter-spacing:2px}.selected-unit-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:14px}.selected-unit-name{font-size:1.3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 6px rgba(0,0,0,.6)}.selected-unit-stat{display:flex;justify-content:space-between;padding:6px 0;font-size:.95rem;border-bottom:1px dashed rgba(255,255,255,.05)}.selected-unit-stat .label{color:var(--color-text-muted)}.selected-unit-stat .value{font-weight:700}.unit-hp-bar-large{width:100%;height:10px;background:#0009;border-radius:5px;overflow:hidden;margin-top:8px;border:1px solid rgba(255,255,255,.1)}.unit-hp-fill-large{height:100%;border-radius:5px;transition:width .4s,background .4s}.battle-tips{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.battle-tip-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.85rem;color:#888}.battle-tip-item .tip-icon{width:18px;height:18px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem}.battle-grid-wrapper{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(30,40,30,.4) 0%,transparent 70%);overflow:hidden}.battle-grid{position:relative;border:2px solid var(--color-border-gold);box-shadow:0 0 40px #000c,inset 0 0 60px #0000004d}.battle-cell{position:absolute;box-sizing:border-box;cursor:pointer;transition:background-color .15s,box-shadow .15s;border:1px solid rgba(0,0,0,.3)}.battle-cell:hover{box-shadow:inset 0 0 15px #ffffff14;z-index:1}.battle-cell.terrain-plains{background:linear-gradient(135deg,#2a3826,#344230,#2c3a26)}.battle-cell.terrain-forest{background:linear-gradient(135deg,#1a3a1a,#234a23,#1a3a1a);box-shadow:inset 0 0 8px #0050004d}.battle-cell.terrain-forest:after{content:"🌲";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;opacity:.4;pointer-events:none}.battle-cell.terrain-hills{background:linear-gradient(135deg,#4a3b2c,#5a4a38,#4a3b2c);box-shadow:inset 0 -3px 6px #0000004d}.battle-cell.terrain-hills:after{content:"⛰️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;opacity:.4;pointer-events:none}.battle-cell.terrain-city{background:linear-gradient(135deg,#3d3530,#504540,#3d3530);border-color:#c8aa644d;box-shadow:inset 0 0 10px #c8aa6426}.battle-cell.terrain-city:after{content:"🏰";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;opacity:.5;pointer-events:none}.battle-cell-highlight{position:absolute;pointer-events:none;z-index:1;box-sizing:border-box}.battle-cell-highlight.move-range{background:#2ecc7140;border:1px solid rgba(46,204,113,.5)}.battle-cell-highlight.attack-range{background:#e74c3c4d;border:1px solid rgba(231,76,60,.6);animation:pulse-highlight 1.5s infinite}@keyframes pulse-highlight{0%,to{opacity:1}50%{opacity:.5}}.unit-token{position:absolute;width:64px;height:64px;cursor:pointer;z-index:3;transition:top .35s ease,left .35s ease}.unit-token-inner{width:100%;height:100%;border-radius:8px;border:2px solid rgba(255,255,255,.2);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3px 0;box-shadow:2px 3px 8px #0009,inset 0 0 12px #0006;position:relative;overflow:hidden;transition:filter .3s,transform .2s,border-color .2s,box-shadow .3s}.unit-token-inner.attacker{background:linear-gradient(145deg,#b8342e,#8b2520 40%,#6e1d18);border-color:#e74c3c}.unit-token-inner.defender{background:linear-gradient(145deg,#3498db,#2176a9 40%,#1a5c85);border-color:#5dade2}.unit-token-inner.selected{border:2px solid var(--color-accent)!important;box-shadow:0 0 20px #e3b24f99,inset 0 0 15px #ffffff26!important;animation:breath-glow 2s ease-in-out infinite}.unit-token-inner.acted{filter:grayscale(70%) brightness(.6)}.unit-token-inner.acted:after{content:"已动";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:.7rem;color:#fff6;letter-spacing:2px;pointer-events:none}@keyframes breath-glow{0%,to{box-shadow:0 0 15px #e3b24f80,inset 0 0 12px #ffffff1a}50%{box-shadow:0 0 25px #e3b24fcc,inset 0 0 20px #fff3}}.unit-token-icon{font-size:1.1rem;line-height:1;text-shadow:1px 1px 3px rgba(0,0,0,.8);margin-top:2px}.unit-token-name{font-size:.8rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;letter-spacing:1px;line-height:1}.unit-token-hp{width:85%;height:8px;background:#000000b3;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);margin-bottom:2px}.unit-token-hp-fill{position:absolute;left:0;top:0;height:100%;border-radius:4px;transition:width .4s,background .4s}.unit-token-hp-text{font-size:.5rem;color:#fff;z-index:1;font-weight:700;text-shadow:1px 1px 1px #000;line-height:1}.battle-panel-right{width:280px;flex-shrink:0;background:#0000004d;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.battle-army-section{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.battle-army-section-title{font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.battle-army-section-title.atk{color:#e74c3c}.battle-army-section-title.def{color:#3498db}.army-unit-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;margin-bottom:3px;font-size:.85rem;transition:background .15s;cursor:default}.army-unit-row:hover{background:#ffffff0d}.army-unit-row.dead{opacity:.3;text-decoration:line-through}.army-unit-icon{font-size:.9rem;width:20px;text-align:center}.army-unit-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.army-unit-hp-mini{width:50px;height:5px;background:#00000080;border-radius:3px;overflow:hidden}.army-unit-hp-mini-fill{height:100%;border-radius:3px;transition:width .3s}.army-unit-status{font-size:.7rem;padding:1px 5px;border-radius:3px;white-space:nowrap}.battle-log-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 14px}.battle-log-scroll{flex:1;overflow-y:auto;min-height:0}.battle-log-entry{font-size:.85rem;margin-bottom:6px;padding:6px 8px;border-radius:4px;background:#0003;border-left:3px solid rgba(255,255,255,.1);line-height:1.4}.battle-log-entry.log-crit{border-left-color:gold;background:#ffd7000d}.battle-log-entry.log-attack{border-left-color:#e74c3c}.battle-log-entry.log-move{border-left-color:#7f8c8d;color:#888}.battle-log-entry.log-new{color:#fff;border-left:3px solid var(--color-accent);padding-left:8px;animation:log-flash 2s ease-out}.battle-log-entry.log-crit{color:#ff6b6b}.battle-log-entry.log-attack{color:#f39c12}@keyframes log-flash{0%{background:#e3b24f40}to{background:transparent}}.month-transition-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;animation:month-fade .6s ease-out forwards;pointer-events:none}.month-transition-text{font-size:2.5rem;font-family:serif;color:var(--color-accent);text-shadow:0 0 20px rgba(227,178,79,.5);letter-spacing:6px;animation:month-text-pop .6s ease-out}@keyframes month-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes month-text-pop{0%{transform:scale(.8);opacity:0}30%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.battle-controls{padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.battle-btn-end-turn{width:100%;padding:12px;font-size:1.1rem;font-weight:700;letter-spacing:2px;border-radius:4px;transition:all .2s}.battle-btn-end-turn.active{background:linear-gradient(to bottom,#2c3e50,#1a252f);color:#fff;border:1px solid var(--color-accent);cursor:pointer}.battle-btn-end-turn.active:hover{background:linear-gradient(to bottom,#34495e,#2c3e50);box-shadow:0 0 12px #e3b24f4d}.battle-btn-end-turn.waiting{background:#1a252f;color:#e67e22;border:1px solid #34495e;cursor:not-allowed;animation:pulse-waiting 2s infinite}@keyframes pulse-waiting{0%,to{opacity:.8}50%{opacity:1}}.battle-btn-resolve{width:100%;padding:14px;font-size:1.2rem;font-weight:700;letter-spacing:2px;background:linear-gradient(to bottom,var(--color-primary),#3a2e1a);color:var(--color-accent);border:2px solid var(--color-accent);cursor:pointer;border-radius:4px;text-shadow:0 0 8px rgba(227,178,79,.5);animation:breath-glow 2s ease-in-out infinite}.battle-btn-resolve:hover{transform:translateY(-2px);box-shadow:0 4px 20px #e3b24f66}.battle-unacted-hint{text-align:center;font-size:.8rem;color:#f39c12;margin-bottom:6px}.grid-coord-label{font-size:.7rem;color:#ffffff59;font-family:serif;-webkit-user-select:none;user-select:none}.battle-terrain-tooltip{background:#0a0a0af2;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px 12px;font-size:.9rem;margin-top:12px;animation:tooltip-in .2s ease-out}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.damage-preview-box{margin-top:6px;padding:5px 8px;background:#e74c3c1f;border:1px solid rgba(231,76,60,.25);border-radius:4px;font-size:.85rem;color:#ddd}.ai-acting-indicator{position:absolute;top:-6px;right:-6px;font-size:.75rem;background:#e67e22e6;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:ai-pulse 1.2s ease-in-out infinite;pointer-events:none;z-index:5}@keyframes ai-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.2);opacity:1}}.battle-btn-end-turn.all-acted{background:linear-gradient(to bottom,#1a6b3a,#0d4e26);border-color:#2ecc71;color:#2ecc71;animation:end-turn-glow 1.5s ease-in-out infinite}@keyframes end-turn-glow{0%,to{box-shadow:0 0 8px #2ecc714d}50%{box-shadow:0 0 20px #2ecc71b3,0 0 40px #2ecc7133}}.city-mobile-close{display:none}@media(max-width:768px){.intro-page-container{overflow:auto!important;justify-content:flex-start!important;padding:30px 0!important}.intro-panel{width:92%!important;max-width:none!important;padding:24px 18px!important;margin:auto 0}.intro-panel h1{font-size:2.5rem!important;letter-spacing:4px!important;margin-bottom:12px!important}.intro-panel h2{font-size:1.1rem!important;margin-bottom:20px!important}.intro-features-grid{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:24px!important}.intro-features-grid>div{padding:14px!important}.intro-features-grid h3{font-size:.95rem!important;margin-bottom:8px!important;padding-bottom:6px!important}.intro-features-grid p,.intro-features-grid li{font-size:.85rem!important;line-height:1.6!important}.intro-enter-btn{padding:14px 30px!important;font-size:1.2rem!important;width:100%}.start-screen{padding:16px!important}.start-screen h1{font-size:1.8rem!important}.start-main-title{font-size:3.5rem!important;letter-spacing:6px!important}.start-subtitle{font-size:1.1rem!important;letter-spacing:2px!important;margin-bottom:2rem!important}.start-action-btn{font-size:1.1rem!important;padding:12px 20px!important;width:200px!important}.start-menu-title{font-size:1.5rem!important}.start-menu-subtitle{font-size:.85rem!important}.city-view-overlay{top:76px;bottom:0;height:auto}.city-view-container{padding:0 14px 14px;border-radius:0}.city-mobile-close{display:block!important;position:sticky;top:0;z-index:100;width:100%;padding:10px;font-size:1rem;font-weight:700;color:#e5c07b;background:linear-gradient(to bottom,#281e14fa,#19120cf2);border:none;border-bottom:1px solid rgba(227,178,79,.4);cursor:pointer;text-align:center;letter-spacing:2px}.city-header-top{flex-wrap:wrap;gap:12px}.city-title-text{font-size:2rem!important}.city-close-btn{padding:6px 14px!important;font-size:.9rem!important}.city-detail-stats{grid-template-columns:repeat(2,1fr)!important}.city-view-container:before,.city-view-container:after{display:none}.city-view-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:12px;margin-bottom:16px}.city-view-header h1{font-size:2rem!important}.city-view-header .badge{font-size:.82rem!important;padding:5px 8px!important}.city-view-header .flex-row.gap-2{flex-wrap:wrap;gap:4px}.city-view-header .flex-row.gap-2 span{font-size:.75rem!important;padding:3px 6px!important}.generals-grid{grid-template-columns:1fr!important;gap:12px}.general-card-large{padding:10px}.general-card-large .flex-col.bg-black\/60{padding:2px 0}.general-card-large .flex-col.bg-black\/60 span:first-child{font-size:.7rem!important}.general-card-large .flex-col.bg-black\/60 span:last-child{font-size:1rem!important}.action-menu-grid{grid-template-columns:1fr!important;gap:8px!important}.modal-overlay>div,.panel{max-width:95vw!important;margin:8px}.general-action-modal{width:95vw!important;max-height:90vh;overflow-y:auto}.city-module-panel{padding:12px}.city-view-container .custom-scroll{margin-top:12px;gap:16px}.battle-header{padding:8px 10px;gap:8px;min-height:auto;flex-wrap:wrap}.battle-header-side{flex-direction:column;align-items:center;gap:2px}.battle-overlay{display:flex;flex-direction:column;height:100vh;overflow:hidden}.battle-header{flex-shrink:0;flex-wrap:wrap;padding:6px 10px;gap:2px}.battle-header-center{width:100%;order:-1;margin-bottom:2px;flex:1 1 100%}.battle-header-title{font-size:1rem;padding:2px 0}.battle-header-turn{font-size:.8rem;padding:2px 8px}.battle-body{flex:1;flex-direction:column;position:relative;overflow:hidden;padding-bottom:0}.battle-grid-wrapper{flex:1;overflow:auto;justify-content:flex-start;align-items:flex-start;padding:6px;touch-action:pan-x pan-y;min-height:0}.battle-panel-left{flex-shrink:0;width:100%!important;min-width:0!important;border:none!important;border-top:1px solid var(--color-border-gold)!important;border-radius:0!important;background:#0f0c0af7!important;max-height:30vh;overflow-y:auto;padding:8px 12px!important}.battle-panel-left:not(.has-selection){display:none}.battle-panel-left .battle-panel-title{font-size:.85rem;margin-bottom:4px}.battle-panel-left .selected-unit-card{padding:6px 8px}.battle-panel-left .selected-unit-name{font-size:1rem!important;margin-bottom:4px!important}.battle-panel-left .selected-unit-stat{padding:3px 0!important;font-size:.85rem}.battle-panel-left .unit-hp-bar-large{height:6px!important;margin:2px 0!important}.battle-panel-left .battle-tips,.battle-panel-left .battle-terrain-tooltip{display:none}.battle-panel-right{flex-shrink:0;position:static!important;width:100%!important;height:auto!important;background:transparent!important;border:none!important;pointer-events:none}.battle-panel-right .battle-army-section,.battle-panel-right .battle-log-section{display:none}.battle-controls{pointer-events:auto;background:#0f0c0afa;border-top:1px solid var(--color-border-gold);padding:8px 12px;box-shadow:0 -4px 15px #000c;display:flex;align-items:center;gap:10px}.battle-controls .battle-unacted-hint{flex-shrink:0;font-size:.75rem;white-space:nowrap;margin:0;padding:0}.battle-controls .battle-btn-end-turn{flex:1;padding:12px;font-size:1rem;min-width:0}}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:#0a0805f2;color:var(--color-text-main);text-align:center;border:1px solid var(--color-border-gold);border-radius:4px;padding:8px 12px;position:absolute;z-index:1000;opacity:0;transition:opacity .2s;pointer-events:none;font-size:.9rem;box-shadow:0 4px 12px #000c;white-space:pre-wrap}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}