*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{--gold: #d9b45b;--gold-dark: #8a6d2f;--panel: rgba(24, 20, 14, .92);--panel-edge: #6b5426;--text: #e8dcc0;--hp-green: #35c53a;--hp-red: #d33;--font-display: "LiSu", "STLiti", "KaiTi", "STKaiti", "SimKai", "Microsoft YaHei", serif;--font-body: "Microsoft YaHei", "PingFang SC", sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:#0a0c08}#game-root{position:relative;width:100vw;height:100vh;overflow:hidden}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:default}#game-canvas.placing{cursor:crosshair}#topbar{position:absolute;top:0;left:0;right:0;height:40px;display:flex;align-items:center;gap:18px;padding:0 14px;background:var(--panel);border-bottom:2px solid var(--panel-edge);font-family:Microsoft YaHei,Palatino Linotype,serif;font-size:15px;color:var(--text);z-index:10}.res{display:flex;align-items:center;gap:6px;font-weight:700;letter-spacing:1px}.res .ico{width:16px;height:16px;border-radius:50%;display:inline-block}.res.gold .ico{background:radial-gradient(circle at 35% 35%,#ffe98a,#b8860b);box-shadow:0 0 6px #ffd70066}.res.wood .ico{background:linear-gradient(135deg,#7a5230,#4a2f1a);border:1px solid #a07850;border-radius:3px}.res.food .ico{background:radial-gradient(circle at 35% 35%,#9fd0ff,#3a6ea5)}#game-clock{font-family:Consolas,monospace;color:var(--gold)}#game-clock.paused{color:#ff9a5c;animation:clock-blink 1.2s infinite}@keyframes clock-blink{50%{opacity:.45}}#btn-idle{display:flex;align-items:center;gap:4px;background:none;border:1px solid transparent;border-radius:4px;color:#9fd08a;font-size:14px;font-weight:700;font-family:inherit;padding:2px 8px;cursor:pointer}#btn-idle.zero{color:#6a6250;opacity:.55;cursor:default}#btn-idle:not(.zero):hover{border-color:var(--gold);background:#d9b45b1f}#faction-count{font-family:Consolas,monospace;color:#c9bc9c;font-size:13px}.spacer{flex:1}.fp-label{flex:none;font-size:13px;color:#8a7c5a;letter-spacing:4px}.fac-btn{flex:1;max-width:170px;position:relative;cursor:pointer;display:flex;align-items:baseline;justify-content:center;gap:7px;padding:9px 10px;border-radius:6px;background:linear-gradient(180deg,#2a2114,#1c150c);color:var(--text);border:1px solid #4d3d1e;font-family:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.fac-btn b{font-size:15px;font-weight:400;letter-spacing:2px}.fac-btn small{font-size:11px;color:#9a8f74;letter-spacing:1px}.fac-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.fac-btn.selected{border-color:var(--gold);background:linear-gradient(180deg,#4d3a12,#32270c);box-shadow:0 0 14px #d9b45b38,inset 0 0 10px #f0d4881a}.fac-btn.selected b{color:#f0d488;font-weight:700}.fac-btn.selected:after{content:"◆";position:absolute;top:-6px;right:-4px;font-size:10px;color:var(--gold)}#btn-sound,#btn-dev{background:none;border:1px solid var(--panel-edge);color:var(--text);font-size:15px;padding:2px 8px;cursor:pointer;border-radius:4px}#btn-sound:hover,#btn-dev:hover{border-color:var(--gold)}#btn-dev.on{border-color:var(--gold);box-shadow:0 0 8px #d9b45b55}.tb-btn{position:relative;flex:none;background:none;border:1px solid var(--panel-edge);color:var(--text);font-size:15px;padding:2px 9px;cursor:pointer;border-radius:4px;font-family:inherit;line-height:1.4;transition:border-color .15s,background .15s}.tb-btn:hover{border-color:var(--gold);background:#d9b45b14}.tb-btn:active{transform:scale(.94)}.tb-badge{position:absolute;top:-6px;right:-7px;min-width:14px;height:14px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:400;font-style:normal;font-family:Consolas,monospace;color:#14100a;background:var(--gold);border-radius:7px}.tb-badge.none{display:none}#scoreboard{position:absolute;top:46px;right:12px;z-index:12;width:300px;padding:12px 14px 13px;background:linear-gradient(165deg,#2a2213f7,#15100bf7);border:1px solid rgba(150,122,63,.55);border-radius:10px;box-shadow:0 14px 40px #0000008c;text-align:left;color:#e8dcc0}#scoreboard.hidden{display:none}.sb-head{display:flex;align-items:center;gap:10px;font-size:14px;color:#ffd76a;letter-spacing:2px;margin-bottom:8px}.sb-head #sb-alive{font-family:Consolas,monospace;font-size:12px;color:#c9bc9c;letter-spacing:0}.sb-head #sb-close{margin-left:auto;background:none;border:none;color:#9a8f74;font-size:13px;cursor:pointer;padding:2px 4px}.sb-head #sb-close:hover{color:#ffd76a}.sb-row{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;font-size:13px}.sb-row.me{background:#ffd76a14}.sb-row.dead{opacity:.45}.sb-dot{width:8px;height:8px;border-radius:50%;flex:none}.sb-row b{font-weight:400;color:#d8cba6;font-size:12px;letter-spacing:1px;flex:none}.sb-name{color:#f0e6c8;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-badges{display:flex;gap:4px;flex:none}.sb-badges i{font-style:normal;font-size:10.5px;padding:1px 7px;border:1px solid;border-radius:999px;letter-spacing:1px}.sb-badges i.me{color:#ffd76a;border-color:#ffd76a80}.sb-badges i.ai{color:#9a8f74;border-color:#6d5a33}.sb-badges i.off{color:#ff9a5c;border-color:#ff8a5c80}.sb-badges i.dead{color:#999;border-color:#777}.sb-spec-head{display:flex;align-items:center;gap:8px;font-size:12px;color:#9a8f74;letter-spacing:2px;margin:10px 0 6px;padding-top:9px;border-top:1px solid rgba(150,122,63,.35)}.sb-spec-head #sb-spec-count{font-family:Consolas,monospace;letter-spacing:0;color:#c9bc9c}#sb-specs{display:flex;flex-wrap:wrap;gap:5px;min-height:20px}#sb-specs .spec-chip{font-size:11.5px;padding:3px 10px}.sb-nospec{font-size:12px;color:#7c7157}#dev-panel{position:absolute;top:52px;right:10px;width:196px;max-height:calc(100vh - 220px);overflow-y:auto;background:#0e0c08f0;border:1px solid #7a4a9a;border-radius:6px;padding:8px;z-index:15;font-size:12px;color:var(--text);box-shadow:0 4px 18px #00000080}#dev-panel.hidden{display:none}#dev-panel .dev-title{font-weight:700;color:#c9a0ff;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}#dev-panel .dev-hint{font-size:10px;color:#7a6a8a;font-weight:400}#dev-panel .dev-sec{margin:8px 0 4px;font-size:11px;color:#9a8f74;border-bottom:1px solid #3a3040;padding-bottom:2px}#dev-panel .dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}#dev-panel button{border:1px solid #574422;background:#241c10;color:var(--text);border-radius:4px;font-size:12px;padding:4px 6px;cursor:pointer;font-family:inherit;white-space:nowrap}#dev-panel button:hover{border-color:var(--gold)}#dev-panel button.wide{grid-column:1 / -1}#dev-panel button.on{border-color:#9a6ae0;color:#e8d8ff;background:linear-gradient(180deg,#4a2a6a,#301a48);font-weight:700}#messages{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10;pointer-events:none}.msg{background:#0a0804d1;color:var(--text);padding:5px 16px;border:1px solid var(--panel-edge);border-radius:4px;font-size:14px;animation:msg-in .25s ease-out}.msg.warn{color:#ff9a76;border-color:#8a4a2a}.msg.good{color:#8fe08f}@keyframes msg-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}#bottombar{position:absolute;left:0;right:0;bottom:0;height:148px;display:flex;align-items:stretch;gap:8px;padding:8px;background:var(--panel);border-top:2px solid var(--panel-edge);z-index:10}#portrait-panel{width:190px;display:flex;align-items:center;gap:10px;padding:8px;background:#00000059;border:1px solid var(--panel-edge);border-radius:6px}#portrait-icon{width:72px;height:72px;border-radius:50%;flex:none;border:3px solid var(--gold-dark);display:flex;align-items:center;justify-content:center;font-size:30px;background:#1c1810}#portrait-info{color:var(--text);font-size:13px;line-height:1.6;min-width:0}#portrait-name{font-weight:700;font-size:15px;color:var(--gold);white-space:nowrap}#portrait-hp{font-family:Consolas,monospace}#selection-grid{width:190px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;background:#00000059;border:1px solid var(--panel-edge);border-radius:6px;align-content:start;overflow-y:auto}.sel-cell{position:relative;height:32px;border-radius:4px;border:1px solid #444;background:#222;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.sel-cell .mini-hp{position:absolute;left:3px;right:3px;bottom:2px;height:3px;background:#400;border-radius:2px}.sel-cell .mini-hp i{display:block;height:100%;background:var(--hp-green);border-radius:2px}.sel-cell:hover{border-color:var(--gold)}#command-panel{flex:1;display:grid;grid-template-columns:repeat(5,64px);grid-template-rows:repeat(2,62px);gap:6px;padding:6px;background:#00000059;border:1px solid var(--panel-edge);border-radius:6px;align-content:start;justify-content:center}.cmd-btn{position:relative;border-radius:6px;cursor:pointer;border:2px solid #574422;background:linear-gradient(180deg,#3a3020,#241c10);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;line-height:1.15;text-align:center;padding:2px;font-family:inherit}.cmd-btn .big{font-size:22px}.cmd-btn .cost{font-size:11px;color:#ffd76a;font-family:Consolas,monospace}.cmd-btn:hover{border-color:var(--gold);background:linear-gradient(180deg,#4a3c26,#2c2414)}.cmd-btn.disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.7)}.cmd-btn .hotkey{position:absolute;top:1px;left:4px;font-size:10px;color:#b8c98a;font-family:Consolas,monospace}.cmd-btn .cd-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#7ac6ff;border-radius:0 0 4px 4px}#minimap{width:132px;height:132px;flex:none;align-self:center;border:2px solid var(--gold-dark);border-radius:4px;cursor:pointer;background:#111}#placement-tip{position:absolute;bottom:160px;left:50%;transform:translate(-50%);background:#0a0804d9;border:1px solid var(--gold-dark);color:var(--gold);padding:4px 14px;border-radius:4px;font-size:13px;display:none;z-index:11}#placement-tip.show{display:block}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 38%,#1c150ac7,#060502f5 75%)}#overlay.hidden{display:none}#overlay:before{content:"戰";position:absolute;right:3vw;top:50%;transform:translateY(-52%);font-family:var(--font-display);font-size:46vh;line-height:1;color:#d9b45b0d;pointer-events:none}#overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}#overlay-fx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}#overlay-fx i{position:absolute;bottom:-14px;width:5px;height:5px;border-radius:50%;background:#ffc06a;box-shadow:0 0 10px 2px #ffaa5066;opacity:0;animation:ember-rise 12s linear 0s infinite,ember-flicker 2.4s ease-in-out 0s infinite}#overlay-fx i:nth-child(1){left:8%;animation-duration:13s;animation-delay:0s}#overlay-fx i:nth-child(2){left:24%;animation-duration:10s;animation-delay:3s;width:4px;height:4px}#overlay-fx i:nth-child(3){left:41%;animation-duration:15s;animation-delay:6s}#overlay-fx i:nth-child(4){left:58%;animation-duration:11s;animation-delay:1.5s;width:3px;height:3px}#overlay-fx i:nth-child(5){left:72%;animation-duration:14s;animation-delay:4.5s}#overlay-fx i:nth-child(6){left:86%;animation-duration:12s;animation-delay:7s;width:4px;height:4px}#overlay-fx i:nth-child(7){left:95%;animation-duration:16s;animation-delay:2s}#overlay-fx i.p{left:var(--x, 50%);width:var(--sz, 4px);height:var(--sz, 4px);background:var(--c, #ffc06a);box-shadow:var(--glow, 0 0 10px 2px rgba(255, 170, 80, .4));animation-duration:var(--dur, 12s),var(--flk, 2.4s);animation-delay:var(--del, 0s),var(--del, 0s)}@keyframes ember-rise{0%{transform:translate(0) scale(1);opacity:0}8%{opacity:var(--o, .85)}32%{transform:translate(calc(var(--drift, 60px) * .32 + var(--sway, 14px)),-26vh) scale(.82)}62%{transform:translate(calc(var(--drift, 60px) * .62 - var(--sway, 14px)),-54vh) scale(.55)}78%{opacity:calc(var(--o, .85) * .4)}to{transform:translate(var(--drift, 60px),-86vh) scale(.22);opacity:0}}@keyframes ember-flicker{0%,to{filter:brightness(1)}28%{filter:brightness(1.45)}52%{filter:brightness(.72)}76%{filter:brightness(1.28)}}#overlay-box{position:relative;width:min(820px,94vw);max-height:92vh;overflow-y:auto;text-align:center;color:var(--text);font-family:var(--font-body);padding:36px 44px 32px;background:linear-gradient(168deg,#221a0eeb,#0e0b06f0);border:1px solid rgba(217,180,91,.38);border-radius:4px;box-shadow:0 24px 80px #000000b3,inset 0 0 60px #00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#overlay-box.brief{width:min(560px,94vw)}#overlay-box.brief #overlay-kicker,#overlay-box.brief #overlay-config,#overlay-box.brief #overlay-help{display:none}.ov-corner{position:absolute;width:22px;height:22px;border:2px solid rgba(217,180,91,.75);pointer-events:none}.ov-corner.tl{top:7px;left:7px;border-right:none;border-bottom:none}.ov-corner.tr{top:7px;right:7px;border-left:none;border-bottom:none}.ov-corner.bl{bottom:7px;left:7px;border-right:none;border-top:none}.ov-corner.br{bottom:7px;right:7px;border-left:none;border-top:none}#overlay-stamp{position:absolute;top:20px;right:26px;writing-mode:vertical-rl;font-family:var(--font-display);font-size:17px;letter-spacing:5px;color:#d05a48;border:2px solid #a3352c;border-radius:3px;padding:7px 3px;outline:1px solid rgba(163,53,44,.5);outline-offset:3px;transform:rotate(4deg);opacity:.9;pointer-events:none}#overlay-kicker{font-size:12px;letter-spacing:7px;color:#8d8266;margin-bottom:8px;animation:ov-in .45s .05s both}#overlay-kicker:before,#overlay-kicker:after{content:"";display:inline-block;width:44px;height:1px;margin:0 12px 3px;background:linear-gradient(90deg,transparent,#8d8266)}#overlay-kicker:after{background:linear-gradient(90deg,#8d8266,transparent)}#overlay-title{font-family:var(--font-display);font-size:58px;line-height:1.15;letter-spacing:16px;margin-bottom:10px;background:linear-gradient(180deg,#f8e9bd 15%,#e3bc6a 55%,#9c712c);-webkit-background-clip:text;background-clip:text;color:#d9b45b;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 14px rgba(217,169,78,.3));animation:ov-in .55s .12s both}#overlay-text{font-size:15px;line-height:1.9;margin:0 auto 20px;max-width:520px;color:#cfc3a0;animation:ov-in .5s .2s both}#overlay-config{display:flex;flex-direction:column;gap:10px;margin:0 0 16px;animation:ov-in .5s .28s both}.ov-row{display:flex;align-items:center;gap:16px;text-align:left;background:#00000047;border:1px solid rgba(217,180,91,.16);border-radius:8px;padding:10px 14px}.hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1}.hero-card{position:relative;cursor:pointer;text-align:left;overflow:hidden;padding:12px 12px 10px 14px;border-radius:8px;background:linear-gradient(180deg,#1e180ee6,#100c07e6);border:1px solid #3d3018;color:var(--text);font-family:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background:var(--fc, #d9b45b);transition:opacity .18s}.hero-card .hc-fac{position:absolute;top:4px;right:8px;font-family:var(--font-display);font-size:44px;line-height:1.1;color:var(--fc, #d9b45b);opacity:.22;transition:opacity .18s,text-shadow .18s;pointer-events:none}.hero-card .hc-name{position:relative;display:block;font-family:var(--font-display);font-size:22px;letter-spacing:4px;color:#efe3c2}.hero-card .hc-skills{position:relative;display:block;margin-top:6px;font-size:12.5px;color:var(--fc2, #c9bc9c)}.hero-card .hc-desc{position:relative;display:block;margin-top:4px;font-size:12px;color:#9a8f74}.hero-card:hover{transform:translateY(-2px);border-color:#7a6230}.hero-card:hover:before{opacity:.2}.hero-card.selected{border-color:var(--gold);box-shadow:0 4px 18px #00000080,0 0 16px #d9b45b47}.hero-card.selected:before{opacity:.28}.hero-card.selected .hc-fac{opacity:.85;text-shadow:0 0 12px var(--fc, #d9b45b)}.hero-card.selected .hc-name{color:#ffe9ad}.hero-card.wei{--fc: #57a0ff;--fc2: #9cc3ff}.hero-card.shu{--fc: #ff6a55;--fc2: #ffa89a}.hero-card.wu{--fc: #7ee08a;--fc2: #b2e8ba}.hero-card.qun{--fc: #ffd166;--fc2: #ffe4a8}#overlay-help{list-style:none;margin:0 0 18px;padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;background:#00000038;border:1px solid rgba(217,180,91,.12);border-radius:8px;font-size:12.5px;color:#b3a684;text-align:left;line-height:1.75;animation:ov-in .5s .36s both}#overlay-help li.wide{grid-column:1 / -1;color:#8d8266}#overlay-help b{font-weight:400;color:#e8d9ac;font-size:11.5px;background:#d9b45b1a;border:1px solid rgba(217,180,91,.28);border-radius:4px;padding:0 6px;margin-right:5px;display:inline-block;line-height:1.5}#overlay-btn{position:relative;overflow:hidden;cursor:pointer;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:10px;padding:13px 54px 13px 64px;color:#2a1d06;border:none;border-radius:8px;background:linear-gradient(180deg,#f4dc94,#c89a3a 60%,#a5762c);box-shadow:0 0 24px #d9b45b59,inset 0 1px #ffffff80,inset 0 -2px #00000040;transition:transform .15s,box-shadow .15s,filter .15s;animation:ov-in .5s .44s both}#overlay-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 6px 30px #d9b45b80,inset 0 1px #ffffff80}#overlay-btn:active{transform:translateY(0)}#overlay-btn:disabled,#overlay-btn:disabled:hover{cursor:not-allowed;opacity:.45;filter:grayscale(.7);transform:none;box-shadow:0 0 24px #d9b45b2e,inset 0 1px #ffffff80,inset 0 -2px #00000040}#overlay-btn:disabled:after{display:none}#overlay-btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:btn-shine 3.4s ease-in-out infinite}@keyframes btn-shine{0%,55%{left:-60%}85%,to{left:130%}}@keyframes ov-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}#beta-notice{display:flex;align-items:center;justify-content:center;gap:10px;max-width:560px;margin:0 auto 18px;padding:8px 16px;border:1px solid rgba(217,180,91,.3);border-left:3px solid var(--gold);border-radius:6px;background:linear-gradient(90deg,#5a4a2866,#28201540);animation:ov-in .5s .24s both}#beta-notice .beta-seal{flex:none;padding:2px 9px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;color:#1a1208;background:linear-gradient(180deg,#e8c66a,#c4923a);border-radius:3px}#beta-notice .beta-text{font-size:13px;color:#c4b58f;letter-spacing:1px}#beta-notice .beta-text b{color:#f0d68c;font-weight:400}#qq-card{display:flex;align-items:center;gap:14px;text-align:left;margin-top:20px;padding:12px 18px;border:1px solid rgba(120,170,230,.32);border-radius:8px;background:linear-gradient(180deg,#1e283ad9,#141c2ae6);box-shadow:inset 0 0 0 1px #78aae61a,0 8px 26px #0006;animation:ov-in .5s .5s both}#qq-card .qq-icon{flex:none;font-size:26px;filter:drop-shadow(0 0 8px rgba(120,170,230,.5))}#qq-card .qq-info{flex:1;min-width:0}#qq-card .qq-title{font-size:14px;font-weight:700;letter-spacing:1px;color:#cfe2ff}#qq-card .qq-sub{font-size:12px;color:#8ea4c2;margin-top:3px;line-height:1.5}#qq-card .qq-sub b{color:#f0d68c;font-weight:400}#qq-card .qq-action{flex:none;display:flex;align-items:center;gap:10px}#qq-card .qq-num{font-family:Georgia,serif;font-size:19px;font-weight:700;letter-spacing:1px;color:#f0d68c}#qq-copy{padding:7px 14px;font-size:12.5px;cursor:pointer;color:#cfe2ff;background:#78aae61f;border:1px solid rgba(120,170,230,.5);border-radius:5px;transition:background .15s,transform .15s}#qq-copy:hover{background:#78aae638;transform:translateY(-1px)}#qq-copy:active{transform:translateY(0)}#pc-only-tip{margin-top:16px;font-size:12px;letter-spacing:1px;color:#8d8266;animation:ov-in .5s .56s both}#mobile-block{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 38%,#1c150ae0,#060502fa 75%);font-family:var(--font-body);color:var(--text)}#mobile-block .mb-icon{font-size:58px;filter:drop-shadow(0 4px 18px rgba(255,170,80,.35))}#mobile-block .mb-title{margin-top:14px;font-family:var(--font-display);font-size:28px;letter-spacing:8px;color:#e8c66a}#mobile-block .mb-text{margin-top:14px;font-size:14px;line-height:2.1;color:#b3a684}#mobile-block .mb-text b{color:#f0d68c;font-weight:400}#mobile-block .mb-home{display:inline-block;margin-top:24px;padding:11px 30px;font-size:14px;letter-spacing:2px;text-decoration:none;cursor:pointer;color:#2a1d06;background:linear-gradient(180deg,#f4dc94,#c89a3a 60%,#a5762c);border-radius:8px;box-shadow:0 0 24px #d9b45b4d,inset 0 1px #ffffff80}#mobile-block .mb-home:hover{filter:brightness(1.08)}@media(max-width:720px){#overlay-box{padding:26px 18px 24px}#overlay-title{font-size:42px;letter-spacing:10px}.ov-row{flex-wrap:wrap}.hero-cards{grid-template-columns:repeat(2,1fr)}#overlay-help{grid-template-columns:1fr}#beta-notice{padding:7px 12px;gap:8px}#beta-notice .beta-text{font-size:12px}#qq-card{flex-direction:column;align-items:flex-start;gap:10px}#qq-card .qq-action{width:100%;justify-content:space-between}}#net-lobby{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 15%,rgba(255,190,80,.07),transparent 55%),#080604ed;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#net-lobby.hidden{display:none}#net-box{--gold: #ffd76a;--ink: #14100a;--line: rgba(150, 122, 63, .55);--fc: #999;--disp: "KaiTi", "STKaiti", "DFKai-SB", "Noto Serif SC", serif;position:relative;width:min(660px,94vw);max-height:94vh;overflow-y:auto;padding:26px 30px 20px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,215,106,.06),transparent 60%),linear-gradient(165deg,#2a2213,#191410 58%,#15100b);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #000000a6,inset 0 0 0 1px #ffd76a0d;text-align:center;color:#e8dcc0}#net-box:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;border-radius:9px;background:linear-gradient(90deg,rgba(255,215,106,.55),transparent) left top / 20px 1px,linear-gradient(180deg,rgba(255,215,106,.55),transparent) left top / 1px 20px,linear-gradient(270deg,rgba(255,215,106,.55),transparent) right top / 20px 1px,linear-gradient(180deg,rgba(255,215,106,.55),transparent) right top / 1px 20px,linear-gradient(90deg,transparent,rgba(255,215,106,.55)) left bottom / 20px 1px,linear-gradient(0deg,rgba(255,215,106,.55),transparent) left bottom / 1px 20px,linear-gradient(270deg,transparent,rgba(255,215,106,.55)) right bottom / 20px 1px,linear-gradient(0deg,rgba(255,215,106,.55),transparent) right bottom / 1px 20px;background-repeat:no-repeat}#net-box h1{font-family:var(--disp);font-size:25px;margin:0 0 10px;letter-spacing:5px;text-indent:5px;background:linear-gradient(180deg,#ffe9ad,#ffd76a 55%,#c9962e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(255,215,106,.2))}#net-code-line{margin-bottom:14px;color:#bfae86;font-size:14px}#net-code{color:#ffd76a;font-size:18px;letter-spacing:3px;cursor:pointer;border-bottom:1px dashed rgba(255,215,106,.5)}#net-code:hover{color:#fff0c9}#net-role-badge{display:inline-block;margin-left:12px;padding:2px 12px;vertical-align:2px;font-size:12px;color:#ffd76a;letter-spacing:1px;border:1px solid rgba(255,215,106,.38);border-radius:999px;background:#ffd76a12}#net-join-row{display:flex;gap:10px;margin-bottom:16px}#net-notice-row{margin:10px 0 4px;padding:34px 18px 30px;border:1px solid rgba(255,154,92,.45);border-radius:10px;background:#0000004d}#net-notice-row.hidden{display:none}#net-notice-icon{font-size:44px;line-height:1}#net-notice-title{margin-top:12px;font-size:19px;color:#ffd76a;letter-spacing:3px;font-family:KaiTi,STKaiti,DFKai-SB,"Noto Serif SC",serif}#net-notice-sub{margin-top:10px;font-size:13.5px;color:#bfae86;line-height:1.8}#net-notice-home{margin-top:20px;padding:10px 26px;font-size:14px;cursor:pointer;background:linear-gradient(160deg,#8a6d1c,#6d5a33);color:#fff4d6;border:1px solid #ffd76a66;border-radius:6px}#net-notice-home:hover{filter:brightness(1.15)}#net-box.unavailable #net-join-row,#net-box.unavailable #net-spectate-row,#net-box.unavailable #net-seats-title,#net-box.unavailable #net-seats,#net-box.unavailable #net-spec-bar,#net-box.unavailable #net-specs,#net-box.unavailable #net-hint,#net-box.unavailable #net-start,#net-box.unavailable #net-chat,#net-box.unavailable #net-status,#net-box.unavailable #net-exit{display:none!important}#net-spectate-row{margin-bottom:16px}#net-spectate-row.hidden{display:none}#net-spectate-text{display:block;margin-bottom:10px;color:#ffd76a;font-size:15px}#net-spectate-btns{display:flex;gap:10px;justify-content:center}#net-spectate-yes,#net-spectate-no{padding:9px 18px;font-size:15px;cursor:pointer;background:linear-gradient(160deg,#8a6d1c,#6d5a33);color:#fff4d6;border:1px solid #ffd76a66;border-radius:6px}#net-spectate-no{background:#14100a;color:#bfae86}#net-spectate-yes:hover,#net-spectate-no:hover{filter:brightness(1.15)}#net-nick{flex:1;padding:9px 12px;font-size:15px;background:#14100a;color:#e8dcc0;border:1px solid #6d5a33;border-radius:6px;outline:none}#net-nick:focus{border-color:#ffd76a;box-shadow:0 0 0 2px #ffd76a1f}#net-join,#net-start{padding:9px 18px;font-size:15px;cursor:pointer;background:linear-gradient(160deg,#8a6d1c,#6d5a33);color:#fff4d6;border:1px solid #ffd76a66;border-radius:6px}#net-join:hover,#net-start:hover{filter:brightness(1.15)}#net-seats-title,#net-specs-title{text-align:left;font-size:13px;color:#9a8f74;letter-spacing:3px;margin:14px 0 8px}#net-seats-title{display:flex;align-items:center;gap:10px}#net-seats-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(150,122,63,.55),transparent)}#net-seats{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px}.seat-card{position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:86px;padding:10px 14px 10px 15px;border:1px solid rgba(120,98,55,.5);border-radius:10px;background:linear-gradient(150deg,#ffd76a12,#00000047);transition:transform .18s,border-color .18s,box-shadow .18s}.seat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--fc);box-shadow:0 0 9px var(--fc)}.seat-card.fac0{--fc: #57a0ff}.seat-card.fac1{--fc: #ff6a55}.seat-card.fac2{--fc: #7ee08a}.seat-card.fac3{--fc: #ffd166}.seat-wm{position:absolute;right:4px;bottom:-12px;pointer-events:none;font-family:var(--disp);font-size:62px;line-height:1;color:var(--fc);opacity:.13;transition:opacity .25s}.seat-card.empty{border-style:dashed;background:#0000002e}.seat-card.empty .seat-wm{opacity:.05}.seat-card.can-take:hover{border-color:var(--fc);box-shadow:inset 0 0 0 1px var(--fc)}.seat-card.can-take:hover .seat-wm{opacity:.17}.seat-card.me{border-color:var(--gold);background:linear-gradient(150deg,#ffd76a26,#00000047);box-shadow:inset 0 0 0 1px #ffd76a38}.seat-card.offline{border-color:#ff8a5c80}.seat-card.offline:before{animation:seat-blink 1.6s infinite}@keyframes seat-blink{50%{opacity:.35}}.seat-head{display:flex;align-items:center;gap:7px}.seat-fac{font-family:var(--disp);font-size:13px;color:#d8cba6;letter-spacing:1.5px;font-weight:400}.seat-tag{margin-left:auto;padding:1px 9px;font-size:11px;letter-spacing:1px;border:1px solid;border-radius:999px}.seat-tag.me{color:var(--gold);border-color:#ffd76a80;background:#ffd76a1a}.seat-tag.ai{color:#9a8f74;border-color:#6d5a33}.seat-tag.off{color:#ff9a5c;border-color:#ff8a5c80;animation:seat-blink 1.6s infinite}.seat-name{font-size:15px;color:#f0e6c8}.seat-card.empty .seat-name{color:#8a7d5e;font-size:13px;letter-spacing:3px}.seat-sub{font-size:11.5px;color:#9a8f74}.seat-acts{display:flex;gap:6px;margin-top:3px}.net-dot{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 6px currentColor}.net-seat-btn{padding:4px 12px;font-size:12px;letter-spacing:1px;cursor:pointer;background:#00000059;color:#cfc3a0;border:1px solid rgba(120,98,55,.6);border-radius:6px;transition:border-color .15s,color .15s,transform .1s}.net-seat-btn:hover{border-color:#ffd76a;color:#ffe9ad}.net-seat-btn:active{transform:scale(.95)}.net-seat-btn.primary{border-color:var(--fc);color:#ffe9ad;background:#ffd76a1a}#net-spec-bar{display:flex;align-items:center;gap:10px;margin:16px 0 8px}#net-spec-bar #net-specs-title{margin:0}#net-take-spec{margin-left:auto;padding:4px 12px;font-size:12px;cursor:pointer;background:#00000059;color:#cfc3a0;border:1px solid rgba(120,98,55,.6);border-radius:6px}#net-take-spec:hover{border-color:#ffd76a;color:#ffe9ad}#net-specs{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;margin-bottom:6px;text-align:left}.spec-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 13px;font-size:12.5px;color:#cfc3a0;background:#00000052;border:1px solid rgba(120,98,55,.45);border-radius:999px}.spec-chip.host{color:#ffd76a;border-color:#ffd76a80;background:#ffd76a12}.spec-empty{font-size:12.5px;color:#7c7157;letter-spacing:1px;padding:5px 2px}#net-hint{font-size:12.5px;color:#9a8f74;margin:8px 0 10px}#net-start{position:relative;overflow:hidden;width:100%;font-family:var(--disp);font-size:17px;letter-spacing:8px;text-indent:8px;padding:12px;margin:4px 0 14px}#net-start:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);transform:translate(-130%);animation:sheen 3s ease-in-out infinite}@keyframes sheen{55%,to{transform:translate(130%)}}#net-chat{margin-top:4px;text-align:left}#net-chat-log{height:132px;overflow-y:auto;margin-bottom:8px;padding:10px 12px;background:#00000059;border:1px solid rgba(120,98,55,.35);border-radius:8px;font-size:13px;color:#cfc3a0;line-height:1.7;scrollbar-width:thin;scrollbar-color:#6d5a33 transparent}#net-chat-log::-webkit-scrollbar{width:6px}#net-chat-log::-webkit-scrollbar-thumb{background:#6d5a33;border-radius:3px}#net-chat-log:empty:before{content:"军帐静悄悄 · 房间聊天会显示在这里";color:#6f6549;font-size:12.5px;letter-spacing:1px}.chat-line{word-break:break-all;padding:1px 0}.chat-line b{color:#ffd76a;font-weight:400}.chat-line b:after{content:"："}.chat-line span{color:#cfc3a0}.chat-line.mine b{color:#fff0c9}.chat-in{animation:chat-in .3s ease-out}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}}#net-chat-row{display:flex;gap:8px}#net-chat-input{flex:1;padding:7px 10px;font-size:13px;background:#14100a;color:#e8dcc0;border:1px solid #6d5a33;border-radius:6px;outline:none}#net-chat-input:focus{border-color:#ffd76a}#net-chat-send{padding:7px 14px;font-size:13px;cursor:pointer;background:#3a301c;color:#e8dcc0;border:1px solid #6d5a33;border-radius:6px}#net-chat-send:hover{border-color:#ffd76a}#net-status{font-size:13px;color:#ff9a5c;min-height:18px;margin-top:4px}@media(max-width:560px){#net-seats{grid-template-columns:1fr}#net-box{padding:20px 18px 16px}}#game-chat{position:absolute;left:12px;bottom:200px;z-index:40;width:320px}#game-chat.hidden{display:none}#game-chat-input{width:100%;padding:7px 10px;font-size:13px;background:#0c0a06d9;color:#e8dcc0;border:1px solid #6d5a33;border-radius:6px;outline:none}#game-chat-input:focus{border-color:#ffd76a}#join-box{display:flex;gap:10px;align-items:center;flex:1}#join-code{width:170px;padding:8px 12px;font-size:15px;letter-spacing:3px;text-transform:uppercase;background:#14100a;color:#e8dcc0;border:1px solid #6d5a33;border-radius:6px;outline:none}#join-code:focus{border-color:#ffd76a}#join-btn{padding:8px 18px;font-size:15px;cursor:pointer;background:linear-gradient(160deg,#8a6d1c,#6d5a33);color:#fff4d6;border:1px solid #ffd76a66;border-radius:6px}#join-btn:hover{filter:brightness(1.15)}#admin-link{margin-left:auto;color:#8a7c5a;font-size:13px;text-decoration:none;letter-spacing:1px}#admin-link:hover{color:#ffd76a}#game-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#0000009e}#game-menu.hidden{display:none}#game-menu-box{min-width:280px;padding:22px 26px;text-align:center;background:#16120b;border:1px solid #ffd76a55;border-radius:10px;box-shadow:0 8px 40px #0009}#game-menu-box h2{margin:0 0 6px;font-size:20px;color:#ffd76a;letter-spacing:3px}#menu-room-line{font-size:13px;color:#9a8f74;margin-bottom:16px}#menu-resume,#menu-home{display:block;width:100%;margin-top:10px;padding:11px 16px;font-size:15px;cursor:pointer;border-radius:6px;background:linear-gradient(160deg,#8a6d1c,#6d5a33);color:#fff4d6;border:1px solid #ffd76a66}#menu-resume:hover,#menu-home:hover{filter:brightness(1.15)}#menu-home{background:linear-gradient(160deg,#8f3b2b,#6d2c1c)}#net-exit{margin-top:10px;padding:7px 14px;font-size:13px;cursor:pointer;background:transparent;color:#9a8f74;border:1px solid #6d5a3366;border-radius:6px}#net-exit:hover{color:#ff9b85;border-color:#8f3b2b}