:root{--text: #e9dfc4;--dim: #a99f86;--gold: #d8b25a;--bronze: #8a6a34;--panel-a: #2d2620;--panel-b: #1c1814;--inset: #12100d;--hp: #3fcf4a;--cal: #e09a3a;--pack: #6fb8d8}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:Alegreya Sans,system-ui,sans-serif;color:var(--text);-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.panelish,#topbar,#panel,#minimap-wrap,#tooltip,.menu-box,#help{background:radial-gradient(ellipse at 30% 0%,rgba(255,230,180,.07),transparent 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.015) 0 2px,transparent 2px 5px),linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid #000;box-shadow:inset 0 0 0 1px var(--bronze),inset 0 0 0 3px #1a140e,inset 0 0 0 4px #d8b25a59,0 6px 18px #0009}h1,h2,h3{font-family:Cinzel,serif;font-weight:700;color:var(--gold);letter-spacing:.04em}kbd{font-family:inherit;font-size:.85em;padding:0 5px;border-radius:3px;background:#3a3128;border:1px solid #000;box-shadow:inset 0 0 0 1px var(--bronze);color:var(--text)}#menu,#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2a2a1c,#0b0a08 70%);z-index:10}.menu-box{width:min(480px,calc(100vw - 32px));padding:28px 30px;border-radius:6px;text-align:center}.menu-box h1{margin:0;font-size:44px}.menu-box h2{margin:0 0 16px}.menu-box .sub{color:var(--dim);margin:6px 0 20px}.menu-box button{display:block;width:100%;margin:10px 0;padding:12px 16px;text-align:left}.menu-box button b{display:block;font-family:Cinzel,serif;font-size:18px;color:var(--gold)}.menu-box button span{color:var(--dim);font-size:14px}.menu-box a{display:inline-block;margin-top:10px;color:var(--gold)}.progress{height:14px;background:var(--inset);border:1px solid var(--bronze);border-radius:2px;overflow:hidden}.progress .fill{height:100%;width:0;background:linear-gradient(180deg,#e8c97a,#9a7430);transition:width .15s}#loading .label{margin-top:10px;color:var(--dim)}.bad{color:#ff8a7a}.hint{color:var(--dim);font-size:12.5px;margin-top:4px}.capital{font-size:13px;color:var(--dim);margin:4px 0}.capital b{color:var(--text)}.bar.stock{height:13px;margin:2px 0}.bar.stock span{font-size:11px;line-height:11px}.bar.stock.food i{background:linear-gradient(180deg,#e06a6a,#8a2a2a)}.bar.stock.wood i{background:linear-gradient(180deg,#b08a5a,#6a4a2a)}.bar.stock.crystal i{background:linear-gradient(180deg,#8fd0ec,#3a7fa0)}.bar.built i{background:linear-gradient(180deg,#b08a5a,#6a4a2a)}.building-panel .actions{display:flex;flex-direction:column;gap:8px}.techs{display:flex;flex-wrap:wrap;gap:6px}.tech{display:flex;flex-direction:column;align-items:flex-start;padding:5px 10px;min-width:140px}.tech b{color:var(--gold);font-size:13.5px}.tech .cost{font-size:12px;color:var(--dim)}.tech.done{opacity:.5}.locked{opacity:.4;cursor:not-allowed}.train .ref{position:absolute;top:3px;right:5px;font-size:10.5px;color:var(--gold)}.build{display:flex;flex-direction:column;gap:4px}.build .label{font-family:Cinzel,serif;color:var(--gold);font-size:13px}.build .btns{display:flex;flex-wrap:wrap;gap:5px;max-width:520px}.bld{display:flex;flex-direction:column;align-items:center;padding:4px 4px 5px;width:108px}.bld{position:relative}.bld.short:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(0,0,0,.16) 0 6px,transparent 6px 16px)}.bld .need{color:#ff8a7a;font-size:11px;min-height:13px}.bld .art{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 1px 1px #000)}.bld b{font-size:12.5px;line-height:1.1;text-align:center}.bld span{font-size:11.5px;color:var(--dim)}.bld .trainsrow{display:flex;flex-wrap:wrap;gap:3px;min-height:30px;align-items:center;justify-content:center;margin-top:2px}.bld .mini{width:30px;height:30px;object-fit:contain;background:radial-gradient(ellipse at 50% 80%,#4a5530,#1e2214);border:1px solid #000}.bld .tag{font-style:normal;font-size:13px;color:var(--gold);width:24px;height:24px;line-height:24px;text-align:center;border:1px solid var(--bronze);background:var(--inset)}.build{min-width:0;flex:1}.build .btns{flex-wrap:nowrap;overflow-x:auto;max-width:none;padding-bottom:4px}.build .btns>*{flex:none}.unit-panel{min-width:0}#settings{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0000008c;z-index:20}.settings-box{text-align:left;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.settings-box h2{text-align:center}.settings-box h3{margin:16px 0 6px;font-size:16px}.settings-box .opt{display:block;padding:8px 10px;margin:6px 0;background:#00000040;border:1px solid #3a3026;cursor:pointer}.settings-box .opt b{color:var(--gold);margin:0 6px}.settings-box .opt span{color:var(--dim);font-size:14px}.settings-box .opt.inline{display:flex;align-items:center;gap:8px}.settings-box input[type=radio],.settings-box input[type=checkbox]{accent-color:var(--gold)}.settings-box input[type=range]{accent-color:var(--gold);flex:1}.settings-box .keys{width:100%;border-collapse:collapse;font-size:14px}.settings-box .keys td{padding:4px 6px;border-bottom:1px solid rgba(216,178,90,.12)}.settings-box .keys td:first-child{color:var(--dim);width:120px}.settings-box .close{display:block;margin:16px auto 0;padding:8px 28px;width:auto;text-align:center}#gear{position:absolute;top:4px;right:10px;width:30px;height:28px;padding:0;font-size:16px;z-index:2}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}#hud>*{pointer-events:auto}#topbar{position:absolute;top:0;left:0;right:0;height:36px;display:flex;gap:22px;align-items:center;padding:0 56px 0 16px;font-weight:700;font-size:17px;white-space:nowrap;border-radius:0}.res{display:flex;align-items:center;gap:6px}.res .icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 1px #000)}.res small{color:var(--dim);font-weight:500;font-size:13px}.idle-btn{padding:2px 10px;font-weight:700}.idle-btn b{color:var(--gold)}.idle-btn.none{opacity:.45}.res.clock{margin-left:auto;color:var(--gold);font-family:Cinzel,serif}.res.fps{color:var(--dim);font-weight:400;font-size:13px}#speed{position:absolute;top:48px;left:50%;transform:translate(-50%);font-weight:700;color:var(--gold);text-shadow:0 1px 2px #000,0 0 8px #000;pointer-events:none}#help{position:absolute;top:46px;right:10px;width:330px;padding:12px 14px;border-radius:4px;font-size:14px;line-height:1.45;display:none;color:var(--text)}#help>b{display:block;font-family:Cinzel,serif;color:var(--gold);margin-bottom:4px}#help p b{color:var(--gold)}#help button{position:absolute;top:6px;right:6px;padding:0 7px}#help.lesson{width:380px;font-size:15px}#help.lesson p{margin:0 0 8px}#help .lesson-nav{display:flex;justify-content:space-between;margin-top:10px}#help .lesson-nav a{color:var(--gold);font-family:Cinzel,serif;text-decoration:none;padding:4px 10px;border:1px solid var(--bronze);border-radius:3px}#help .lesson-nav a:hover{background:#d8b25a26}#bottom{position:absolute;left:0;right:0;bottom:0;display:flex;gap:0;align-items:stretch;pointer-events:none}#bottom>*{pointer-events:auto}#minimap-wrap{padding:10px;border-radius:0;display:flex;align-items:center}#minimap-wrap{position:relative}#minimap{display:block;cursor:pointer;border:1px solid var(--bronze);position:relative}.minimap-static{position:absolute;left:11px;top:50%;transform:translateY(-50%);background:#000;pointer-events:none}#panel{flex:1;min-height:150px;padding:12px 16px;border-radius:0}#panel .empty{color:var(--dim);padding-top:52px;text-align:center}#panel h3{margin:0 0 4px;font-size:18px;display:flex;align-items:center;gap:8px}#panel h3 small{font-family:Alegreya Sans,sans-serif;font-weight:400;color:var(--dim);font-size:14px}.swatch{display:inline-block;width:12px;height:12px;border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff4d}.unit-panel,.building-panel{display:flex;gap:16px;align-items:flex-start}.unit-panel .info,.building-panel .info{width:300px;flex:none}.state{font-size:14px;color:var(--dim);margin-bottom:4px;min-height:18px}.portrait{width:96px;height:96px;display:block}.portrait.big{width:112px;height:124px;flex:none;background:radial-gradient(ellipse at 50% 80%,#4a5530,#1e2214);border:1px solid #000;box-shadow:inset 0 0 0 1px var(--bronze),inset 0 0 18px #000000b3}.bar{position:relative;height:15px;margin:4px 0;background:var(--inset);border:1px solid #000;box-shadow:0 0 0 1px #4a3c28}.bar i{position:absolute;inset:0 auto 0 0;display:block;width:0}.bar span{position:relative;display:block;font-size:11.5px;line-height:13px;padding-left:6px;font-weight:700;white-space:nowrap;text-shadow:0 1px 1px #000}.bar.hp i{background:linear-gradient(180deg,#5fe06a,#239a2c)}.bar.cal i{background:linear-gradient(180deg,#f2b45a,#a8661c)}.bar.pack .segs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.bar.pack .segs i{position:static;display:block;height:100%;width:0;flex:none}.bar.pack i.crystal{background:linear-gradient(180deg,#8fd0ec,#3a7fa0)}.bar.pack i.food{background:linear-gradient(180deg,#e06a6a,#8a2a2a)}.bar.pack i.wood{background:linear-gradient(180deg,#b08a5a,#6a4a2a)}.bar.train i{background:linear-gradient(180deg,#e8c97a,#9a7430)}.bar.train{height:15px}.tech.short:after,.train.short:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(0,0,0,.16) 0 6px,transparent 6px 16px)}.train .need,.tech .need{font-size:11.5px;color:#ff8a7a;min-height:13px}.tech{position:relative}.ammo{display:flex;align-items:center;gap:2px;margin:4px 0;font-size:11.5px;font-weight:700}.ammo span{margin-right:6px;color:var(--dim)}.ammo i{width:14px;height:9px;background:#1e2a2e;border:1px solid #000;box-shadow:inset 0 0 0 1px #3a4a50}.ammo i.on{background:linear-gradient(180deg,#c9f6ff,#4fb0d8)}.stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:3px 14px;font-size:13px}.st{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid rgba(216,178,90,.12)}.st span{color:var(--dim);cursor:help}button{font-family:inherit;color:var(--text);cursor:pointer;font-size:14px;background:linear-gradient(180deg,#4a3e30,#2a231b);border:1px solid #000;border-radius:2px;box-shadow:inset 0 0 0 1px var(--bronze),inset 0 1px 0 1px #ffe6aa26}button:hover{background:linear-gradient(180deg,#5c4c3a,#33291f);color:#fff}button:active{background:linear-gradient(180deg,#2a231b,#3a3026)}.cmds{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.cmds button{padding:3px 9px 3px 6px;display:inline-flex;align-items:center;gap:5px}.cmds button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cmds button kbd{opacity:.7}.army{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.army .tiles{display:flex;gap:6px;flex-wrap:wrap}.army .tile,.army .ftile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px}.army .tile{width:70px;height:62px}.army .tile svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.army .tile span,.army .ftile span{font-size:13px}.army .tile kbd{position:absolute;top:2px;right:3px;font-size:10px;opacity:.65}.army .ftile{width:92px;height:74px}.army .ftile svg{width:76px;height:50px}.army .ftile svg .front{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.7}.army .tile.on,.army .ftile.on{color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold),0 0 10px #e8c54759}.cmds.small button{font-size:12px;padding:2px 8px 2px 5px}.cmds.small button svg{width:16px;height:16px}.cmds button.on{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.cmds u{color:var(--gold);text-decoration:none}.group-panel{display:flex;gap:16px;align-items:flex-start}.group-panel .info{width:300px;flex:none}.groups{display:flex;gap:4px;flex-wrap:wrap;max-height:172px;overflow-y:auto}.groups .portrait{width:52px;height:52px}.group{position:relative;padding:2px;background:radial-gradient(ellipse at 50% 80%,#4a5530,#1e2214)}.group b{position:absolute;right:4px;bottom:1px;font-size:14px;text-shadow:0 1px 2px #000,0 0 3px #000}.trains{display:flex;gap:6px;flex-wrap:wrap}.train{position:relative;width:150px;padding:4px 4px 6px;display:flex;flex-direction:column;align-items:center}.train .portrait{background:radial-gradient(ellipse at 50% 80%,#4a5530,#1e2214);width:128px;height:120px}.train .name{font-weight:700;font-size:13px;line-height:1.1;margin-top:3px;text-align:center}.train .cost{font-size:11.5px;color:var(--dim)}.train kbd{position:absolute;top:4px;left:5px;font-size:10px}.train.poor{opacity:.4}.queue{display:flex;gap:4px;flex-wrap:wrap;font-size:13px;margin:6px 0 2px;min-height:22px}.queue em{color:var(--dim)}.q{padding:1px 8px;background:var(--inset);border:1px solid var(--bronze)}.q[data-cancel]{cursor:pointer}.q[data-cancel]:hover{border-color:#d9352b}#tooltip{display:none;position:absolute;width:400px;padding:12px 14px;border-radius:3px;pointer-events:none;font-size:14px}#tooltip h3{margin:0 0 2px}#tooltip p{margin:2px 0 8px}#tooltip .hint{color:var(--dim);font-size:12px;margin:8px 0 0}#overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:64px;font-weight:700;color:var(--gold);text-shadow:0 3px 0 #000,0 0 30px rgba(0,0,0,.8);background:#0000004d;pointer-events:none}@media (max-width: 760px){#minimap-wrap,#panel .stats,#tooltip .stats,#help{display:none!important}.unit-panel .info,.building-panel .info,.group-panel .info{width:auto;flex:1}}html:has(body.lab){overflow:auto;height:auto}body.lab{overflow:visible;height:auto;background:#14120e;padding:20px 16px;-webkit-user-select:text;user-select:text}.lab header{max-width:1240px;margin:0 auto 10px}.lab header h1{margin:0}.lab header p{margin:4px 0;color:var(--dim)}.lab header a{color:var(--gold)}.lab main{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(600px,100%),1fr));gap:14px}.lab main h2{grid-column:1 / -1;margin:10px 0 0}.lab #status{max-width:1240px;margin:0 auto 10px;color:var(--dim)}.card{padding:14px 16px;border-radius:3px;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));box-shadow:inset 0 0 0 1px var(--bronze),0 4px 12px #00000080}.card .head{display:flex;align-items:baseline;gap:10px}.card h3{margin:0}.card code{color:var(--dim)}.card p{margin:4px 0 8px;font-size:14px}.card .errs{background:#4a1a14;border:1px solid #a33;padding:6px 10px;font-size:13px;margin-bottom:8px}.anims{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;margin-bottom:10px}.anims figure{margin:0;background:radial-gradient(ellipse at 50% 80%,#5a6a38,#283018);display:flex;flex-direction:column;align-items:center;border:1px solid #000}.anims canvas{width:100%;height:104px;display:block}.building-card .bsprite{display:block;max-width:100%;height:auto;max-height:260px;margin:6px auto}.anims figcaption{font-size:11px;color:var(--dim);height:16px}.building-card .states{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.building-card .states figure{margin:0;background:radial-gradient(ellipse at 50% 80%,#5a6a38,#283018);border:1px solid #000;padding:4px;display:flex;flex-direction:column;align-items:center}.building-card .states canvas{max-width:180px;height:auto}.building-card .states figcaption{font-size:11px;color:var(--dim)}.train.auto:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;background-image:linear-gradient(90deg,var(--gold) 50%,transparent 50%),linear-gradient(90deg,var(--gold) 50%,transparent 50%),linear-gradient(0deg,var(--gold) 50%,transparent 50%),linear-gradient(0deg,var(--gold) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:12px 2px,12px 2px,2px 12px,2px 12px;background-position:0 0,0 100%,0 0,100% 0;animation:ants .7s linear infinite}@keyframes ants{to{background-position:12px 0,-12px 100%,0 -12px,100% 12px}}.train.holding{box-shadow:inset 0 0 0 2px var(--gold);transition:box-shadow .45s}.sow{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--dim);margin:4px 0}.sow button{padding:2px 10px;font-size:12.5px;opacity:.55}.sow button.on{opacity:1;box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold)}.menu-links{display:flex;gap:18px;justify-content:center}html:has(body.codex){overflow:auto;height:auto}body.codex{overflow:visible;height:auto;min-height:100vh;background:radial-gradient(ellipse at 30% 0%,#2a2219,#14120e 60%) fixed,#14120e;padding:16px;-webkit-user-select:text;user-select:text}.codex header{max-width:1500px;margin:0 auto 12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.codex header h1{margin:0;font-family:Cinzel,serif;color:var(--gold);letter-spacing:.04em}.codex header p{margin:2px 0 0;color:var(--dim)}.codex header .links{margin-left:auto;display:flex;gap:16px}.codex a{color:var(--gold)}#factions{display:flex;gap:6px;flex-wrap:wrap}#factions a{text-decoration:none;padding:6px 14px;border:1px solid #4a3d2c;border-radius:4px;color:var(--dim);background:#1c1814}#factions a.on{color:var(--gold);border-color:var(--gold);background:#2d2620}.codex #status{max-width:1500px;margin:0 auto 8px;color:var(--dim);min-height:1.2em}#codex{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:16px;align-items:start}#tree-wrap{overflow-x:auto;background:#12100d99;border:1px solid #3a3025;border-radius:6px}#tree{position:relative;display:flex;gap:56px;padding:16px 20px 22px;width:max-content;min-width:100%}#tree svg.edges{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}#tree svg.edges path{fill:none;stroke:#6b5636;stroke-width:2}#tree svg.edges path.on{stroke:var(--gold);stroke-width:3}#tree .col{display:flex;flex-direction:column;gap:14px;width:270px;position:relative}#tree .col h4{margin:0;font-family:Cinzel,serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze)}#tree .node{background:linear-gradient(#2d2620,#1f1a15);border:1px solid #4a3d2c;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 6px #0006}#tree .node.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 2px 10px #d8b25a40}#tree .node.loose{padding:6px}#tree button{font:inherit;color:inherit;background:none;border:0;box-shadow:none;padding:0;cursor:pointer;text-align:left;width:100%}#tree button:hover{color:inherit}#tree .bhead{display:flex;align-items:center;gap:10px;border-radius:4px;padding:2px}#tree .bhead:hover{background:#d8b25a14}#tree .bicon{width:72px;height:72px;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}#tree .bname b{display:block;font-family:Cinzel,serif;font-size:15px;color:var(--text)}#tree small{display:block;color:var(--dim);font-size:12px}.badges{display:flex;flex-wrap:wrap;gap:4px}.badge{font-size:11px;padding:1px 7px;border-radius:10px;background:#3a3025;color:var(--dim)}.badge.war{background:#4a2420;color:#f0b0a0}.badge.eco{background:#273a22;color:#b8dca0}#tree .chips{display:flex;flex-direction:column;gap:3px;border-top:1px solid #3a3025;padding-top:6px}#tree .chip{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:4px}#tree .chip:hover{background:#d8b25a1a}#tree .chip.sel{background:#d8b25a2e;box-shadow:inset 0 0 0 1px var(--gold)}#tree .chip b{font-size:13.5px;font-weight:500}#tree .chip img{width:40px;height:40px;flex:none}.techmark{width:40px;height:28px;flex:none;display:grid;place-items:center;font-style:normal;font-size:16px;color:#e0c8ff;background:#2e2440;border-radius:4px}.techmark.work{color:#b8dca0;background:#24331f}.noart{display:grid;place-items:center;color:var(--dim);background:#1c1814;border-radius:4px}#detail{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;background:linear-gradient(#2d2620,#1c1814);border:1px solid #4a3d2c;border-radius:6px;padding:16px 18px 20px}#detail .empty h2{font-family:Cinzel,serif;color:var(--gold);margin-top:0}#detail .empty p{color:var(--dim);line-height:1.5}#detail .dhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#detail .dhead h2{margin:0;font-family:Cinzel,serif;color:var(--gold)}#detail code{color:var(--dim);font-size:12px}#detail h3{font-family:Cinzel,serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);margin:16px 0 6px;border-bottom:1px solid #3a3025;padding-bottom:3px}#detail .desc{color:var(--text);line-height:1.45;margin:10px 0 0}.viewer{margin-top:10px;background:radial-gradient(ellipse at 50% 80%,#3b4a2a,#222a18 45%,#12100d);border-radius:6px;overflow:hidden}.viewer.noart{padding:30px;text-align:center}.viewer canvas{display:block;width:100%;height:280px}.viewer .ctrls{padding:6px;display:flex;flex-direction:column;gap:5px;background:#00000059}.seg{display:flex;flex-wrap:wrap;gap:3px}.seg button{font:inherit;font-size:12px;padding:2px 8px;color:var(--dim);background:#1c1814;border:1px solid #3a3025;border-radius:3px;cursor:pointer}.seg button.on{color:var(--gold);border-color:var(--gold)}.hero{margin-top:10px;display:grid;place-items:center;padding:10px;background:radial-gradient(ellipse at 50% 80%,#3b4a2a,#222a18 45%,#12100d);border-radius:6px}.hero img{width:220px;height:220px}.hero.small img{width:140px;height:140px}.states{display:flex;gap:6px;overflow-x:auto;margin-top:6px;padding-bottom:4px}.states figure{margin:0;flex:none;text-align:center}.states canvas{width:76px;height:76px;background:#1c1814;border-radius:4px}.states figcaption{font-size:11px;color:var(--dim)}ul.abil{margin:0;padding-left:18px;line-height:1.45}ul.abil li{margin:3px 0}ul.abil b{color:var(--text)}.facts,#detail .stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}.facts{grid-template-columns:1fr}#detail .st{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;border-bottom:1px dotted #3a3025;padding:2px 0}#detail .st span{color:var(--dim)}#detail .st b{font-weight:500;text-align:right}a.xref{color:var(--gold);text-decoration:none;border-bottom:1px dotted var(--gold)}table.diff{border-collapse:collapse;margin-top:6px;font-size:13.5px}table.diff td{padding:2px 8px 2px 0}table.diff td:first-child{color:var(--dim)}table.diff .up{color:#9fdc80}@media (max-width: 900px){#codex{grid-template-columns:1fr}#detail{position:static;max-height:none}.codex header .links{margin-left:0}}#cart-debug{position:fixed;left:8px;top:44px;z-index:30;margin:0;padding:8px 10px;max-height:calc(100vh - 290px);overflow:auto;pointer-events:auto;-webkit-user-select:text;user-select:text;font:11.5px/1.35 ui-monospace,Menlo,monospace;color:#e9dfc4;background:#0c0a08d1;border:1px solid #4a3d2c;border-radius:4px;white-space:pre}#cart-debug-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none}#cart-debug-layer svg{position:absolute;left:0;top:0}.cd-label{position:absolute;left:0;top:0;white-space:nowrap;font:11px/1.2 ui-monospace,Menlo,monospace;padding:1px 5px;background:#000000b3;border-radius:3px}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:40;background:#0000008c}.lobby-box{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:22px 26px;-webkit-user-select:text;user-select:text}.lobby-box h2{margin:0 0 4px;font-family:Cinzel,serif;color:var(--gold)}.lobby-box .sub{margin:0 0 14px;color:var(--dim)}.lobby-form{display:grid;gap:8px}.lobby-form label{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px;color:var(--dim)}.lobby-form input,.lobby-form select{font:inherit;color:var(--text);background:var(--inset);border:1px solid #4a3d2c;border-radius:3px;padding:5px 8px}.lobby-peers h3{margin:14px 0 4px;font-family:Cinzel,serif;font-size:14px;color:var(--bronze)}.lobby-peers ol{margin:0;padding-left:22px}.lobby-peers small{color:var(--dim)}.lobby-status{min-height:1.4em;margin:10px 0;color:var(--text)}.lobby-status.bad{color:#ff8a7a}.lobby-buttons{display:flex;gap:8px}.lobby-buttons button{padding:8px 18px}.lobby-buttons button[disabled]{opacity:.45;cursor:default}.lobby-box .hint{color:var(--dim);font-size:13px;margin:14px 0 0}.menu-factions{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--dim);font-size:14px;margin:2px 0 -2px}.menu-factions select{font:inherit;color:var(--text);background:var(--inset);border:1px solid #4a3d2c;border-radius:3px;padding:3px 6px}#resign{position:absolute;top:4px;right:46px;height:28px;padding:0 10px;font-size:13px;z-index:2}#score{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;background:#0000008c;z-index:50;overflow:auto;padding:24px 16px}#score .score-box{margin:auto;width:min(1060px,100%);max-width:none;box-sizing:border-box}#score .lobby-buttons{display:flex;gap:10px;margin-top:14px}#score .lobby-buttons button{width:auto;flex:1}.score-table{border-collapse:collapse;margin:6px auto 14px;font-size:14px}.score-table th,.score-table td{padding:4px 14px;text-align:right;border-bottom:1px solid #3a3128}.score-table th:first-child{text-align:left;color:var(--dim);font-weight:400}.score-table tr:first-child th{color:var(--gold);font-family:Cinzel,serif}.score-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.score-charts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.score-chart{margin:0;background:var(--inset);border:1px solid #3a3128;padding:8px 10px}.score-chart figcaption{color:var(--gold);font-size:13px;margin-bottom:4px}.score-chart svg{display:block;max-width:100%;height:auto}.score-chart text{fill:var(--dim);font-size:10px}.score-chart .grid{stroke:#3a3128;stroke-width:1}.score-chart .cross{stroke:var(--dim);stroke-width:1;stroke-dasharray:2 2}.score-chart .readout{min-height:18px;font-size:12px;color:var(--text)}.score-chart .readout span{margin-right:10px}.chat{font-size:13.5px;text-align:left}.chat-log{overflow-y:auto}.chat-line{padding:1px 0;color:var(--text);overflow-wrap:anywhere}.chat-input{width:100%;box-sizing:border-box;margin-top:4px}.chat-lobby{margin:10px 0}.chat-lobby .chat-log{height:110px;background:var(--inset);border:1px solid #3a3128;padding:4px 8px}#chat{position:absolute;left:12px;bottom:228px;width:min(420px,calc(100vw - 24px));pointer-events:none}#chat .chat-log{max-height:180px}#chat .chat-line{text-shadow:0 1px 2px #000,0 0 4px #000;transition:opacity 1.5s}#chat .chat-line.old{opacity:0}#chat.open{pointer-events:auto}#chat.open .chat-line.old{opacity:.75}#chat .chat-input{display:none}#chat.open .chat-input{display:block}.flavor{font-style:italic;color:var(--dim);border-left:2px solid var(--bronze);padding-left:8px;margin:6px 0}button.garrison-btn{display:flex;flex-direction:column;align-items:flex-start;padding:5px 12px;margin-bottom:6px;min-width:140px}button.garrison-btn b{color:var(--gold);font-size:13.5px}button.garrison-btn span{font-size:11.5px;color:var(--dim)}#arena{position:fixed;left:0;top:0;bottom:0;z-index:20;overflow-y:auto;padding:14px 16px 20px;color:var(--text);font-size:13px;background:linear-gradient(180deg,#2d2620f5,#1c1814f5);border-right:1px solid var(--bronze);box-shadow:4px 0 18px #00000080}#arena .arena-head{display:flex;align-items:baseline;justify-content:space-between}#arena h2{margin:0;color:var(--gold);font-size:20px}#arena a{color:var(--dim)}#arena .arena-help{color:var(--dim);margin:6px 0 10px;line-height:1.4}#arena .win{color:#7fd88a}#arena .lose{color:#e8796f}#arena .arena-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}#arena .arena-controls button,#arena select{background:var(--inset);color:var(--text);border:1px solid var(--bronze);border-radius:4px;padding:3px 8px;font:inherit;cursor:pointer}#arena .arena-controls button.on{border-color:var(--gold);color:var(--gold)}#arena .arena-speed{display:inline-flex;gap:2px}#arena .arena-matrix{border-collapse:collapse;margin-bottom:14px;font-variant-numeric:tabular-nums}#arena .arena-matrix th{font-weight:400;color:var(--dim);font-size:11.5px}#arena .arena-matrix th.row{text-align:right;padding-right:6px;white-space:nowrap}#arena .arena-matrix th.col{vertical-align:bottom;height:92px;padding:0 0 4px}#arena .arena-matrix th.col span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}#arena .arena-matrix th.corner{font-size:11px;vertical-align:bottom;text-align:right;padding:0 6px 4px 0}#arena .fac{font-style:normal;opacity:.55;margin:0 4px 0 0;font-size:10px}#arena .arena-matrix th.col .fac{display:block;margin:3px 0 0}#arena .arena-matrix td{width:40px;height:26px;text-align:center;font-size:11px;cursor:pointer;border:1px solid rgba(0,0,0,.45);color:var(--text)}#arena .arena-matrix td:hover{outline:1px solid var(--text);outline-offset:-1px}#arena .arena-matrix td.sel{outline:2px solid var(--gold);outline-offset:-2px}#arena .arena-verdict{font-size:14px;margin-bottom:8px;line-height:1.4}#arena .arena-verdict span{display:block;color:var(--dim);font-size:12px}#arena .arena-sides{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}#arena .arena-sides th{text-align:left;font-size:14px;padding:4px 6px;vertical-align:bottom}#arena .arena-sides th small{display:block;color:var(--dim);font-size:11px;font-weight:400}#arena .arena-sides td{padding:3px 6px;border-top:1px solid rgba(255,255,255,.06)}#arena .arena-sides td:first-child{color:var(--dim);white-space:nowrap}#arena .arena-sides tr.sep td{color:var(--gold);padding-top:10px;border-top:none}#arena .arena-bar{display:inline-block;width:70px;height:7px;background:var(--inset);margin-right:6px;vertical-align:middle}#arena .arena-bar i{display:block;height:100%}@media (max-width: 700px){#arena{width:100%!important;bottom:auto;max-height:55vh}}#arena .arena-control{display:inline-flex;align-items:center;gap:4px;color:var(--dim);cursor:pointer}.codex h3 a.small{font-size:12px;font-family:Alegreya Sans,sans-serif;margin-left:8px}.codex img.vicon{vertical-align:middle}.codex .dim{color:var(--dim)}#battle-draft{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:30;background:radial-gradient(ellipse at center,#2a2318,#0b0907);overflow:auto;padding:16px}#battle-draft .draft{width:min(560px,100%);padding:22px 26px}#battle-draft h1{font-family:Cinzel,serif;color:var(--gold);margin:0 0 4px;text-align:center}#battle-draft .sub,#battle-draft .draft-map{color:var(--dim);text-align:center;margin:4px 0 12px}#battle-draft .draft-row{display:flex;gap:8px;align-items:center;justify-content:center;margin:6px 0;flex-wrap:wrap}#battle-draft .draft-units{width:100%;border-collapse:collapse;margin:8px 0}#battle-draft .draft-units td{padding:5px 6px;border-bottom:1px solid rgba(216,178,90,.15)}#battle-draft .draft-units td:last-child{text-align:right;white-space:nowrap}#battle-draft .draft-units .n{display:inline-block;min-width:26px;text-align:center;font-weight:700}#battle-draft .draft-units button{display:inline-block;width:30px;min-height:0;margin:0;padding:2px 0;text-align:center;vertical-align:middle}#battle-draft .draft-units td:first-child{text-align:left}#battle-draft .draft-go button{display:inline-block;width:auto;margin:0}#battle-draft .draft-total{text-align:center;margin:8px 0}#battle-draft .draft-total.over b{color:#e07a6a}#battle-draft .draft-go{display:flex;justify-content:space-between;align-items:center;margin-top:10px}#battle-draft .draft-go button{padding:8px 22px;font-size:16px}#battle-draft .back{color:var(--dim)}#help .deploy-blocks{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}#help .deploy-blocks button{position:static;padding:4px 8px}#help .deploy-blocks button.on{border-color:var(--gold);color:var(--gold)}