:root{--dark-red:#8b0000;--dark-red-light:brown;--dark-red-deep:#5c0f0f;--military-green:#2e4a2e;--military-green-light:#3d6b3d;--military-green-deep:#1a2a1a;--cream:#f5f0e8;--cream-dark:#e8e0d0;--cream-deep:#d9cfbc;--paper:#f4f1e9;--paper-warm:#ece3d0;--text-dark:#2a1f12;--text-mid:#5c4b3a;--text-muted:#8b7a65;--text-light:#fff;--wood-dark:#4a2e1a;--wood-mid:#6b4423;--brass:#a67c00;--shadow-sm:0 2px 6px #28190c2e;--shadow:0 4px 12px #28190c47;--shadow-lg:0 8px 24px #28190c66;--shadow-xl:0 14px 40px #28190c80;--texture-paper:url(/assets/retro-DyqSTIkd.png);--texture-map:url(/assets/index-BD0i1KiY.png);--battle-map-bg:url(/assets/index-BD0i1KiY.png)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text-dark);background-color:var(--cream-deep);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 30% 20%,#fff8e699 0%,#0000 60%),radial-gradient(circle at 80% 90%,#b48c5a2e 0%,#0000 55%);font-family:Microsoft YaHei,PingFang SC,sans-serif}h1,h2,h3,h4{letter-spacing:2px;font-family:SimHei,Microsoft YaHei,sans-serif}.battle-nav{z-index:100;background:linear-gradient(180deg, var(--dark-red-deep) 0%, #4a0d0d 100%);background-image:var(--texture-paper), linear-gradient(180deg, var(--dark-red-deep) 0%, #4a0d0d 100%);background-blend-mode:multiply;border-bottom:3px solid var(--brass);box-shadow:var(--shadow-lg);position:sticky;top:0}.battle-nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.battle-nav-brand{color:var(--cream);letter-spacing:3px;align-items:center;gap:10px;font-family:SimHei,sans-serif;font-size:1.1rem;text-decoration:none;display:flex}.battle-nav-brand .nav-mark{color:var(--brass);font-size:1.4rem}.battle-nav-back{color:var(--cream);letter-spacing:1px;border:1px solid #f5f0e866;border-radius:2px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .2s}.battle-nav-back:hover{border-color:var(--brass);color:var(--brass);background:#00000040}.battle-hero{text-align:center;padding:44px 24px 24px;position:relative}.battle-hero .hero-eyebrow{letter-spacing:4px;color:var(--dark-red);text-transform:uppercase;margin-bottom:10px;font-size:.72rem;display:block}.battle-hero h1{color:var(--dark-red-deep);text-shadow:0 1px #fff9;letter-spacing:4px;font-size:2.1rem;display:inline-block;position:relative}.battle-hero h1:before,.battle-hero h1:after{content:"";background:linear-gradient(90deg, transparent, var(--brass));width:56px;height:2px;position:absolute;top:50%}.battle-hero h1:before{left:-72px}.battle-hero h1:after{right:-72px;transform:scaleX(-1)}.battle-hero .hero-subtitle{color:var(--text-mid);letter-spacing:1px;margin-top:12px;font-size:.95rem}.battle-btn{letter-spacing:3px;color:var(--cream);background:linear-gradient(180deg, var(--dark-red) 0%, var(--dark-red-deep) 100%);border:2px solid var(--brass);cursor:pointer;border-radius:3px;padding:14px 40px;font-family:SimHei,sans-serif;font-size:1rem;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 -3px 6px #0006,0 4px 12px #28190c59}.battle-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff40,inset 0 -3px 6px #0006,0 8px 20px #28190c80}.battle-btn:active{transform:translateY(0);box-shadow:inset 0 3px 8px #00000080,0 2px 6px #28190c4d}.battle-btn.disabled,.battle-btn[aria-disabled=true]{color:#efeae0;cursor:not-allowed;pointer-events:none;opacity:.9;background:linear-gradient(#9a958c 0%,#6f6a62 100%);border-color:#b3ada2;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -3px 6px #00000040}.battle-btn.disabled:hover,.battle-btn[aria-disabled=true]:hover{color:#efeae0;transform:none;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -3px 6px #00000040}.interface-slot{text-align:center;color:var(--text-muted);background:repeating-linear-gradient(45deg, #8c6e4614 0, #8c6e4614 12px, #8c6e4605 12px, #8c6e4605 24px), var(--paper-warm);border:2px dashed var(--wood-mid);letter-spacing:2px;border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:relative}.interface-slot .slot-tag{color:var(--dark-red);letter-spacing:1px;opacity:.7;font-size:.68rem;position:absolute;top:8px;right:10px}.cutscene-overlay{z-index:300;cursor:pointer;background:#0a0c0a radial-gradient(circle at 50% 40%,#2a1a10 0%,#0a0c0a 70%);justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0}.cutscene-overlay.fade-out{opacity:0;pointer-events:none}.cutscene-video{z-index:1;background:#000;position:absolute;inset:0;overflow:hidden}.cutscene-video video{object-fit:cover;width:100%;height:100%;display:block}.cutscene-content{z-index:2;text-align:center;color:var(--cream);padding:24px;position:relative}.cutscene-content .cut-eyebrow{letter-spacing:5px;color:var(--brass);margin-bottom:16px;font-size:.72rem;display:block}.cutscene-content h1{letter-spacing:8px;color:#fff;text-shadow:0 0 24px #a67c0080;margin-bottom:14px;font-size:3rem}.cutscene-content p{color:#c8b8a0;max-width:460px;margin:0 auto;font-size:.95rem;line-height:1.9}.cutscene-skip{z-index:3;color:#f5f0e8bf;letter-spacing:2px;pointer-events:none;background:#140c0659;border:1px dashed #f5f0e859;border-radius:2px;padding:10px 26px;font-family:inherit;font-size:.8rem;position:absolute;top:24px;right:28px}.cutscene-content{transition:opacity 1.2s,transform 1.2s}.cutscene-content.fade-out{opacity:0;pointer-events:none;transform:translateY(-12px)}.map-shell{max-width:1280px;margin:0 auto;padding:0 24px 40px;position:relative}.map-viewport{border:4px solid var(--wood-dark);width:100%;height:620px;box-shadow:inset 0 0 0 2px var(--brass), var(--shadow-xl);background:var(--cream-deep);cursor:grab;touch-action:none;border-radius:6px;position:relative;overflow:hidden}.map-viewport.dragging{cursor:grabbing}.map-canvas{transform-origin:0 0;will-change:transform;width:100%;height:100%;transition:transform .18s ease-out;position:absolute;top:0;left:0}.map-canvas.no-transition{transition:none}.map-img{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:220%;height:220%;display:block}.map-canvas:after{content:none}.battle-pin{cursor:pointer;z-index:5;position:absolute;transform:translate(-50%,-50%)}.battle-pin .pin-dot{background:var(--dark-red);width:18px;height:18px;box-shadow:0 0 0 2px var(--dark-red-deep), 0 2px 8px #00000080;border:3px solid #fff;border-radius:50%;margin:0 auto;transition:all .2s;display:block;position:relative}.battle-pin.unlocked .pin-dot{background:var(--military-green);box-shadow:0 0 0 2px var(--military-green-deep), 0 2px 8px #00000080}.battle-pin.current .pin-dot{background:var(--brass);box-shadow:0 0 0 3px var(--dark-red), 0 0 16px #a67c00e6;border-color:#ffe9a8;animation:1.6s ease-in-out infinite pin-pulse}@keyframes pin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.battle-pin.locked{pointer-events:auto;cursor:not-allowed}.battle-pin.locked .pin-dot{opacity:.6;background:#6b6b6b;border-color:#9a9a9a;box-shadow:0 0 0 2px #4a4a4a,0 2px 8px #0006}.battle-pin.locked .pin-label{color:#999;opacity:.6;background:#e0ddd5;border-color:#bbb}.pin-lock-icon{pointer-events:none;z-index:2;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pin-lock-icon:before{content:"🔒";filter:grayscale(.3);font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-pin .pin-label{white-space:nowrap;background:var(--paper-warm);border:1px solid var(--wood-mid);box-shadow:var(--shadow);color:var(--dark-red-deep);letter-spacing:2px;opacity:0;pointer-events:none;border-radius:2px;padding:5px 12px;font-family:SimHei,sans-serif;font-size:.82rem;transition:opacity .2s;position:absolute;top:28px;left:50%;transform:translate(-50%)}.battle-pin:hover .pin-label,.battle-pin.current .pin-label{opacity:1}.map-controls{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.map-controls button{border:1px solid var(--wood-mid);background:var(--paper-warm);width:42px;height:42px;color:var(--dark-red-deep);cursor:pointer;box-shadow:var(--shadow);border-radius:3px;font-size:1.4rem;font-weight:700;line-height:1;transition:all .15s}.map-controls button:hover{border-color:var(--brass);transform:translateY(-1px)}.map-controls button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.battle-preview{background:var(--paper);background-image:var(--texture-paper);background-blend-mode:multiply;border:2px solid var(--wood-dark);width:280px;box-shadow:var(--shadow-xl);z-index:8;opacity:0;pointer-events:none;padding:20px;transition:all .3s;position:absolute;top:24px;right:24px;transform:translate(20px)}.battle-preview.show{opacity:1;pointer-events:auto;transform:translate(0)}.battle-preview h3{color:var(--dark-red-deep);margin-bottom:4px;font-size:1.2rem}.battle-preview .preview-date{color:var(--text-muted);letter-spacing:1px;margin-bottom:10px;font-size:.72rem}.battle-preview p{color:var(--text-mid);margin-bottom:16px;font-size:.85rem;line-height:1.7}.battle-preview .battle-btn{text-align:center;width:100%;padding:11px 20px;font-size:.9rem}.bbg-intro-overlay{z-index:200;cursor:pointer;background:#000;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}.bbg-intro-overlay.fade-out{opacity:0;pointer-events:none}.bbg-intro-video{z-index:1;background:#000;position:absolute;inset:0;overflow:hidden}.bbg-intro-video video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block}.bbg-intro-video.is-ready video{opacity:1}.bbg-intro-content{z-index:3;text-align:center;color:var(--cream);opacity:0;text-shadow:0 2px 18px #000000d9;pointer-events:none;padding:24px;transition:opacity 1.2s .4s,transform 1.2s .4s;position:relative;transform:translateY(8px)}.bbg-intro-content.is-ready{opacity:1;transform:translateY(0)}.bbg-intro-content.fade-out{opacity:0;pointer-events:none;transform:translateY(-12px)}.bbg-intro-content .cut-eyebrow{letter-spacing:5px;color:var(--brass);margin-bottom:16px;font-size:.72rem;display:block}.bbg-intro-content h1{letter-spacing:8px;color:#fff;text-shadow:0 0 24px #a67c0080;margin-bottom:14px;font-size:3rem}.bbg-intro-content p{color:#c8b8a0;margin:0 auto;font-size:.95rem;line-height:1.9}.bbg-intro-loading{color:var(--brass);letter-spacing:3px;align-items:center;gap:14px;font-size:.85rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bbg-intro-loading p{text-align:center;width:100%;margin:14px 0 0}.bbg-intro-loading .loading-dot{background:var(--brass);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite bbg-intro-pulse}.bbg-intro-loading .loading-dot:nth-child(2){animation-delay:.2s}.bbg-intro-loading .loading-dot:nth-child(3){animation-delay:.4s}@keyframes bbg-intro-pulse{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.bbg-intro-skip{color:#f5f0e8bf;letter-spacing:2px;pointer-events:none;z-index:5;background:#0000004d;border:1px dashed #ffffff59;border-radius:2px;padding:10px 22px;font-family:SimHei,sans-serif;font-size:.85rem;position:absolute;top:24px;right:24px}.bbg-intro-title{text-align:center;color:var(--cream);z-index:4;pointer-events:none;text-shadow:0 2px 12px #000c;position:absolute;bottom:8%;left:0;right:0}.bbg-intro-title h1{letter-spacing:6px;color:var(--brass);text-shadow:0 0 20px #a67c0080,0 2px 12px #000c;margin:0;font-size:2.4rem;animation:1.6s ease-out bbg-intro-title-fade}@keyframes bbg-intro-title-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bbg-shell{max-width:900px;margin:0 auto;padding:0 24px 60px}.bbg-video{margin-bottom:32px}.bbg-video .video-frame{aspect-ratio:16/9;border:3px solid var(--wood-dark);width:100%;box-shadow:var(--shadow-lg);border-radius:4px;position:relative;overflow:hidden}.bbg-video .video-frame video{object-fit:cover;width:100%;height:100%;display:block}.bbg-section{margin-bottom:36px}.bbg-section h2{color:var(--dark-red-deep);border-left:4px solid var(--dark-red);letter-spacing:2px;margin-bottom:16px;padding-left:14px;font-size:1.35rem}.bbg-img-box{border:3px solid var(--wood-dark);width:100%;box-shadow:var(--shadow-lg);border-radius:4px;margin-bottom:20px;overflow:hidden}.bbg-img-box img{width:100%;display:block}.bbg-text{background:var(--paper);background-image:var(--texture-paper);background-blend-mode:multiply;border:1px solid var(--wood-mid);box-shadow:var(--shadow);color:var(--text-mid);border-radius:4px;padding:26px 30px;font-size:.95rem;line-height:2}.bbg-text strong{color:var(--dark-red-deep)}.bbg-start{text-align:center;margin-top:8px}.bbg-start .battle-btn{letter-spacing:4px;padding:16px 56px;font-size:1.15rem}.loading-screen{z-index:200;background:#0a0c0a radial-gradient(circle at 50% 38%,#26160c 0%,#0a0c0a 72%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.loading-image{aspect-ratio:16/9;border:2px solid #a67c0080;border-radius:4px;width:min(560px,82vw);margin-bottom:40px;overflow:hidden;box-shadow:0 0 40px #a67c0040}.loading-image img{object-fit:cover;width:100%;height:100%;display:block}.loading-image .interface-slot{width:100%;height:100%}.loading-progress{width:min(560px,82vw);margin-bottom:28px}.loading-progress .track{border:1px solid var(--wood-mid);background:#1a1a14;border-radius:10px;width:100%;height:16px;overflow:hidden;box-shadow:inset 0 2px 6px #0009}.loading-progress .fill{background:linear-gradient(90deg, var(--dark-red) 0%, var(--brass) 100%);border-radius:10px;width:0%;height:100%;transition:width .2s;box-shadow:0 0 12px #a67c0080}.loading-progress .progress-tip{text-align:center;color:#c8b8a0;letter-spacing:3px;margin-top:10px;font-size:.78rem}.loading-quote{text-align:center;max-width:560px}.loading-quote p{color:var(--cream);letter-spacing:2px;opacity:0;font-family:SimHei,KaiTi,serif;font-size:1.1rem;line-height:1.9;animation:1.2s .4s forwards quote-fade}.loading-quote cite{color:#a89980;letter-spacing:2px;opacity:0;margin-top:12px;font-size:.8rem;font-style:normal;animation:1.2s .8s forwards quote-fade;display:block}@keyframes quote-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.battle-hero h1{letter-spacing:2px;font-size:1.6rem}.battle-hero h1:before,.battle-hero h1:after{width:32px}.battle-hero h1:before{left:-42px}.battle-hero h1:after{right:-42px}.map-viewport{height:460px}.battle-preview{width:220px;padding:14px;top:12px;right:12px}.battle-preview p{display:none}.bbg-text{padding:20px 18px}}@media (width<=480px){.cutscene-content h1{letter-spacing:4px;font-size:2rem}.map-viewport{height:380px}.battle-preview{opacity:1;pointer-events:auto;width:100%;margin-top:16px;position:static;transform:none}.battle-preview p{display:block}.battle-hero h1:before,.battle-hero h1:after{display:none}}