.context-help{position:fixed;z-index:95;background:linear-gradient(135deg,#284739,#173329);border:1px solid #c4b779;border-radius:9px;box-shadow:0 12px 38px #001b18b3;padding:15px;overflow:auto;animation:help-arrive .14s ease-out;color:#e4e4cf}
.context-help[hidden]{display:none}
.context-help>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.context-help h2{font-size:16px;letter-spacing:1px;color:#ecd394}
.context-help [data-help-close]{width:28px;height:28px;border:1px solid #809477;border-radius:4px;background:#3e5643;font-size:20px}
.context-help-body{font-size:12px;line-height:1.8}
.context-help-body p{margin:9px 0}
.context-help-body h3{font-size:11px;color:#a8c69e;letter-spacing:1px;margin:12px 0 4px}
.context-help-body .info-example{padding:8px 10px;border-left:2px solid #d4be7d;background:#ffffff07;color:#f0d59c;border-radius:3px}
.context-help-body .info-note{font-size:10px;color:#aac2a5;line-height:1.8}
.context-help>small{display:block;margin-top:13px;border-top:1px solid #879b713d;padding-top:8px;color:#97b18f;font-size:9px}
.v6 .brand h1{font-size:22px;letter-spacing:2px}
.v6 .brand small{font-size:8px;letter-spacing:1px}
.resource-wallet>button{color:inherit;background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0;gap:4px;border-radius:4px;min-width:0}
.v6 .resource-wallet>button.resource-money{color:#efc775}
.v6 .resource-wallet>button.resource-material{color:#acd3a0}
.v6 .resource-wallet>button.resource-insight{color:#9ad2ec}
.resource-wallet>button:hover,.resource-wallet>button[aria-expanded=true]{background:#bdd29c13;outline:1px solid #b5c58e66;outline-offset:3px}
.resource-wallet .help-mark{font-size:8px;opacity:.65;margin-left:3px}
.counter-help{background:none;padding:0;color:inherit;display:flex;align-items:center;gap:8px;justify-content:center;width:100%;border-radius:3px}
.counter-help:hover{background:#b4c68b15}
.inline-help{background:none;color:#bfcaa8;font-size:9px;padding:2px 5px;border:1px solid #8da47c60;border-radius:4px;line-height:1.3}
.inline-help:hover,.inline-help[aria-expanded=true]{color:#ffe3a5;border-color:#d8bd7c}
.v6 .playing-board .preview-help{margin-left:3px;vertical-align:middle}
.chicken-help{background:none;padding:0;color:#ead295;font-size:inherit;font-weight:800;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.save-link{background:none;color:#b7c79f;padding:0;font-size:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.save-tools{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}
.save-tools button{font-size:11px;padding:9px 12px}
.close-button{flex:none;min-width:1.2em;min-height:1.2em;padding:0;display:grid;place-items:center}
.save-text{display:block;width:100%;height:155px;resize:vertical;background:#10271f;color:#bed9b0;border:1px solid #7f9671;border-radius:5px;padding:10px;font:10px/1.6 var(--mono);margin:8px 0 12px}
.save-field-label{display:block;font-size:11px;color:#d7cda7;margin-top:12px}
.save-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.save-summary>span{background:#143026;border:1px solid #7795694f;border-radius:5px;padding:8px;font-size:11px;color:#b9caa6}
.save-summary strong{display:block;margin-top:5px;color:#e3d197;font:700 17px var(--mono)}
.local-history{display:flex;flex-direction:column;gap:7px;max-height:210px;overflow:auto;margin-top:12px}
.history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px;border:1px solid #7c987548;border-radius:4px;background:#15342b;font-size:11px}
.history-row small{display:block;font-size:9px;color:#98b494;margin-top:3px}
.history-row b{font-size:11px;color:#d8cda6;white-space:nowrap}
.save-warning{font-size:11px;color:#e5bc83;line-height:1.7}
.save-result{font-size:11px;color:#cdddac;min-height:20px;margin-top:8px}
@keyframes help-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.context-help{animation:none}}
@media(max-width:760px){.v6 .sidebar-actions{flex-wrap:wrap}.save-summary{gap:5px}.history-row{padding:8px}.context-help{padding:13px}}
