.loot-system-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 48px}.loot-system-nav>a{display:flex;flex-direction:column;gap:13px;padding:23px 20px;border:1px solid #45604b;background:#1b2d22;text-decoration:none}.loot-system-nav>a:hover{background:#29402e}.loot-system-nav span{font-size:10px;letter-spacing:1px;color:#cfb87c}.loot-system-nav strong{font-size:19px;line-height:1.35;color:#e4ddc0}.loot-system-nav small{font-size:12px;line-height:1.7;color:#b1c0a8}.loot-table-wrap{max-width:100%;overflow:auto;margin:28px 0;border:1px solid #45604b}.loot-table-wrap:focus-visible{outline:2px solid #cfb87c;outline-offset:3px}.loot-table-wrap table{width:100%;min-width:560px;border-collapse:collapse;font-size:13px;line-height:1.7}.loot-table-wrap caption{text-align:left;padding:16px 19px;background:#1b2d22;color:#e4ddc0}.loot-table-wrap th,.loot-table-wrap td{padding:16px 18px;border-top:1px solid #45604b;text-align:left;vertical-align:top}.loot-table-wrap thead th{color:#cfb87c;font-size:11px;font-weight:500;letter-spacing:.03em}.loot-table-wrap tbody th{font-weight:500;min-width:135px}.loot-table-wrap tr:nth-child(even){background:#15271d}.loot-example{margin:25px 0;padding:24px 27px;background:#1b2d22;border-left:3px solid #cfb87c}.loot-example h3,.loot-tradeoffs h3{margin:0 0 11px;font-size:19px;color:#e4ddc0}.loot-example p,.loot-tradeoffs p{margin:0}.loot-tradeoffs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.loot-tradeoffs>div{padding:23px;border:1px solid #45604b}.loot-page .ps-story>section>h3{font-size:20px;color:#e4ddc0;margin-top:28px}.loot-page .ps-note p{margin-bottom:0}
@media(max-width:950px){.loot-system-nav{grid-template-columns:1fr 1fr}}@media(max-width:650px){.loot-system-nav{grid-template-columns:1fr;gap:11px}.loot-system-nav>a{padding:17px 20px;gap:8px}.loot-tradeoffs{grid-template-columns:1fr}.loot-example{padding:21px}.loot-page .ps-hero h1{font-size:38px}.loot-table-wrap th,.loot-table-wrap td{padding:13px}}
.loot-template-shortcut{margin:25px 0}.loot-template-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.loot-template-links a{padding:10px 13px;border:1px solid #45604b;font-size:12px;text-decoration:none}.loot-template-links a:hover{background:#29402e}.loot-edit-note{color:#b8c7af;font-size:13px}.loot-template{border:1px solid #45604b;background:#14261b;padding:25px;margin:25px 0;scroll-margin-top:25px}.loot-template h3{margin:0 0 12px;color:#e4ddc0;font-size:23px}.loot-template>p{font-size:14px}.loot-template label{display:block;color:#cfb87c;font-size:11px;letter-spacing:.04em;line-height:1.7;margin:24px 0 9px}.loot-template textarea{display:block;box-sizing:border-box;width:100%;min-height:270px;max-width:100%;resize:vertical;border:1px solid #61734e;padding:18px;background:#0e1a13;color:#e3e5d4;font:13px/1.85 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.loot-template textarea:focus-visible,.loot-template button:focus-visible{outline:2px solid #cfb87c;outline-offset:3px}.loot-template-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px}.loot-template-actions button{cursor:pointer;font-family:inherit;font-size:12px;line-height:1.5}.loot-template-actions button:disabled{opacity:.6;cursor:wait}.loot-template-actions button[hidden]{display:none}.loot-template-actions>span{font-size:11px;color:#aabda2;margin-left:auto}.loot-template .loot-copy-status{min-height:24px;margin:13px 0 0;font-size:12px;color:#d9cb91;line-height:1.7}.loot-copy-status:empty{min-height:0}.loot-template .button:not(.primary){background:transparent;border:1px solid #61734e;color:#d8dec6}
@media(max-width:650px){.loot-template{padding:18px}.loot-template textarea{padding:13px;font-size:16px;line-height:1.7}.loot-template-actions{align-items:stretch}.loot-template-actions>span{width:100%;margin-left:0}.loot-template-links a{padding:9px 11px}.loot-template h3{font-size:22px}}
.loot-rule-form{display:grid;gap:18px;margin:28px 0}.loot-rule-form fieldset{min-width:0;padding:23px;border:1px solid #45604b;background:#14261b}.loot-rule-form legend{padding:0 9px;color:#dfcf99;font-size:15px}.loot-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.loot-rule-form label,.loot-generator-result>label{display:block;font-size:13px;line-height:1.6;color:#d9dfca}.loot-rule-form input:not([type=checkbox]),.loot-rule-form select,.loot-rule-form textarea,.loot-generator-result textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;border:1px solid #61734e;border-radius:0;padding:12px;margin-top:8px;background:#0e1a13;color:#e3e5d4;font:14px/1.6 system-ui,sans-serif}.loot-rule-form input:focus-visible,.loot-rule-form select:focus-visible,.loot-rule-form textarea:focus-visible,.loot-generator-result textarea:focus-visible{outline:2px solid #cfb87c;outline-offset:2px}.loot-rule-form fieldset>p{font-size:12px;line-height:1.8;color:#b8c7af;margin-bottom:0}.loot-rule-form .loot-checkbox{display:flex;gap:12px;align-items:flex-start}.loot-checkbox input{accent-color:#cfb87c;margin-top:5px}.loot-rule-form [data-hard-fields]{margin-top:20px}.loot-rule-form>button{justify-self:start;cursor:pointer}.loot-generator-result{border:1px solid #61734e;padding:25px;background:#1b2d22}.loot-generator-result>label{font-size:20px;color:#e4ddc0}.loot-generator-result textarea{min-height:350px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.loot-generator-error{font-size:13px;color:#f1cbb5;line-height:1.8}.loot-generator-error:empty{display:none}.loot-generator-result .loot-copy-status{font-size:12px;color:#d9cb91;min-height:20px}.loot-rule-form[hidden],.loot-rule-form fieldset[hidden],.loot-rule-form [data-hard-fields][hidden],.loot-generator-result[hidden]{display:none}
@media(max-width:650px){.loot-form-grid{grid-template-columns:1fr}.loot-rule-form fieldset,.loot-generator-result{padding:18px}.loot-rule-form input:not([type=checkbox]),.loot-rule-form select,.loot-rule-form textarea,.loot-generator-result textarea{font-size:16px}.loot-generator-result textarea{min-height:390px}}