:root{--bg: #12263a;--bg-2: #1a3247;--text: #ffffff;--sunset: #f9c784;--sandy: #fcaf58;--pumpkin: #ff8c42;--muted: #9aa5b1;--error: #ff6b6b;--accent: #7aa2f7;--ok: #7fd8a4}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif}#app{display:flex;flex-direction:column;height:100%}header{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-2);font-weight:600}header .muted{font-weight:400;font-size:12px;color:var(--muted)}main{flex:1;display:flex;min-height:0}#panel{width:300px;flex-shrink:0;padding:12px;overflow-y:auto;border-right:1px solid var(--bg-2)}#messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}#messages .msg{white-space:pre-wrap;word-break:break-word}#messages .msg.result{color:var(--sunset)}#messages .msg.system{color:var(--muted)}#messages .msg.error{color:var(--error)}#messages .msg.danmaku{color:var(--muted);opacity:.85}#messages .msg.envoy{color:var(--accent);border-left:3px solid var(--accent);padding-left:8px}#messages .msg.milestone{color:var(--sunset);border:1px solid var(--pumpkin);border-radius:8px;padding:12px 14px;background:#ff8c4214;font-weight:600;animation:milestone-flash 1.2s ease-out}@keyframes milestone-flash{0%{box-shadow:0 0 24px 6px #ff8c428c;transform:scale(1.02)}to{box-shadow:0 0 #ff8c4200;transform:scale(1)}}#messages .msg.emoji-anim{display:flex;justify-content:center;gap:6px;font-size:22px;line-height:1.4}#messages .msg.emoji-anim span{display:inline-block;animation:emoji-float 1.6s ease-in-out 3}#messages .msg.emoji-anim.bad span{animation-duration:1s}@keyframes emoji-float{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-8px) scale(1.3);opacity:1}}footer{display:flex;gap:8px;padding:10px 16px;background:var(--bg-2)}#regionSel,#actionInput,#sendBtn{border:none;border-radius:4px;padding:8px 12px;font-size:15px}#actionInput{flex:1;background:var(--bg);color:var(--text);outline:none}#sendBtn{background:var(--pumpkin);color:#fff;cursor:pointer;font-weight:600}#sendBtn:disabled{opacity:.5;cursor:not-allowed}h3{margin:0 0 8px;font-size:14px;color:var(--sandy)}.region{margin-bottom:14px}.region .title{font-weight:600;margin-bottom:4px}.resource{font-size:13px;color:var(--muted);margin-bottom:4px}.resource b{color:var(--text)}.resource .slot{display:inline-block;min-width:2em;margin-left:2px;color:var(--sandy)}.resource .slot.empty{color:var(--muted)}.player-row{font-size:13px;color:var(--muted)}.player-row b{color:var(--text)}#panel details.block{margin:6px 0;font-size:13px}#panel details.block summary{cursor:pointer;color:var(--sandy);font-weight:600;-webkit-user-select:none;user-select:none}#panel .task-list{margin:4px 0 0;padding-left:18px;color:var(--muted)}#panel .task-list li{margin:2px 0}#panel .tag{display:inline-block;margin-right:4px;padding:0 4px;border-radius:3px;background:var(--bg-2);color:var(--sandy);font-size:11px}#panel .badge{display:inline-block;margin:2px 4px 2px 0;padding:1px 6px;border:1px solid var(--bg-2);border-radius:10px;font-size:12px;color:var(--sunset)}#panel .wave-badge{display:inline-block;margin:2px 4px 2px 0;padding:1px 6px;border:1px solid var(--accent);border-radius:10px;font-size:12px;color:var(--accent)}#panel .wave-badge.negative{border-color:var(--error);color:var(--error)}#messages .msg.cg img{max-width:100%;border-radius:6px;display:block}dialog label.chk{display:flex;align-items:center;gap:6px;cursor:pointer}dialog label.chk input{width:auto}.endgame-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000bf;z-index:10}.endgame-box{max-width:480px;margin:24px;padding:24px;border-radius:8px;background:var(--bg-2);overflow-y:auto;max-height:80vh}.endgame-box p{font-size:14px;line-height:1.7;color:var(--sunset)}.endgame-box button{margin-top:16px;border:none;border-radius:4px;padding:10px 24px;cursor:pointer;background:var(--pumpkin);color:#fff;font-weight:600}dialog{border:none;border-radius:8px;background:var(--bg-2);color:var(--text);width:360px}dialog::backdrop{background:#0009}dialog label{display:block;font-size:13px;color:var(--muted);margin:8px 0 4px}dialog input{width:100%;border:none;border-radius:4px;padding:8px;background:var(--bg);color:var(--text);font-size:14px}dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}dialog button{border:none;border-radius:4px;padding:8px 16px;cursor:pointer;background:var(--bg);color:var(--text)}dialog button.primary{background:var(--pumpkin);color:#fff}.ce2-age-progress{margin:6px 0}.ce2-route-badges{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}#panel .ce2-route-badge{display:inline-block;padding:1px 6px;border:1px solid var(--accent);border-radius:10px;font-size:12px;color:var(--accent);cursor:help}#panel .ce2-route-badge.locked{border-color:var(--muted);color:var(--muted);opacity:.75}#panel .ce2-region-card summary b{color:var(--text)}#panel .ce2-integrity-badge{display:inline-block;margin-left:4px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;cursor:help}#panel .ce2-integrity-badge.intact{border:1px solid var(--ok);color:var(--ok)}#panel .ce2-integrity-badge.damaged{border:1px solid var(--sandy);color:var(--sandy)}#panel .ce2-integrity-badge.ruined{border:1px solid var(--error);color:var(--error)}#panel .ce2-war-mark{margin-left:6px;font-size:11px;font-weight:600;color:var(--error)}.ce2-tip{position:relative;border-bottom:1px dotted var(--muted);cursor:help}.ce2-tip:hover:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 6px);z-index:30;padding:6px 8px;border:1px solid var(--accent);border-radius:6px;background:var(--bg-2);color:var(--text);font-size:12px;font-weight:400;white-space:normal;width:max-content;max-width:240px;box-shadow:0 4px 12px #0006;pointer-events:none}.mode-select{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.mode-select button{width:260px;padding:12px 16px;font-size:16px}#netPanel{width:380px;flex-shrink:0;padding:12px;overflow-y:auto;border-right:1px solid var(--bg-2)}#netFeed{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}#netFeed .msg{white-space:pre-wrap;word-break:break-word}#netFeed .msg.net-emote,.msg.net-emote{font-size:22px;letter-spacing:4px}.msg.net-phrase{color:var(--sandy)}.msg.net-chat{color:var(--accent)}.net-room-row{display:flex;align-items:center;gap:8px;padding:4px 0;flex-wrap:wrap}.net-room-row input{flex:1;min-width:140px}.net-phase{font-size:12px;padding:1px 6px;border-radius:8px;border:1px solid var(--muted);color:var(--muted);flex-shrink:0}.net-phase.waiting{color:var(--ok);border-color:var(--ok)}.net-phase.playing{color:var(--sunset);border-color:var(--sunset)}.net-phase.debrief{color:var(--accent);border-color:var(--accent)}.net-room-name{font-weight:600}.net-card label{display:block;margin:6px 0 2px;font-size:13px;color:var(--muted)}.net-card input{width:100%}.net-goal-row{display:flex;flex-direction:column;gap:4px;margin:4px 0}.net-goal{font-size:14px}.net-light{font-size:12px;color:var(--muted)}.net-light.ok{color:var(--ok)}.net-light.off{opacity:.6}.net-hint{font-size:13px;color:var(--error);min-height:18px}.net-error{margin-top:6px;color:var(--error);font-size:13px}.net-spectator{padding:6px 10px;border:1px dashed var(--accent);border-radius:6px;color:var(--accent);font-size:13px}.net-debrief-banner{padding:8px 10px;margin-bottom:10px;border:1px solid var(--accent);border-radius:6px;background:#7aa2f71f;font-weight:600}.net-emote-grid{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.net-emote-btn{font-size:18px;padding:2px 6px;min-width:34px}.net-emote-big{font-size:22px;letter-spacing:4px}#netFoot{flex-wrap:wrap}#netFoot input{flex:1;min-width:160px}.net-card .actions,#netPanel .actions{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}