dialog.troop-archive{box-sizing:border-box;inset:0;margin:auto;height:fit-content;width:min(720px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:38px;background:#1d241f;color:#e8dfc6;border:1px solid #837751;border-radius:7px;box-shadow:0 24px 100px #0009;font-family:Georgia,"Microsoft YaHei",serif}
.troop-archive::backdrop{background:#080d0ad6;backdrop-filter:blur(5px)}
.troop-archive-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#d8c696;font-size:28px;cursor:pointer}
.troop-archive a:focus-visible,.troop-archive-close:focus-visible{outline:2px solid #dec58a;outline-offset:4px}
.troop-archive>small{font-size:10px;letter-spacing:3px;color:#b9a571}.troop-archive h2{margin:14px 0;font-size:25px;font-weight:500;letter-spacing:2px}.troop-archive p{color:#b5b5a4;font-size:13px;line-height:1.8}
.troop-archive-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.troop-archive-choices a{display:block;text-decoration:none;padding:24px 20px;border:1px solid #81755370;background:#c8b37808;color:inherit;border-radius:4px}.troop-archive-choices a:hover{border-color:#b9a571;background:#c8b37812}.troop-archive-choices span{font-size:10px;letter-spacing:2px;color:#aa9970}.troop-archive-choices h3{font-size:20px;font-weight:500}.troop-archive-choices b{display:block;margin-top:28px;font-size:13px;color:#d8c18a;font-weight:400}.troop-archive .troop-archive-note{font-size:11px;margin-bottom:0}
@media(max-width:520px){dialog.troop-archive{padding:28px 22px}.troop-archive-choices{grid-template-columns:1fr;gap:12px;margin:20px 0}.troop-archive-choices a{padding:16px}.troop-archive-choices h3{margin:12px 0}.troop-archive-choices b{margin-top:16px}}