:root{--bg: #10130e;--bg-panel: rgba(34, 27, 17, .97);--bg-raised: #2c2214;--border: #5c4726;--brass: #8a6d3b;--text: #e8dcc0;--text-dim: #a8987a;--accent: #c9a13b;--accent-dim: #8a6d3b;--good: #6aa84f;--bad: #c0392b;--ally: #35d3e0;--font-display: Georgia, "Times New Roman", "Palatino Linotype", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--carved: inset 0 0 0 1px rgba(10, 8, 4, .9), inset 0 0 0 3px rgba(138, 109, 59, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--text);background:linear-gradient(180deg,#3a2c19,#291f11);border:1px solid var(--brass);border-radius:4px;padding:7px 12px;cursor:pointer;box-shadow:inset 0 1px #ffe0a024,inset 0 -2px 3px #00000073}button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#d9b455,#a37c22);border-color:#7a5f28;color:#241a06;font-weight:600;box-shadow:inset 0 1px #fff2c88c,inset 0 -2px 3px #422c0680}input[type=text],input[type=number]{font:inherit;color:var(--text);background:#171208;border:1px solid var(--border);border-radius:4px;padding:8px 10px;outline:none;box-shadow:inset 0 2px 4px #00000080}input:focus{border-color:var(--accent-dim)}input::placeholder{color:#6f6046}.hidden{display:none!important}#map{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;touch-action:none;display:block}#conn-status{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);z-index:60;background:var(--bg-panel);border:1px solid var(--accent-dim);color:var(--accent);border-radius:20px;padding:5px 14px;font-size:12px;font-family:var(--font-display);letter-spacing:.08em;animation:pulse 1.4s ease-in-out infinite}#toasts{position:fixed;top:calc(env(safe-area-inset-top,0px) + 44px);left:50%;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(92vw,420px)}.toast{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;padding:8px 14px;font-size:13px;max-width:100%;box-shadow:0 4px 14px #0009,var(--carved);animation:toast-in .2s ease-out;transition:opacity .4s}.toast.error{border-left-color:var(--bad)}.toast.good{border-left-color:var(--good)}.toast.attack{border-left-color:var(--bad);border-color:var(--bad);background:#3e100cf5;color:#ffd9d9;animation:toast-in .2s ease-out,pulse .9s ease-in-out infinite}.toast.fading{opacity:0}@keyframes toast-in{0%{transform:translateY(-8px);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}#hud{position:fixed;top:0;left:0;right:0;z-index:40;pointer-events:none}#hud>*{pointer-events:auto}#topbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:calc(env(safe-area-inset-top,0px) + 6px) 8px 6px;background:linear-gradient(180deg,#100d08f0,#100d08c7);border-bottom:1px solid var(--border)}.tb-chip{background:#2c2214e6;border:1px solid var(--border);border-radius:3px;padding:4px 8px;font-size:12px;color:var(--text-dim);white-space:nowrap}.tb-chip b{color:var(--accent);font-weight:600}.tb-spacer{flex:1}.tb-btn{padding:5px 10px;font-size:12px;position:relative}.badge{position:absolute;top:-6px;right:-6px;background:var(--bad);color:#fff;border-radius:10px;min-width:17px;height:17px;font-size:11px;line-height:17px;text-align:center;padding:0 4px;font-weight:700}#resource-bar{display:flex;gap:8px;flex-wrap:wrap;padding:6px 8px;background:#100d08c7;border-bottom:1px solid var(--border)}.res{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.res .dot{width:9px;height:9px;border-radius:50%}.res .val{font-weight:600}.res .rate{color:var(--good);font-size:11px}.res .dot.food{background:#8fae4e}.res .dot.wood{background:#3a6b3a}.res .dot.iron{background:#9a9484}.res .dot.gold{background:var(--accent)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--bg-panel);border-top:1px solid var(--brass);border-radius:10px 10px 0 0;max-height:62vh;overflow-y:auto;padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 14px);box-shadow:0 -6px 24px #0009,var(--carved)}@media (min-width: 720px){.sheet{left:auto;right:12px;bottom:12px;width:420px;border:1px solid var(--brass);border-radius:8px;max-height:74vh}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.sheet-head h2{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--accent);letter-spacing:.1em}.sheet-close{padding:3px 10px;font-size:13px}.sheet .sub{color:var(--text-dim);font-size:12px;margin-bottom:8px}.row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(92,71,38,.45)}.row .grow{flex:1;min-width:0}.row .title{font-weight:600}.row .meta{color:var(--text-dim);font-size:12px}.section-title{font-family:var(--font-display);color:var(--accent);font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin:14px 0 4px}.cost-chips{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-dim)}.cost-chips .lack{color:var(--bad)}.bar{height:7px;background:#171208;border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-top:5px}.bar .fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .5s linear}.queue-note{color:var(--accent);font-size:12px;margin-top:3px}input[type=range]{flex:1;accent-color:var(--accent)}input.num{width:76px;padding:6px 8px}.sheet.fullscreen{top:0;bottom:0;left:0;right:0;width:auto;max-height:none;border:none;border-radius:0;padding-top:calc(env(safe-area-inset-top,0px) + 12px);z-index:55;box-shadow:var(--carved)}@media (min-width: 720px){.sheet.fullscreen{left:0;right:0;bottom:0;width:auto;max-height:none;border:none;border-radius:0}}.tabs{display:flex;gap:4px;margin-bottom:10px}.tab-btn{flex:1;padding:8px 0;font-size:13px;font-family:var(--font-display);letter-spacing:.08em}.tab-btn.active{border-color:var(--accent);color:var(--accent);font-weight:600;box-shadow:inset 0 1px #ffe0a033,inset 0 -2px 3px #00000073,0 0 8px #c9a13b40}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080603bf;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:var(--bg-panel);border:1px solid var(--brass);border-radius:8px;width:min(94vw,420px);max-height:80vh;overflow-y:auto;padding:16px;box-shadow:0 10px 40px #000000a6,var(--carved)}.modal-card h2{font-family:var(--font-display);color:var(--accent);font-size:16px;letter-spacing:.08em;margin-bottom:10px}.kv{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid rgba(92,71,38,.45);font-size:13px}.kv .k{color:var(--text-dim)}.result-victory{color:var(--good);font-weight:700}.result-defeat{color:var(--bad);font-weight:700}#chat-panel{position:fixed;left:0;bottom:0;z-index:45;width:min(100vw,380px);background:var(--bg-panel);border:1px solid var(--brass);border-bottom:none;border-left:none;border-radius:0 10px 0 0;display:flex;flex-direction:column;box-shadow:var(--carved)}#chat-header{padding:7px 12px;font-size:13px;font-family:var(--font-display);letter-spacing:.12em;color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none}#chat-header:after{content:"▴";float:right;color:var(--text-dim)}#chat-panel.collapsed #chat-header:after{content:"▾"}#chat-panel.collapsed #chat-body{display:none}#chat-tabs{display:flex;gap:4px;padding:0 10px 6px}.chat-tab{flex:1;padding:4px 0;font-size:12px;border-radius:4px}.chat-tab.active{border-color:var(--accent-dim);color:var(--accent)}#chat-messages{height:180px;overflow-y:auto;padding:0 10px;font-size:12.5px;display:flex;flex-direction:column;gap:3px}#chat-messages .msg .from{color:var(--accent);font-weight:600}#chat-messages .msg .from.me{color:var(--ally)}#chat-input-row{display:flex;gap:6px;padding:8px 10px calc(env(safe-area-inset-bottom,0px) + 8px)}#chat-input{flex:1;min-width:0}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 32%,rgba(201,161,59,.14),transparent 55%),radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,#15110a,#0e110a);padding:20px}#login-card{text-align:center;width:min(92vw,360px);padding:34px 26px;background:#18130b99;border:1px solid var(--brass);border-radius:8px;box-shadow:0 12px 44px #0009,var(--carved)}#login-title{font-family:var(--font-display);font-size:44px;font-weight:600;letter-spacing:.26em;color:var(--accent);text-shadow:0 0 26px rgba(201,161,59,.4),0 2px 2px rgba(0,0,0,.8);margin-bottom:6px}#login-sub{font-family:var(--font-display);font-style:italic;letter-spacing:.06em;color:var(--text);margin-bottom:10px}#login-flavor{color:var(--text-dim);font-size:12.5px;line-height:1.5;margin-bottom:26px}#login-form{display:flex;flex-direction:column;gap:10px}#login-btn{padding:11px;font-size:15px;font-family:var(--font-display);letter-spacing:.1em}#login-status{margin-top:14px;font-size:12px;color:var(--text-dim);min-height:16px}