:root{--night: #0b1220;--lapis: #13213a;--lapis2: #1a2c4b;--lapis3: #233a60;--gold: #c9a24a;--gold-hi: #ecd28c;--gold-lo: rgba(201, 162, 74, .38);--gold-faint: rgba(201, 162, 74, .14);--vellum: #efe6cf;--vellum2: #b9ae93;--vellum3: #8d846f;--verm: #cf5a40;--verd: #63ad8f;--ink: #17130d;--panel: rgba(15, 25, 44, .94);--display: "IM Fell English SC", "IM Fell English", Georgia, serif;--serif: "IM Fell English", Georgia, serif;--body: "Alegreya Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--frame: inset 0 0 0 1px var(--gold-lo), inset 0 0 0 4px rgba(11, 18, 32, .9), inset 0 0 0 5px var(--gold-faint);--shadow: 0 18px 50px rgba(0, 0, 0, .45);color-scheme:dark}:lang(ar){--display: "Aref Ruqaa", "Noto Naskh Arabic", serif;--serif: "Noto Naskh Arabic", serif;--body: "Noto Naskh Arabic", "Alegreya Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--vellum);font:400 14px/1.45 var(--body);overflow:hidden;-webkit-font-smoothing:antialiased}:lang(ar) body,:lang(ar){font-size:15px;line-height:1.6}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none;cursor:pointer}input,select{font:inherit;color:var(--vellum)}.ico{width:18px;height:18px;flex:none;vertical-align:-4px}.uico{width:20px;height:20px;flex:none;color:var(--gold-hi)}.uico.big{width:34px;height:34px}.crest{flex:none;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.muted{color:var(--vellum2)}.small{font-size:12px}.center{text-align:center}.pos{color:var(--verd)}.neg{color:var(--verm)}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}#app{position:fixed;inset:0}#map{position:absolute;inset:0;touch-action:none;cursor:grab}#map:active{cursor:grabbing}#map.targeting{cursor:crosshair}#map canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#map canvas.ov{pointer-events:none}#loading{position:fixed;inset:0;z-index:50;display:grid;place-items:center;align-content:center;gap:18px;background:var(--night);transition:opacity .8s}#loading.done{opacity:0;pointer-events:none}#loading .seal{width:64px;height:64px;animation:turn 9s linear infinite}#loading p{font:400 18px/1.4 var(--serif);font-style:italic;color:var(--vellum2);margin:0}#loading .err{max-width:520px;text-align:center;padding:24px}#loading .err h1{font:400 52px/1 var(--display);color:var(--gold);margin:0 0 12px}@keyframes turn{to{transform:rotate(360deg)}}#langsw{position:fixed;top:10px;right:12px;z-index:40;display:flex;align-items:center;gap:0;height:32px;padding:0 4px;border:0;border-radius:16px;background:#0b1220d1;box-shadow:inset 0 0 0 1px var(--gold-lo);cursor:pointer;direction:ltr}#langsw span{min-width:30px;padding:0 8px;font:700 13px/32px Alegreya Sans,sans-serif;color:var(--vellum3);text-align:center}#langsw span:last-child{font:700 16px/30px Noto Naskh Arabic,serif}#langsw span.on{color:var(--ink);background:var(--gold);border-radius:12px;line-height:24px;height:24px}#langsw span:last-child.on{line-height:22px}#langsw i{width:1px;height:14px;background:var(--gold-lo);margin:0 2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:6px 14px;border:0;border-radius:2px;background:#1a2c4bb3;box-shadow:inset 0 0 0 1px var(--gold-lo);color:var(--vellum);cursor:pointer;transition:background .15s,box-shadow .15s,color .15s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--lapis3);box-shadow:inset 0 0 0 1px var(--gold)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--gold);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold-hi),0 1px #0006;font-weight:700}.btn.primary:hover:not(:disabled){background:var(--gold-hi)}.btn.hot{background:#6e2a1e;box-shadow:inset 0 0 0 1px var(--verm)}.btn.hot:hover:not(:disabled){background:#8a3424}.btn.ghost{background:transparent;box-shadow:none;color:var(--vellum2)}.btn.ghost:hover:not(:disabled){color:var(--vellum);background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--gold-faint)}.btn.on{box-shadow:inset 0 0 0 1px var(--gold-hi);background:var(--lapis3);color:var(--gold-hi)}.btn.sm{min-height:28px;padding:3px 10px;font-size:13px;gap:6px}.btn.wide{width:100%}.btn.big{min-height:48px;padding:8px 20px;font-size:16px;justify-content:flex-start}.btn.big span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.btn.big small{font-size:12px;font-weight:400;opacity:.75}.seg{display:inline-flex;border-radius:2px;box-shadow:inset 0 0 0 1px var(--gold-lo);overflow:hidden}.seg button{border:0;background:transparent;padding:5px 12px;color:var(--vellum2);cursor:pointer}.seg button+button{box-shadow:inset 1px 0 0 var(--gold-faint)}.seg button.on{background:var(--gold);color:var(--ink);font-weight:700}.chip{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:14px;padding:3px 10px;background:#1a2c4bcc;box-shadow:inset 0 0 0 1px var(--gold-faint);color:var(--vellum);cursor:pointer;font-size:13px}.chip small{color:var(--vellum3)}.chip.on{background:var(--gold);color:var(--ink)}.chip.on small{color:var(--ink)}.chip:disabled{opacity:.4;cursor:default}.bar{display:block;height:4px;background:#00000073;border-radius:2px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.bar.mor i{background:linear-gradient(90deg,#b2553b,#d8b04a 40%,#74ad66);background-size:250% 100%;background-position:right}.bar.unrest i{background:var(--verm)}.bar.gar i{background:#8aa3c8}.bar.prog i{background:var(--gold-hi)}.bar.str i{background:#9fb48a}.sbar{position:relative;display:flex;height:8px;border-radius:4px;overflow:hidden;margin:6px 0 10px;box-shadow:inset 0 0 0 1px #00000080}.sbar i{display:block;height:100%;opacity:.9}.sbar b{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--gold-hi)}.pips{display:inline-flex;gap:3px;vertical-align:middle;margin-inline-start:4px}.pips i{width:7px;height:7px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px var(--gold-lo)}.pips i.on{background:var(--gold);box-shadow:none}#top{position:fixed;top:0;inset-inline:0;z-index:20;height:54px;display:flex;align-items:center;gap:14px;padding:0 116px 0 12px;background:linear-gradient(180deg,#0b1220f7,#0f192ceb);box-shadow:0 1px 0 var(--gold-lo),0 3px #0b1220e6,0 4px 0 var(--gold-faint),0 10px 30px #00000059}#top .realm-chip{display:flex;align-items:center;gap:10px;cursor:pointer;padding-inline-end:14px;box-shadow:1px 0 0 var(--gold-faint);min-width:0}:lang(ar) #top .realm-chip{box-shadow:-1px 0 0 var(--gold-faint)}#top .realm-chip b{display:block;font:400 19px/1.1 var(--display);color:var(--gold-hi);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}#top .realm-chip small{display:block;color:var(--vellum2);font-size:12px;white-space:nowrap}#top .res{display:flex;gap:16px;align-items:center}#top .r{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;cursor:default}#top .r .ico{grid-row:span 2;color:var(--gold);width:20px;height:20px}#top .r b{font-weight:700;font-size:15px;line-height:1.1;font-variant-numeric:tabular-nums}#top .r small{font-size:11px;color:var(--vellum3);line-height:1.1}#top .clock{display:flex;align-items:center;gap:10px;margin-inline-start:auto}#top .pp{width:36px;height:36px;border:0;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 3px #0b1220e6,0 0 0 4px var(--gold-lo)}#top .pp .ico{width:18px;height:18px;stroke-width:2.4}#top .date{min-width:150px;text-align:center}#top .date b{display:block;font:400 16px/1.2 var(--serif);white-space:nowrap}:lang(ar) #top .date b{font-size:15px}#top .date small.paused{color:var(--gold);font-size:11px;letter-spacing:.04em}#top .speeds{display:flex;gap:3px;direction:ltr}#top .sp{width:14px;height:22px;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}#top .sp i{width:6px;height:16px;border-radius:1px;box-shadow:inset 0 0 0 1px var(--gold-lo)}#top .sp.on i{background:var(--gold);box-shadow:none}#top .pace{color:var(--vellum2);font-size:12px;max-width:150px;line-height:1.2}#top .ledgers{display:flex;gap:2px}#top .ledgers button{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:transparent;padding:4px 8px;border-radius:2px;cursor:pointer;color:var(--vellum2);font-size:11px}#top .ledgers button .ico{width:20px;height:20px;color:var(--gold)}#top .ledgers button:hover{color:var(--vellum);background:#ffffff0d}#top .ledgers button.hot .ico{color:var(--verm)}#top .ledgers em{position:absolute;top:0;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--verm);color:#fff;font:700 10px/16px var(--body);font-style:normal}.panel{position:fixed;z-index:15;background:var(--panel);box-shadow:var(--frame),var(--shadow);border-radius:2px}#insp{top:66px;inset-inline-start:12px;width:360px;max-height:calc(100% - 140px);overflow:auto;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent;animation:slidein .18s ease-out}@keyframes slidein{0%{opacity:0;transform:translateY(-6px)}}.ph{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 14px 10px;background:linear-gradient(180deg,#0f192c 70%,#0f192c00)}.ph .pt{flex:1;min-width:0}.ph h2{margin:0;font:400 24px/1.05 var(--display);color:var(--gold-hi);overflow-wrap:anywhere}:lang(ar) .ph h2{font-size:26px;line-height:1.25}.ph small{color:var(--vellum2);font-size:13px}.ph .x,.sh .x{border:0;background:transparent;color:var(--vellum3);cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex:none;align-self:flex-start}.ph .x:hover,.sh .x:hover{color:var(--vellum);background:#ffffff0f}.pico{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px var(--gold-lo);color:var(--gold)}.pico.hot{color:var(--verm);box-shadow:inset 0 0 0 1px var(--verm)}.tags{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px 10px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:2px;background:#ffffff0d;color:var(--vellum2);font-size:12px}.tag .ico{width:14px;height:14px;color:var(--gold)}.tag.holy,.tag.route{color:var(--gold-hi)}#insp section{padding:10px 14px;border-top:1px solid var(--gold-faint)}#insp h3,.sheet h4{display:flex;align-items:center;gap:7px;margin:0 0 8px;font:400 15px/1.2 var(--serif);color:var(--vellum)}:lang(ar) #insp h3,:lang(ar) .sheet h4{font-weight:700}#insp h3 .ico,.sheet h4 .ico{color:var(--gold)}#insp h3 small,.sheet h4 small{color:var(--vellum3);font-size:12px;margin-inline-start:auto;font-family:var(--body)}.kv{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}.kv>span:first-child{color:var(--vellum2);display:inline-flex;align-items:center;gap:6px}.kv>span:first-child .ico{color:var(--gold);width:16px;height:16px}.kv b{font-weight:700;text-align:end}.kv b.wrap{display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:flex-end}.kv.warn>span:first-child{color:var(--verm)}.kv.total{border-top:1px solid var(--gold-faint);margin-top:4px;padding-top:4px}.grid2{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.grid2 .kv{min-width:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.big small{display:block;color:var(--vellum3);font-size:11px}.big b{display:block;font:700 18px/1.2 var(--body);font-variant-numeric:tabular-nums;margin-bottom:4px}.rl{display:inline-flex;align-items:center;gap:5px;color:var(--vellum)}.rl:hover span{color:var(--gold-hi);text-decoration:underline;text-decoration-color:var(--gold-lo)}.pl{color:var(--gold-hi)}.siege{margin-top:10px;padding:8px 10px;background:#781e142e;box-shadow:inset 0 0 0 1px #cf5a4059;border-radius:2px}.siege small{display:block;margin:4px 0 6px;color:var(--vellum2)}.works{display:grid;gap:4px}.work{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.work>span:first-child{color:var(--vellum)}.work .prog{display:flex;align-items:center;gap:6px;width:140px}.work .prog .bar{flex:1}.work .prog small{color:var(--vellum3);white-space:nowrap}.rows{display:grid;gap:2px}.row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:6px 8px;border-radius:2px;cursor:pointer}a.row:hover{background:#ffffff0d}.row .crest{grid-row:span 2}.row .nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .st{grid-column:2;font-size:12px;color:var(--vellum2)}.row .st.battle{color:var(--verm)}.row .st.siege{color:var(--gold-hi)}.row>b{grid-row:1;grid-column:3;font-variant-numeric:tabular-nums}.row>.bar{grid-row:2;grid-column:3;width:56px}.row.mine .nm{color:var(--gold-hi)}#insp footer{position:sticky;bottom:-12px;z-index:2;padding:10px 14px 12px;margin-bottom:-12px;display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--gold-faint);background:#0f192cfa}#insp footer.orders .btn{flex:1 1 auto}.gens{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.regs{display:grid;gap:6px}.reg{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;align-items:center;column-gap:10px}.reg .uico{grid-row:span 2;width:26px;height:26px}.reg span b{display:block;font-weight:700}.reg span small{display:block;color:var(--vellum3);font-size:12px}.reg em{font-style:normal;color:var(--vellum2);font-variant-numeric:tabular-nums}.reg .m{font-variant-numeric:tabular-nums}.reg .bar{grid-column:2 / 5}.reg.merc .uico{color:#d6a8e0}section.battle{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.battle .vs{align-self:center;font:400 18px var(--display);color:var(--verm)}.battle .side{display:grid;gap:4px}.battle .kinds{display:flex;flex-wrap:wrap;gap:6px}.battle .k{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--vellum2)}.battle .k .uico{width:16px;height:16px}#outl{top:66px;inset-inline-end:12px;width:236px;max-height:calc(100% - 180px);overflow:auto;padding:6px 0 8px;scrollbar-width:thin}#outl.closed{width:40px;padding:4px 0;overflow:hidden}#outl .fold{display:grid;place-items:center;width:32px;height:26px;margin-inline-start:auto;margin-inline-end:4px;border:0;background:transparent;color:var(--vellum3);cursor:pointer}:lang(ar) #outl .fold .ico{transform:scaleX(-1)}#outl.closed .fold{margin:0 auto}#outl section{padding:4px 10px 6px}#outl h4{display:flex;align-items:center;gap:6px;margin:4px 0;font:400 14px/1.2 var(--serif);color:var(--vellum2)}#outl h4 .ico{color:var(--gold);width:16px;height:16px}#outl h4 small{margin-inline-start:auto;font:700 12px var(--body);color:var(--vellum)}.olist{display:grid;gap:1px}.oi{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;padding:4px 6px;border-radius:2px;font-size:13px}.oi:hover{background:#ffffff0d}.oi.sel{background:#c9a24a24;box-shadow:inset 2px 0 0 var(--gold)}:lang(ar) .oi.sel{box-shadow:inset -2px 0 0 var(--gold)}.oi>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oi>b{font-variant-numeric:tabular-nums;font-size:12px}.oi>.bar{grid-column:2 / 4;height:3px}.oi .uico,.oi .ico{width:16px;height:16px;color:var(--gold)}.dot{width:8px;height:8px;border-radius:50%;background:var(--vellum3)}.dot.march{background:var(--gold)}.dot.battle{background:var(--verm);box-shadow:0 0 0 3px #cf5a4040}.dot.siege{background:var(--gold-hi);box-shadow:0 0 0 3px #ecd28c33}.dot.retreat{background:#8a6a9a}.alerts{display:grid;gap:4px}.alert{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:2px;background:#c9a24a24;box-shadow:inset 0 0 0 1px var(--gold-lo);color:var(--gold-hi);font-size:13px;animation:glow 2.4s ease-in-out infinite}.alert .ico{color:var(--gold-hi)}@keyframes glow{50%{box-shadow:inset 0 0 0 1px var(--gold)}}#ticker{position:fixed;z-index:14;bottom:14px;inset-inline-start:50%;transform:translate(-50%);width:min(620px,calc(100% - 520px));display:grid;gap:3px;pointer-events:none}:lang(ar) #ticker{transform:translate(50%)}.tk{display:flex;gap:10px;align-items:baseline;padding:5px 12px;border-radius:2px;background:#0b1220c7;color:var(--vellum2);font-size:13px;pointer-events:auto;opacity:.9}.tk:first-child{color:var(--vellum);opacity:1}.tk small{color:var(--vellum3);white-space:nowrap;font-size:11px}.tk.mine{box-shadow:inset 2px 0 0 var(--gold)}:lang(ar) .tk.mine{box-shadow:inset -2px 0 0 var(--gold)}.tk.war,.tk.battle{box-shadow:inset 2px 0 0 var(--verm)}.tk.history{color:var(--gold-hi)}#toasts{position:fixed;z-index:30;top:72px;inset-inline-start:50%;transform:translate(-50%);display:grid;gap:6px;width:min(460px,90vw);pointer-events:none}:lang(ar) #toasts{transform:translate(50%)}.toast{padding:10px 16px;background:var(--panel);box-shadow:var(--frame),var(--shadow);border-radius:2px;text-align:center;font-size:14px;pointer-events:auto;cursor:pointer;animation:drop .25s ease-out;transition:opacity .6s,transform .6s}.toast.hot{box-shadow:inset 0 0 0 1px var(--verm),var(--shadow)}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes drop{0%{opacity:0;transform:translateY(-10px)}}#modes{position:fixed;z-index:14;bottom:14px;inset-inline-end:12px;display:flex;gap:2px;padding:4px;background:var(--panel);box-shadow:var(--frame);border-radius:2px}#modes button{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:50px;border:0;background:transparent;color:var(--vellum3);font-size:10.5px;padding:4px 4px 3px;border-radius:2px;cursor:pointer}#modes button .ico{width:18px;height:18px}#modes button:hover{color:var(--vellum)}#modes button.on{color:var(--gold-hi);background:#c9a24a24}#modes .sep{width:1px;background:var(--gold-faint);margin:4px 3px}#dlg{position:fixed;inset:0;z-index:25;display:grid;place-items:center;background:#0509108c;padding:70px 16px 20px}#dlg[hidden]{display:none}.sheet{width:min(560px,100%);max-height:calc(100vh - 100px);display:flex;flex-direction:column;background:var(--panel);box-shadow:var(--frame),var(--shadow);border-radius:2px;animation:rise .2s ease-out}.sheet.wide{width:min(980px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.99)}}.sh{display:flex;align-items:center;gap:10px;padding:16px 18px 10px;border-bottom:1px solid var(--gold-faint)}.sh h2{margin:0;flex:1;font:400 26px/1.1 var(--display);color:var(--gold-hi)}:lang(ar) .sh h2{font-size:28px;line-height:1.3}.sb{padding:14px 18px 18px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent}.sheet h4{margin-top:16px}.sheet h5{margin:6px 0;color:var(--vellum3);font-weight:400;font-size:12px}.lede{font:400 17px/1.55 var(--serif);color:var(--vellum)}:lang(ar) .lede{font-size:18px}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}.choices .btn{flex:1 1 200px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.realm-head{display:flex;gap:14px;align-items:center;margin-bottom:8px}.realm-head h3{margin:0;font:400 26px/1.1 var(--display);color:var(--gold-hi)}.realm-head p{margin:2px 0 0}.skills{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 8px;color:var(--vellum2);font-size:13px}.search{width:100%;padding:8px 12px;margin:8px 0 10px;border:0;border-radius:2px;background:#0000004d;box-shadow:inset 0 0 0 1px var(--gold-lo)}.dlist{display:grid;gap:2px}.drow{display:grid;grid-template-columns:auto minmax(160px,1.4fr) 70px 70px minmax(80px,.8fr) auto;align-items:center;gap:10px;padding:7px 8px;border-radius:2px}.drow:nth-child(odd){background:#ffffff06}.drow .dn b{display:block;font-weight:700}.drow .dn small{color:var(--vellum3);font-size:12px}.drow .dm small{display:block;color:var(--vellum3);font-size:11px}.drow .dm b{font-variant-numeric:tabular-nums}.drow .da{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.rel{font-size:12px;padding:2px 8px;border-radius:10px;background:#ffffff0f}.rel.war{background:#cf5a4040;color:#f0b4a4}.rel.ally{background:#63ad8f33;color:#b8e6d2}.rel.vassal,.rel.lord{background:#c9a24a2e;color:var(--gold-hi)}.war{padding:12px 14px;margin-bottom:12px;border-radius:2px;background:#ffffff06;box-shadow:inset 0 0 0 1px var(--gold-faint)}.war .wh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.war .wh small{color:var(--vellum3);margin-inline-start:auto}.war .vs{color:var(--verm);font-family:var(--display)}.war .cols .rl{margin:2px 8px 2px 0}.picks{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.peace-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:8px 0}.peace-row label{display:inline-flex;align-items:center;gap:8px;color:var(--vellum2)}.peace-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.peace-act>span{margin-inline-end:auto;font-size:13px}input[type=range]{accent-color:var(--gold)}.ck{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ck input{accent-color:var(--gold);width:16px;height:16px}.newslist{display:grid;gap:1px;margin-top:10px}.ni{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:5px 8px;border-radius:2px;font-size:13px}.ni:hover{background:#ffffff0a}.ni small{color:var(--vellum3)}.ni.war span,.ni.battle span{color:#f0c0b0}.ni.history span{color:var(--gold-hi)}.tabs{margin-bottom:4px}.rhead{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;color:var(--vellum2)}.rhead .have{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;color:var(--vellum)}.rhead .have .ico{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:2px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--gold-faint)}.card.off{opacity:.55}.card .ch{display:flex;gap:10px;align-items:center}.card .ch b{font:400 18px/1.1 var(--display);color:var(--gold-hi)}.card .ch small{display:block;color:var(--vellum2);font-size:12px}.card .bonus{margin-inline-start:8px;font-size:12px;color:var(--verd);font-weight:700}.card p{margin:0;color:var(--vellum2);font-size:13px;line-height:1.45}.card .stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;font-size:12px}.card .stats span{display:flex;justify-content:space-between;align-items:center;gap:6px}.card .stats small{color:var(--vellum3)}.card .btn{margin-top:auto}.mercs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:6px}.merc{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:2px;background:#ffffff06}.merc span b{display:block}.merc span small{color:var(--vellum3);font-size:12px}.merc>small{color:var(--vellum3);font-size:12px;text-align:end}.merc.mine{box-shadow:inset 0 0 0 1px var(--gold-lo)}.ev .choices{flex-direction:column;align-items:stretch}.ev .choices .btn{flex:none;justify-content:flex-start;text-align:start;white-space:normal}.vmenu{display:grid;gap:8px}.vmenu .btn{justify-content:flex-start;min-height:42px}.form{display:grid;gap:10px}.form .kv{min-height:34px}.form input[type=range]{width:200px}.form input:not([type]),.row2 input{flex:1;min-width:0;padding:7px 10px;border:0;border-radius:2px;background:#0000004d;box-shadow:inset 0 0 0 1px var(--gold-lo)}.row2{display:flex;gap:8px;align-items:center}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;direction:ltr}.saves{display:grid;gap:4px;margin-top:12px}.save{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 10px;background:#ffffff08;border-radius:2px}.save small{display:block;color:var(--vellum3)}.howto{margin:0;padding-inline-start:22px;display:grid;gap:10px;font:400 16px/1.5 var(--serif)}:lang(ar) .howto{font-size:17px}.howto li::marker{color:var(--gold);font-family:var(--display)}.kinds2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opt{text-align:start;padding:10px 12px;border:0;border-radius:2px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--gold-faint);cursor:pointer}.opt b{display:block;color:var(--vellum);margin-bottom:4px}.opt small{color:var(--vellum2);font-size:12px;line-height:1.4;display:block}.opt.on{box-shadow:inset 0 0 0 1px var(--gold);background:#c9a24a1a}.lobby{display:grid;gap:8px}.mpl{display:grid;gap:3px}.mpp{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;padding:6px 8px;background:#ffffff08;border-radius:2px}.mpp.me{box-shadow:inset 0 0 0 1px var(--gold-lo)}.mpp small{color:var(--vellum2)}.mpp em{font-style:normal;font-size:12px;color:var(--vellum3)}.mpp em.on{color:var(--verd)}.chat{display:grid;gap:4px;padding:8px;background:#0003;border-radius:2px;max-height:200px;overflow:auto}.chat p{margin:0;font-size:13px}.title{position:fixed;inset:0;z-index:10;pointer-events:none}.title:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080d18f0,#080d18c7 30%,#080d181a 62%,#080d184d);pointer-events:none}:lang(ar) .title:before{background:linear-gradient(270deg,#080d18f0,#080d18c7 30%,#080d181a 62%,#080d184d)}.title .brand{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(560px,92vw);padding:clamp(40px,9vh,110px) clamp(24px,5vw,72px) 40px;display:flex;flex-direction:column;pointer-events:auto}.wordmark{margin:0;font:400 clamp(76px,11vw,150px)/.86 var(--display);color:var(--gold);letter-spacing:-.01em;background:linear-gradient(175deg,#f4dc98,#c9a24a 42%,#8a6a26 58%,#d8b660 78%,#f0d48a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.55))}:lang(ar) .wordmark{font-size:clamp(84px,12vw,170px);line-height:1.15}.title .tagline{margin:18px 0 0;font:italic 400 21px/1.3 var(--serif);color:var(--vellum)}:lang(ar) .title .tagline{font-style:normal;font-size:22px}.title .line{margin:12px 0 0;max-width:40ch;color:var(--vellum2);font-size:15px;line-height:1.6}.title .menu{display:grid;gap:8px;margin-top:auto;padding-top:30px;max-width:360px}.title .menu .minor{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.title.picking:before{background:linear-gradient(90deg,#080d18e6,#080d188c 22%,#080d1800 40% 64%,#080d188c 80%,#080d18e6)}.picker{position:absolute;top:56px;bottom:16px;inset-inline-start:16px;width:300px;overflow:auto;padding:18px;pointer-events:auto;background:var(--panel);box-shadow:var(--frame),var(--shadow);border-radius:2px;scrollbar-width:thin}.picker h2{margin:0;font:400 28px/1.1 var(--display);color:var(--gold-hi)}.picker h3{margin:18px 0 6px;font:400 15px var(--serif);color:var(--vellum2)}.picker>p{margin:6px 0 0;font-size:13px}.plist{display:grid;gap:1px}.prow{display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;background:transparent;color:var(--vellum);cursor:pointer;text-align:start;border-radius:2px}.prow:hover{background:#ffffff0d}.prow.on{background:#c9a24a29;box-shadow:inset 0 0 0 1px var(--gold-lo);color:var(--gold-hi)}.pcard{position:absolute;top:56px;inset-inline-end:16px;width:380px;max-height:calc(100% - 72px);overflow:auto;padding:20px;pointer-events:auto;background:var(--panel);box-shadow:var(--frame),var(--shadow);border-radius:2px}.pch{display:flex;gap:14px;align-items:center}.pch h2{margin:0;font:400 30px/1.05 var(--display);color:var(--gold-hi)}:lang(ar) .pch h2{line-height:1.3}.pch p{margin:3px 0 0}.story{font:400 16px/1.55 var(--serif);color:var(--vellum);margin:14px 0}.pstats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--gold-faint);border-bottom:1px solid var(--gold-faint)}.pstats small{display:block;color:var(--vellum3);font-size:11px}.pstats b{font-size:16px}.diff{margin:10px 0;font-size:13px}.diff.hard_easy{color:var(--verd)}.diff.hard_mid{color:var(--gold-hi)}.diff.hard_hard{color:var(--verm)}.rules{margin:8px 0 14px;color:var(--vellum2)}.rules summary{cursor:pointer;color:var(--vellum2)}.rules .ck{display:grid;grid-template-columns:auto 1fr;margin:8px 0}.rules .ck small{grid-column:2;color:var(--vellum3)}.pact{display:flex;gap:8px;justify-content:space-between;align-items:center}.pact .btn.big{flex:1}@media (max-width: 1100px){#top .ledgers button span,#top .r small{display:none}#ticker{width:min(560px,calc(100% - 300px))}#modes button span{display:none}#modes button{min-width:34px}}@media (max-width: 760px){#top{height:auto;flex-wrap:wrap;padding:6px 110px 6px 8px;gap:8px}:lang(ar) #top{padding:6px 110px 6px 8px}#top .realm-chip small,#top .realm-chip b{max-width:120px}#top .res{order:3;width:100%;justify-content:space-between;gap:8px}#top .date{min-width:0}#top .speeds{display:none}#insp{top:auto;bottom:64px;inset-inline:8px;width:auto;max-height:52%}#outl,#ticker{display:none}#modes{inset-inline:8px;bottom:8px;justify-content:space-between}.cols,.grid2,.kinds2{grid-template-columns:1fr}.drow{grid-template-columns:auto 1fr auto}.drow .dm,.drow .dr{display:none}.drow .da{grid-column:1 / -1;justify-content:flex-start}.picker{top:auto;bottom:0;inset-inline:0;width:auto;height:38%}.pcard{top:50px;inset-inline:8px;width:auto;max-height:56%}.title .brand{padding-top:60px}}
