:root{--bg:#1b1314;--panel:#efe4cf;--paper:#f8f1e4;--red:#9f1c22;--red2:#5d0d13;--gold:#e1b85b;--ink:#231a18;--muted:#6d625d;--ally:#8f2028;--enemy:#2c5485;--plain:#e2d5bc;--water:#8fb5d8;--mount:#918880}*{box-sizing:border-box}body{margin:0;font-family:"Trebuchet MS","Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top,rgba(225,184,91,.12),transparent 28%),linear-gradient(180deg,#281b1d,#140f10)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{max-width:1380px;margin:0 auto;padding:22px}.hero,.layout{display:grid;gap:18px}.hero{grid-template-columns:1.2fr .8fr}.layout{grid-template-columns:minmax(0,1.7fr) 360px;margin-top:18px}.card,.panel{background:rgba(248,241,228,.97);border-radius:22px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.title{font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red2);margin:0 0 10px}.muted{color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap}.field{display:grid;gap:8px;margin-top:14px}.field input,.field select{padding:14px;border-radius:14px;border:1px solid #cfbea0;background:#fffdf8}.primary,.secondary,.chip{padding:13px 16px;border-radius:14px;border:1px solid transparent;font-weight:700}.primary{background:linear-gradient(180deg,#c3282c,#89161b);color:#fff3d3}.secondary{background:#eadfc8;color:var(--red2);border-color:#cfbe9f}.hud{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-radius:20px;color:#fff3d3;background:linear-gradient(90deg,#581015,#8d181c,#581015);box-shadow:0 14px 40px rgba(0,0,0,.24)}.pill{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid #d6c5a6}.mapwrap{background:linear-gradient(180deg,rgba(19,15,16,.92),rgba(42,23,25,.95));padding:14px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.map{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;width:min(100%,820px);max-width:820px;margin:0 auto;background:#631116;border:4px solid #3d090f;border-radius:18px;padding:8px}.cell{aspect-ratio:1;min-height:44px;border-radius:10px;border:1px solid rgba(0,0,0,.16);position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0}.cell.engineer-build::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:3px;background:conic-gradient(var(--gold) calc(var(--build-progress,0)*1turn),rgba(35,26,24,.18) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.terrain-PLAINS{background:var(--plain)}.terrain-WATER{background:var(--water)}.terrain-MOUNTAIN{background:var(--mount)}.sel{outline:3px solid #f8d880}.target{outline:2px dashed rgba(248,216,128,.7)}.fight{box-shadow:inset 0 0 0 3px rgba(255,87,87,.95)}.prov,.army{position:absolute;border-radius:12px;display:grid;place-items:center}.prov{inset:7px;font-size:.74rem;border:2px solid rgba(0,0,0,.1)}.po1{background:rgba(143,32,40,.87);color:#fff1cb}.po2{background:rgba(44,84,133,.87);color:#f4f8ff}.po3{background:rgba(56,125,86,.9);color:#eefcf3}.po4{background:rgba(115,72,148,.9);color:#f6f0ff}.po5{background:rgba(181,116,38,.92);color:#fff7eb}.po6{background:rgba(26,128,124,.92);color:#effffd}.po0{background:rgba(90,80,73,.4)}.po-barbarian{background:rgba(29,29,29,.9);color:#fff}.stack{position:absolute;right:4px;bottom:4px;display:grid;gap:4px}.army{position:static;min-width:30px;min-height:30px;padding:0 6px;border:2px solid rgba(255,255,255,.28);font-size:.8rem}.ao1{background:var(--ally);color:#fff1cb}.ao2{background:var(--enemy);color:#f4f8ff}.ao3{background:#387d56;color:#eefcf3}.ao4{background:#734894;color:#f6f0ff}.ao5{background:rgba(181,116,38,.98);color:#fff7eb}.ao6{background:rgba(26,128,124,.98);color:#effffd}.ao-barbarian{background:#1d1d1d;color:#fff}.side{display:grid;gap:14px;align-content:start}.section{background:var(--paper);border:1px solid #d3c2a4;border-radius:18px;padding:16px}.section h3,.section h4{margin:0 0 10px;font-family:"Palatino Linotype","Book Antiqua",serif;color:var(--red2)}.list{display:grid;gap:8px}.item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border:1px solid #dccbae;border-radius:12px;background:#fffdf8}.item span,.item strong,.item small{min-width:0}.chips{display:flex;flex-wrap:wrap}.chip{margin:0 8px 8px 0;background:#f1e7d3;border-color:#d7c6a6}.chip.on{background:#fde49c;border-color:#d49e20}.note{padding:12px 14px;border-radius:14px;background:rgba(255,238,191,.82);border:1px solid #d7b25d;color:#5d3a09}.err{background:rgba(159,28,34,.14);border-color:rgba(159,28,34,.28);color:#7b1218}.logs{max-height:230px;overflow:auto}.small{font-size:.9rem}.win{text-align:center;padding:28px;border-radius:22px;background:linear-gradient(180deg,#5c1015,#31090c);color:#fff1cc}@media(max-width:980px){.hero,.layout{grid-template-columns:1fr}#app{padding:14px}.hud{flex-direction:column;align-items:stretch}.hud .row{width:100%}.map{width:100%}.side{order:2}}.terrain-mark{font-size:1.15rem;opacity:.55}.terrain-PLAINS .terrain-mark{display:none}.player-1{color:rgba(143,32,40,.95)}.player-2{color:rgba(44,84,133,.98)}.player-3{color:rgba(56,125,86,.98)}.player-4{color:rgba(115,72,148,.98)}.player-5{color:rgba(181,116,38,.98)}.player-6{color:rgba(26,128,124,.98)}.player-barbarian{color:rgba(29,29,29,.98)}.city-tag{font-size:.58rem;letter-spacing:.08em;line-height:1;font-weight:800}.mini-name{font-size:.55rem;letter-spacing:.08em}.mini-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;margin:0 8px 8px 0;border-radius:999px;background:#f3ead8;border:1px solid #d7c6a8}.action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.action-main{width:100%}.tutorial-card{width:min(1100px,100%);max-height:min(92vh,92dvh)}.tutorial-backdrop{z-index:140}.tutorial-tabs{margin-bottom:14px}.tutorial-chip{margin:0 8px 8px 0}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tutorial-chip-grid{gap:8px}.tutorial-combat-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tutorial-force{padding:12px;border-radius:16px;border:1px solid #dac8a7;background:#fff8ea;display:grid;gap:8px}.tutorial-force.attacker{background:linear-gradient(180deg,#fff2ec,#fff8ea)}.tutorial-force.defender{background:linear-gradient(180deg,#edf5ff,#fff8ea)}.tutorial-force-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.tutorial-force-icons{font-size:1.2rem;letter-spacing:.16em}.tutorial-force-bar{height:10px;border-radius:999px;background:#e6d7b8;overflow:hidden}.tutorial-force-fill{height:100%;background:linear-gradient(90deg,#c3282c,#e1b85b)}.tutorial-engineer-strip{display:grid;grid-template-columns:repeat(3,72px);gap:10px;justify-content:flex-start}.tutorial-engineer-tile{height:72px;border-radius:18px;border:1px solid rgba(0,0,0,.12);display:grid;place-items:center;background:#fff8ea;font-weight:700}.tutorial-engineer-tile.cap{background:rgba(143,32,40,.9);color:#fff1cb}.tutorial-engineer-tile.enemy{background:rgba(44,84,133,.9);color:#f4f8ff}.tutorial-engineer-tile.road{background:linear-gradient(180deg,#d4b282,#b88c58);color:#fff8ea}.tutorial-engineer-tile.trap{background:linear-gradient(180deg,#8f2028,#581015);color:#fff1cb}.info-btn{width:32px;height:32px;border-radius:999px;border:1px solid #cfbe9f;background:#fff8ea;color:var(--red2);font-weight:700;display:grid;place-items:center;flex:0 0 auto}.info-btn:hover{background:#f5e8cb}.info-line{justify-content:flex-start}.unit-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;font-size:.82rem;position:relative;flex-wrap:wrap}.unit-chip.selectable{cursor:pointer}.unit-chip.on{background:#fde49c;border-color:#d49e20}.compact-unit{justify-content:center;min-width:40px;padding:6px 7px;font-size:.86rem;gap:4px}.compact-unit .unit-mark{font-size:1rem;line-height:1}.compact-unit .chip-hp{font-size:.68rem;line-height:1}.queue-item{display:grid;gap:8px;padding:10px 12px;border:1px solid #dccbae;border-radius:12px;background:#fffdf8}.queue-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.queue-bar{height:8px;border-radius:999px;background:#e6d7b8;overflow:hidden;border:1px solid rgba(93,13,19,.08)}.queue-fill{height:100%;background:linear-gradient(90deg,#c3282c,#e1b85b)}.battle-unit-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.lock-badge{position:absolute;top:4px;right:4px;font-size:.72rem;background:rgba(0,0,0,.65);color:#fff1cc;padding:3px 6px;border-radius:999px}.tile-badge{position:absolute;left:4px;top:4px;font-size:.72rem;padding:3px 6px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff8ea}.tile-badge.trap{left:auto;right:4px;top:4px;background:rgba(123,18,24,.88)}.tile-badge.engineer-build-badge{left:50%;top:4px;transform:translateX(-50%);background:rgba(93,13,19,.82)}.alliance-badge{position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:999px;background:var(--alliance,#888);color:#fff;display:grid;place-items:center;font-size:.55rem;border:1px solid rgba(255,255,255,.75);box-shadow:0 2px 8px rgba(0,0,0,.24)}.army-alliance{position:absolute;right:-6px;top:-6px;width:14px;height:14px;font-size:.45rem}.battle-preview{position:absolute;left:3px;right:3px;bottom:3px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:2px;align-items:center;z-index:2;pointer-events:none}.battle-preview-side{min-width:0;padding:3px 4px;border-radius:8px;background:rgba(23,17,17,.82);border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 14px rgba(0,0,0,.18)}.battle-preview-top{display:flex;justify-content:space-between;gap:3px;align-items:center;font-size:.46rem;line-height:1;color:#fff8ea;text-transform:uppercase;letter-spacing:.04em}.battle-preview-top span,.battle-preview-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-preview-top strong{font-size:.54rem}.battle-preview-vs{display:grid;place-items:center;min-width:14px;height:14px;padding:0 2px;border-radius:999px;background:rgba(13,9,10,.82);border:1px solid rgba(255,255,255,.16);color:#fff8ea;font-size:.38rem;font-weight:800;letter-spacing:.08em}.battle-preview-bar{margin-top:3px;height:4px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.battle-preview-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f5e7aa,#ffffff)}.battle-preview-friendly{background:rgba(143,32,40,.88)}.battle-preview-enemy{background:rgba(44,84,133,.9)}.battle-preview-friendly .battle-preview-fill{background:linear-gradient(90deg,#f6d67e,#fff1cb)}.battle-preview-enemy .battle-preview-fill{background:linear-gradient(90deg,#9bd0ff,#f4f8ff)}.toast-layer{position:fixed;top:18px;right:18px;z-index:300;display:grid;gap:10px;max-width:min(420px,calc(100vw - 24px))}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(248,241,228,.98);border:1px solid rgba(159,28,34,.28);box-shadow:0 18px 50px rgba(0,0,0,.28)}.toast.error{border-color:rgba(159,28,34,.5);background:linear-gradient(180deg,rgba(255,236,238,.98),rgba(255,224,227,.98));color:#7b1218}.toast.success{border-color:rgba(47,127,79,.38);background:rgba(237,248,239,.98);color:#1f5c36}.toast-text{flex:1}.toast-close{width:32px;height:32px;border-radius:999px;border:1px solid #cfbe9f;background:#fff8ea;color:var(--red2);font-weight:700;display:grid;place-items:center}.toast.success .toast-close{border-color:rgba(47,127,79,.28);background:#f5fff7;color:#1f5c36}.action-main:disabled,.item:disabled,.secondary:disabled,.primary:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.7)}.locked{filter:saturate(.75)}.inactive{opacity:.42;filter:saturate(.55) brightness(.98)}.inactive:hover{opacity:.58}.info-layer{z-index:120}.modal-backdrop.info-layer{backdrop-filter:none}.info-card .section{padding:14px}.siege-badge{position:absolute;left:4px;bottom:4px;font-size:.7rem;background:rgba(0,0,0,.65);color:#fff1cc;padding:3px 6px;border-radius:999px}.modal-backdrop{position:fixed;inset:0;background:rgba(8,6,7,.9);display:flex;align-items:center;justify-content:center;padding:18px;z-index:100}.modal-card{width:min(980px,100%);max-height:88vh;overflow:auto;overscroll-behavior:contain;background:rgba(248,241,228,.98);border-radius:24px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18)}.modal-card.narrow{width:min(560px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.modal-head h3{margin:4px 0 0;font-family:"Palatino Linotype","Book Antiqua",serif;color:var(--red2);font-size:1.9rem}.modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.modal-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-grid.attack-grid{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid #cfbe9f;background:#fff8ea;font-size:1rem}.icon-btn:hover{background:#f3e5c8}.item.chosen{background:#fde49c;border-color:#d49e20;box-shadow:0 0 0 2px rgba(212,158,32,.18)}.modal-error{margin-bottom:12px}.resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.resource-pill{display:grid;gap:2px;min-width:0;padding:10px 12px;border-radius:16px;background:#fff8ea;border:1px solid #dac8a7;box-shadow:0 8px 20px rgba(83,54,10,.06)}.resource-pill span{font-size:1rem}.resource-pill strong{font-size:1.15rem;color:var(--red2)}.resource-pill small{color:var(--muted);font-size:.75rem}.city-actions .item{background:linear-gradient(180deg,#fffdf8,#f4ead6)}.city-modal{width:min(920px,100%);padding:14px}.city-modal-grid{gap:10px}.compact-stats{gap:8px;margin-bottom:10px}.compact-note{font-size:.84rem}.compact-list{gap:6px}.compact-list .item{padding:8px 10px}.recruit-button{display:grid;gap:6px;align-items:stretch}.recruit-main{display:flex;justify-content:space-between;gap:8px;align-items:center}.train-meta{display:flex;gap:6px;flex-wrap:wrap}.train-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.train-pill.active{background:rgba(159,28,34,.1);color:var(--red2)}.train-pill.waiting{background:rgba(93,13,19,.08);color:var(--muted)}.train-bar{height:5px;border-radius:999px;background:rgba(93,13,19,.1);overflow:hidden}.train-fill{height:100%;background:linear-gradient(90deg,#c3282c,#e1b85b)}.queue-inline{margin-top:10px;padding-top:10px;border-top:1px solid rgba(93,13,19,.1)}.queue-inline-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.queue-inline-head h4{margin:0}.city-garrison{padding-top:12px}.city-garrison-head{margin-bottom:8px}.section .chips.compact,.compact{display:flex;flex-wrap:wrap;gap:6px}.compact .chip{margin:0;padding:8px 10px;font-size:.9rem;border-radius:12px}.attack-compact .chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;font-size:.82rem}.attack-modal{width:min(860px,100%);padding:14px}.compact-attack-grid{gap:10px}.attack-note{margin-bottom:10px}.attack-actions{gap:8px}.attack-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.attack-icon-grid>.note,.attack-icon-grid>.muted,.battle-unit-grid>.note,.battle-unit-grid>.muted{grid-column:1/-1;margin:0}.attack-icon-chip{position:relative;display:grid;place-items:center;gap:4px;min-height:54px;padding:6px 4px;border-radius:12px;border:1px solid #d8c6a8;background:linear-gradient(180deg,#fffdf8,#f4ead6);color:var(--red2)}.attack-icon-chip.on{background:#fde49c;border-color:#d49e20;box-shadow:0 0 0 2px rgba(212,158,32,.18)}.attack-icon-mark{font-size:1.12rem;line-height:1}.attack-icon-hp{font-size:.62rem;line-height:1;padding:2px 5px;border-radius:999px;background:rgba(93,13,19,.1);color:var(--red2)}.chip-hp{font-size:.75rem;color:var(--muted)}.unit-count{font-style:normal;color:var(--muted);font-size:.9em}.battle-modal{width:min(900px,100%)}.battle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.battle-side{min-width:0}.battle-unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.battle-unit{min-width:0;padding:9px 10px;border-radius:14px;background:#fffaf0;border:1px solid #dbc9aa;display:grid;gap:6px}.battle-unit strong{font-size:.9rem;color:var(--red2)}.battle-unit-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-unit-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.78rem;color:var(--muted)}.battle-bar{height:8px;border-radius:999px;background:#e6d7b8;overflow:hidden}.battle-fill{height:100%;background:linear-gradient(90deg,#cc3a3a,#e59b52)}.compact-overview .overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.compact-overview .item{padding:8px 10px;font-size:.9rem;align-items:center}.compact-overview .item strong{font-size:.95rem}.overview-wide{grid-column:1 / -1}.compact-note-box{padding:10px 12px}.city-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.allied-group{border-left:4px solid var(--owner,#888)}.end-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,7,8,.82);backdrop-filter:blur(10px)}.end-card{width:min(720px,100%);padding:40px 28px;border-radius:28px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.14)}.end-card.victory{background:linear-gradient(180deg,#fff1c7,#e9c775);color:#4d2d05}.end-card.defeat{background:linear-gradient(180deg,#452227,#180d10);color:#f6d7d9}.end-mark{font-size:4rem;line-height:1;margin-bottom:14px}.end-card h2{margin:0 0 10px;font-family:"Palatino Linotype","Book Antiqua",serif;font-size:2.4rem;letter-spacing:.06em;text-transform:uppercase}.end-card.end-card-wide{max-width:760px}.stats-block{margin-top:18px;text-align:left}.stats-title{margin:0 0 10px;font-family:"Palatino Linotype","Book Antiqua",serif}.stats-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.stats-table{width:100%;border-collapse:collapse;font-size:.92rem;background:rgba(255,255,255,.06);min-width:560px}.stats-table th,.stats-table td{padding:8px 10px;text-align:center;white-space:nowrap;border-bottom:1px solid rgba(255,241,204,.14)}.stats-table th{font-weight:700;position:sticky;top:0;background:rgba(49,9,12,.95);color:#fff1cc}.stats-table td.stat-name{text-align:left;font-weight:600}.stats-table tr.stat-winner{background:rgba(225,184,91,.2)}.stats-table tr.stat-you td{font-weight:800}.stats-table tr.stat-you td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.end-card p{margin:0;font-size:1.15rem}.end-sub{margin-top:14px;font-size:.95rem;opacity:.82}@media(max-width:980px){.modal-grid,.modal-grid.two-cols,.modal-grid.attack-grid{grid-template-columns:1fr}}@media(max-width:980px){.battle-grid{grid-template-columns:1fr}}@media(max-width:980px){.city-state-grid{grid-template-columns:1fr}}@media(max-width:980px){.compact-overview .overview-grid{grid-template-columns:1fr}}@media(max-width:980px){.tutorial-grid,.tutorial-combat-panels{grid-template-columns:1fr}}@media(max-width:720px){#app{padding:10px}.card,.panel,.section{padding:14px;border-radius:18px}.hero,.layout{gap:12px}.title{font-size:1.5rem;letter-spacing:.08em}.pill{padding:8px 10px;font-size:.88rem}.mapwrap{padding:8px;border-radius:18px}.map{gap:2px;padding:6px;border-radius:14px}.cell{min-height:32px}.prov{inset:4px;border-radius:8px;font-size:.58rem}.mini-name{font-size:.46rem}.city-tag{font-size:.48rem}.stack{right:2px;bottom:2px;gap:2px}.army{min-width:22px;min-height:22px;padding:0 4px;font-size:.62rem;border-radius:8px}.battle-preview{left:2px;right:2px;bottom:2px;gap:1px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}.battle-preview-side{padding:2px 3px;border-radius:6px}.battle-preview-top{font-size:.38rem}.battle-preview-top strong{font-size:.44rem}.battle-preview-vs{min-width:12px;height:12px;font-size:.32rem;padding:0 1px}.battle-preview-bar{margin-top:2px;height:3px}.siege-badge{left:2px;bottom:2px;font-size:.56rem;padding:2px 4px}.lock-badge{top:2px;right:2px;font-size:.56rem;padding:2px 4px}.tile-badge{font-size:.56rem;padding:2px 4px}.modal-backdrop{padding:10vh 0 0;align-items:flex-end}.modal-card,.modal-card.narrow,.battle-modal{width:100%;max-height:min(90vh,90dvh);border-radius:20px 20px 0 0;padding:14px}.city-modal{padding:10px}.attack-modal{padding:10px}.modal-head{position:sticky;top:0;z-index:2;background:rgba(248,241,228,.98);padding-bottom:8px;margin-bottom:10px}.modal-head h3{font-size:1.35rem}.resource-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.compact-stats{gap:4px;margin-bottom:8px}.resource-pill{padding:8px 6px}.resource-pill span{font-size:.78rem}.resource-pill strong{font-size:.9rem}.resource-pill small{font-size:.64rem}.item{padding:11px 10px;align-items:flex-start;flex-wrap:wrap}.item strong{width:100%;text-align:left}.item,.city-actions .item{font-size:.95rem}.city-actions .item{gap:6px}.compact-list{gap:5px}.compact-list .item{padding:7px 8px}.recruit-main{display:grid;gap:2px}.recruit-main strong{width:auto;text-align:left}.train-meta{gap:4px}.train-pill{font-size:.64rem;padding:2px 6px}.train-bar{height:4px}.queue-inline{margin-top:8px;padding-top:8px}.queue-inline-head{display:grid;gap:2px}.attack-icon-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px}.attack-icon-chip{min-height:46px;padding:5px 3px;border-radius:10px}.attack-icon-mark{font-size:1rem}.attack-icon-meta{font-size:.56rem}.attack-icon-hp{right:4px;bottom:3px;font-size:.54rem;padding:2px 3px}.battle-unit-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.battle-unit{padding:8px}.battle-unit-head{gap:6px;align-items:flex-start}.battle-unit-title{font-size:.82rem;white-space:normal;line-height:1.15}.battle-unit-meta{font-size:.68rem}.battle-bar{height:6px}.attack-actions{gap:6px}.primary,.secondary{width:100%}.row .primary,.row .secondary{flex:1 1 100%}.compact .chip,.attack-compact .chip{padding:8px 9px;font-size:.8rem}.chips{gap:6px}.chip{margin:0}.action-row{grid-template-columns:minmax(0,1fr) 28px}.info-btn{width:28px;height:28px}.logs{max-height:180px}.toast-layer{top:10px;left:10px;right:10px;max-width:none}.side{gap:10px}.side .section{padding:10px 12px}.side .list{gap:5px}.side .item{padding:7px 9px;font-size:.84rem;align-items:center;flex-wrap:nowrap}.side .item strong{width:auto;text-align:right}.side .section h3,.side .section h4,.queue-inline-head h4{margin-bottom:6px;font-size:1rem}}@media(max-width:480px){body{font-size:15px}.hud{padding:12px 14px;border-radius:16px}.small{font-size:.82rem}.map{border-width:3px}.cell{min-height:28px}.terrain-mark{font-size:.95rem}.prov{inset:3px}.resource-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.resource-pill{padding:7px 4px;border-radius:12px}.resource-pill span{font-size:.72rem}.resource-pill strong{font-size:.82rem}.resource-pill small{font-size:.58rem}.icon-btn{width:38px;height:38px}.end-card{padding:28px 18px;border-radius:22px}.end-card h2{font-size:1.8rem}.end-mark{font-size:3rem}.side .item{font-size:.8rem;padding:6px 8px}}@media(max-width:720px){.tutorial-card{padding:10px}.tutorial-chip{margin:0 6px 6px 0}.tutorial-engineer-strip{grid-template-columns:repeat(3,56px);gap:8px}.tutorial-engineer-tile{height:56px;border-radius:14px}.tutorial-force{padding:10px}.tutorial-force-icons{font-size:1rem}.tutorial-tabs{margin-bottom:10px}}@media(max-width:720px){.map{min-width:calc(var(--cols,10) * 34px)}.field input,.field select{font-size:16px}}@media(max-width:480px){.map{min-width:calc(var(--cols,10) * 30px)}}.terrain-FOREST{background:var(--forest,#5d7a43)}.terrain-ROAD{background:var(--road,#b88c58)}.wonder-prov{background:rgba(120,90,20,.6)!important;color:#fff3d3;box-shadow:0 0 0 2px #f8d880,0 0 14px rgba(248,216,128,.75)}.wonder-pill{background:linear-gradient(90deg,#e8c46a,#c98a1e);color:#2a1b1d;border-color:#a9781a;font-weight:800}.hotspot-cell{box-shadow:inset 0 0 0 2px rgba(230,190,90,.75)}.tile-badge.hotspot-badge{position:absolute;top:2px;left:2px;background:rgba(35,26,24,.72);border-radius:8px;padding:1px 3px;font-size:.8rem;line-height:1}.landing-hero{display:grid;place-items:center;min-height:70vh}.landing-card{max-width:520px;width:100%;text-align:center}.landing-actions{display:grid;gap:10px;margin-top:18px}.landing-actions .primary,.landing-actions .secondary{width:100%;padding:15px}.landing-pills{flex-wrap:wrap}.account-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.account-who{font-size:.95rem}.admin-badge{background:linear-gradient(180deg,#e1b85b,#c98a1e);color:#2a1b1d;border-radius:6px;padding:1px 6px;font-size:.7rem;font-weight:800;letter-spacing:.04em}.account-record{white-space:nowrap}.account-btn{padding:8px 12px;font-size:.9rem}.lang-switch{display:inline-flex;align-items:center;gap:4px;font-size:.9rem}.lang-switch select{padding:4px 6px;border-radius:8px;border:1px solid #cfbea0;background:#fffdf8;font-size:.85rem}.link-name{background:none;border:none;color:var(--red2);font-weight:700;cursor:pointer;padding:0;text-align:left;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:rgba(159,28,34,.4)}.link-name:hover{color:var(--red)}.link-btn{background:none;border:none;color:var(--red);font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.link-btn:hover{color:var(--red2)}.landing-nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:14px}.admin-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-card{background:var(--paper);border:1px solid #d3c2a4;border-radius:14px;padding:12px;text-align:center;display:grid;gap:4px}.admin-card span{font-size:.8rem;color:var(--muted)}.admin-card strong{font-size:1.4rem;color:var(--red2)}.admin-setting{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--paper);border:1px solid #d3c2a4;border-radius:14px;padding:14px;flex-wrap:wrap;margin-bottom:12px}@media(max-width:720px){.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-setting{flex-direction:column;align-items:stretch}}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:14px 18px;background:rgba(20,15,16,.97);color:#fff1cc;box-shadow:0 -8px 30px rgba(0,0,0,.35)}.consent-text{max-width:640px;font-size:.92rem}.consent-actions{display:flex;gap:10px}.consent-actions .primary,.consent-actions .secondary{width:auto;padding:10px 18px}.ad-overlay{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:rgba(8,6,7,.92);padding:20px}.ad-card{background:var(--paper);border-radius:20px;padding:22px;max-width:420px;width:100%;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.4)}.ad-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.ad-slot{border:2px dashed #cbb992;border-radius:14px;background:#f3ead6;min-height:220px;display:grid;place-items:center;margin-bottom:16px}.ad-slot-inner{display:grid;gap:6px;justify-items:center}@media(max-width:720px){.consent-text{max-width:none}.ad-slot{min-height:180px}}.tour-card{background:var(--paper);border:1px solid #d3c2a4;border-radius:14px;padding:14px;margin-bottom:10px}.tour-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tour-badge{background:#eadfc8;border:1px solid #cfbe9f;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;color:var(--red2)}.tour-badge.run{background:linear-gradient(180deg,#c3282c,#89161b);color:#fff3d3;border-color:#6f1116}.tour-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.tour-actions .primary,.tour-actions .secondary{width:auto;padding:9px 14px}.bell-btn{position:relative;background:none;border:none;font-size:1.2rem;cursor:pointer;line-height:1;padding:2px}.bell-badge{position:absolute;top:-6px;right:-8px;background:var(--red);color:#fff3d3;border-radius:999px;font-size:.62rem;font-weight:800;padding:1px 5px;min-width:16px;text-align:center}.notif-list{display:grid;gap:8px}.notif-item{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:12px;border:1px solid #dccbae;border-radius:12px;background:#fffdf8;cursor:pointer}.notif-item.unread{border-color:#d49e20;background:#fdf6e3;box-shadow:inset 3px 0 0 var(--gold)}.notif-ic{font-size:1.2rem;line-height:1.2}.notif-body{display:grid;gap:2px;min-width:0}@media(max-width:520px){.landing-hero{min-height:78vh}.landing-card{padding:18px}}#app.shell-mode{max-width:none;padding:0}.item span,.item strong,.item small,.note,.small,.hero-sub,.page-head h2,.tour-card,.notif-body,.stat-name{overflow-wrap:anywhere;word-break:break-word;min-width:0}.list,.section,.page-card,.tour-card{max-width:100%}img,svg,table{max-width:100%}.field input,.field select{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.modal-card,.end-card{overflow-x:hidden}.end-card.join-card{background:linear-gradient(180deg,#fff7e6,#efe2c7);color:var(--ink)}.end-card.join-card h2{color:var(--red2)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% 0,#fbf4e4,#ecdfc4)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:linear-gradient(90deg,#4c0d11,#8d181c 45%,#4c0d11);color:#fff3d3;box-shadow:0 6px 22px rgba(0,0,0,.3);border-bottom:2px solid #e1b85b}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.brand{background:none;border:none;color:#f8d880;font-family:"Palatino Linotype","Book Antiqua",serif;font-weight:800;letter-spacing:.16em;font-size:1.15rem;cursor:pointer;padding:0;white-space:nowrap}.hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;background:rgba(255,243,211,.12);border:1px solid rgba(248,216,128,.35);border-radius:10px;cursor:pointer}.hamburger span{display:block;height:2.5px;width:100%;background:#f8d880;border-radius:2px;transition:transform .25s,opacity .2s}.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.topbar-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,243,211,.12);border:1px solid rgba(248,216,128,.35);border-radius:999px;padding:5px 12px;font-size:.9rem;max-width:42vw;color:inherit;cursor:pointer;font-family:inherit}.topbar-chip:hover{background:rgba(255,243,211,.2)}.topbar-chip .chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-login{padding:8px 14px}.topbar .lang-switch select{background:rgba(255,255,255,.9)}.topbar .bell-btn{color:#f8d880}.nav-scrim{position:fixed;inset:0;z-index:44;background:rgba(8,6,7,.55);opacity:0;pointer-events:none;transition:opacity .25s}.nav-scrim.open{opacity:1;pointer-events:auto}.nav-drawer{position:fixed;top:0;left:0;bottom:0;z-index:45;width:min(300px,84vw);transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#2a1416,#1b1012);border-right:3px solid #e1b85b;box-shadow:14px 0 40px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow-y:auto}.nav-drawer.open{transform:translateX(0)}.nav-drawer-head{padding:18px;font-family:"Palatino Linotype","Book Antiqua",serif;font-weight:800;letter-spacing:.16em;color:#f8d880;border-bottom:1px solid rgba(248,216,128,.22)}.nav-list{display:flex;flex-direction:column;gap:4px;padding:12px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;color:#f3ead3;font-size:1.02rem;font-weight:600;padding:12px 14px;border-radius:12px;cursor:pointer}.nav-item:hover{background:rgba(255,243,211,.08)}.nav-item.on{background:rgba(225,184,91,.2);color:#fff3d3;box-shadow:inset 3px 0 0 #e1b85b}.nav-item.nav-danger{color:#f0b7b7}.nav-sep{height:1px;background:rgba(248,216,128,.18);margin:8px 6px}.nav-lang{padding:8px 14px}.nav-lang .lang-switch{color:#f3ead3}.shell-main{flex:1;display:flex;flex-direction:column;width:100%;max-width:1080px;margin:0 auto;padding:22px 18px}.page-card{background:rgba(248,241,228,.97);border-radius:22px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.28);width:100%}.page-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.page-head h2{margin:0;font-family:"Palatino Linotype","Book Antiqua",serif;color:var(--red2);letter-spacing:.04em}.page-back{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid #cfbe9f;background:#eadfc8;color:var(--red2);font-size:1.2rem;cursor:pointer}.site-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px;color:#e9d8ad;background:linear-gradient(90deg,#1b1012,#2a1416,#1b1012);border-top:1px solid rgba(248,216,128,.2)}.brand-mini{font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:.1em;color:#f8d880}.home{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;text-align:center;padding:20px 0}.home-hero{max-width:680px}.hero-eyebrow{font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:.26em;font-size:.72rem;color:#8a6a24;margin-bottom:6px}.hero-title{font-family:"Palatino Linotype","Book Antiqua",serif;text-transform:uppercase;letter-spacing:.14em;color:var(--red2);font-size:clamp(2.4rem,6vw,3.6rem);margin:0 0 12px;text-shadow:0 2px 0 rgba(225,184,91,.35)}.hero-sub{color:var(--muted);font-size:1.05rem;max-width:600px;margin:0 auto}.hero-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:820px}.play-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:14px 14px;background:#fffdf8;border:1px solid #d9c8a8;border-radius:16px;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 6px 18px rgba(0,0,0,.12)}.play-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.2);border-color:var(--gold)}.play-card.feature{border-color:var(--gold);background:linear-gradient(180deg,#fff7e4,#f7ecd2)}.pc-ic{font-size:1.7rem;line-height:1}.pc-title{font-family:"Palatino Linotype","Book Antiqua",serif;font-weight:800;color:var(--red2);font-size:1rem}.home-sessions{width:100%;max-width:820px;background:rgba(255,247,228,.7);border:1px solid #e0cfa6;border-radius:16px;padding:14px}.home-session-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.session-resume{width:auto;padding:10px 14px}.home-secondary{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.home-secondary .secondary{width:auto;padding:11px 18px}.action-row .action-main,.recruit-main,.recruit-main span{min-width:0}.action-row .action-main span{overflow-wrap:anywhere}@media(max-width:760px){.home-cards{grid-template-columns:1fr}.topbar{padding:9px 12px}.brand{font-size:1rem;letter-spacing:.1em}.topbar-chip{max-width:34vw}.shell-main{padding:16px 12px}.page-card{padding:16px}.hero-sub{font-size:.98rem}}@media(max-width:480px){.topbar-chip .chip-name{max-width:72px}.brand{letter-spacing:.05em;font-size:.95rem}.play-card{padding:12px 10px}.hero-title{letter-spacing:.06em}.admin-setting{padding:12px}.page-head h2{font-size:1.3rem}}.plot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.plot{aspect-ratio:1;min-height:44px;border-radius:12px;border:1px solid #d3c2a4;background:#fffdf8;display:grid;place-items:center;position:relative;font-size:1.15rem}.plot.empty{color:#b7a986;background:repeating-linear-gradient(45deg,#f3ead6,#f3ead6 6px,#efe4cd 6px,#efe4cd 12px);font-weight:800}.plot.filled{background:#fbeecb;border-color:#d9b25f;cursor:pointer}.plot.building{--build-progress:0}.plot.building::after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:3px;background:conic-gradient(var(--gold,#e1b85b) calc(var(--build-progress,0)*1turn),rgba(35,26,24,.18) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.plot.building .plot-emoji{opacity:.6}.plot.wall{min-height:40px;aspect-ratio:auto;padding:6px 12px}.plot.wall.filled{background:#e6ddc9}.plot-emoji{font-size:1.25rem;line-height:1}.plot-lvl{position:absolute;bottom:2px;right:3px;font-size:.58rem;font-weight:800;background:rgba(35,26,24,.82);color:#fff3d3;border-radius:6px;padding:0 4px;line-height:1.35}.upgrade-cta{background:linear-gradient(180deg,#c3282c,#89161b)!important;color:#fff3d3!important;border:2px solid #6f1116!important;font-weight:800;box-shadow:0 4px 14px rgba(137,22,27,.35)}.upgrade-cta.inactive{opacity:.5;box-shadow:none}.slim-popup{padding:12px}.slim-popup .modal-head{margin-bottom:8px}.slim-popup .modal-head h3{font-size:1.3rem;margin-top:2px}.slim-popup .section{padding:10px;margin-top:8px}.slim-popup .list{gap:5px}.slim-popup .item{padding:6px 9px}.slim-popup .info-line{padding:4px 8px;font-size:.85rem}.slim-popup .action-row .item{padding:7px 9px}.slim-popup .compact-note{margin-top:6px}.slim-popup .recruit-button{padding:7px 9px}.slim-popup .train-bar{margin-top:5px}.city-garrison-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.city-garrison-actions .primary,.city-garrison-actions .secondary{flex:1 1 auto;width:auto;min-width:0;padding:11px 10px}@media(max-width:720px){.city-garrison-actions{flex-wrap:nowrap;width:100%}.city-garrison-actions .primary,.city-garrison-actions .secondary{flex:1 1 0;font-size:.8rem;padding:10px 4px}}