body.menu{overflow:hidden}#bg{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#0000 30%,#080705bf),linear-gradient(90deg,#080705cc,#0807051a 55%,#08070500)}.menu-wrap{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px 56px;max-width:760px}.title .crest{width:40px;height:40px;font-size:34px;color:var(--gold);text-shadow:0 0 18px rgba(232,196,106,.5)}.title h1{font-size:clamp(30px,5vw,54px);color:#f6e7bf;text-shadow:0 3px 16px rgba(0,0,0,.8);line-height:1.05}.title p{color:#d8caa6;margin:8px 0 30px;font-size:16px;text-shadow:0 2px 8px #000}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;cursor:pointer;text-decoration:none;color:var(--text);padding:18px 18px 16px;min-height:112px;border:1px solid var(--edge);border-radius:4px;background:linear-gradient(160deg,#3a3020eb,#181510f0);box-shadow:0 8px 24px #00000073,inset 0 1px #ffe6aa1f;transition:transform .12s ease,border-color .12s ease,background .12s ease}.tile:hover,.tile:focus-visible{transform:translateY(-2px);border-color:var(--edge-hi);background:linear-gradient(160deg,#584628f2,#1e1a13f2);outline:none}.tile .ic{display:block;width:30px;height:30px;margin-bottom:8px;color:var(--gold)}.tile .ic svg,.title .crest svg{width:100%;height:100%;display:block}.tile b{font-family:var(--head);font-size:19px;letter-spacing:.05em;color:#f6e7bf}.tile small{color:var(--dim);font-size:12.5px}.tile.big{min-height:150px}.tile.big b{font-size:22px}.grid .tile:nth-child(4),.grid .tile:nth-child(5){grid-column:span 1}.foot{margin-top:24px;font-size:12px}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#060504a8;padding:16px}.sheet{width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px 26px}.sheet h2{color:var(--gold);font-size:24px;margin-bottom:14px}.sheet h3{font-size:14px;color:#dccfae;margin:6px 0 10px}.civs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.civ{cursor:pointer;border:1px solid var(--edge);border-radius:4px;padding:12px;background:#0f0d0ab3;text-align:left;display:flex;flex-direction:column;gap:6px}.civ:hover{border-color:var(--edge-hi)}.civ.on{border-color:var(--gold);background:#5a461e73;box-shadow:inset 0 0 0 1px var(--gold)}.civ .sw{height:6px;border-radius:2px}.civ b{font-family:var(--head);font-size:16px}.civ span{font-size:12px;color:var(--dim)}.civ em{font-style:normal;font-size:11.5px;color:#d9c48e}.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:18px 0 6px}.opts label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dim)}.opts label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:13px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.help .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help ul{margin:0 0 14px;padding-left:18px;color:#dcd0b4;font-size:13px}.help li{margin:4px 0}.help b{color:#f3dfa6;font-weight:600}@media (max-width: 760px){body.menu{overflow:auto}.menu-wrap{padding:32px 16px;height:auto;min-height:100%}.grid,.civs,.opts{grid-template-columns:1fr 1fr}.help .cols{grid-template-columns:1fr}}@media (max-width: 460px){.grid{grid-template-columns:1fr}.tile.big{min-height:100px}}