/* Optional convenience tools are separate from the original 800x600 client. */
.web-game-tools{width:650px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 18px;border:1px solid #6d6656;border-radius:0;background:#171715;color:#ddd;overflow:auto;font:12px/1.5 var(--native-font,sans-serif)}
.web-game-tools::backdrop{background:#0009}
.web-game-tools-note{margin:0;color:#9b927b;font-size:10px}
.web-game-tools>.panel-heading{position:relative;inset:auto;width:auto;height:auto;min-height:30px;gap:12px;margin:0 0 8px}
.web-game-tools>.panel-heading h2{color:#e0c48d}
.web-game-tools>#panelBody{position:static;inset:auto;max-width:100%;overflow:visible}
.web-game-tools .service-card,.web-game-tools .inventory-card,.web-game-tools .item-card,.web-game-tools .quest-card,.web-game-tools .stat-card{border:0;border-bottom:1px solid #454238;border-radius:0;background:none;box-shadow:none;padding:10px 0;margin:0}
.web-game-tools .skill-grid,.web-game-tools .help-grid,.web-game-tools .social-grid,.web-game-tools .facility-list,.web-game-tools .codex-grid,.web-game-tools .item-grid{display:block;max-height:none;overflow:visible}
.web-game-tools .map-grid{display:block}
.web-game-tools .map-card{display:block;width:100%;border:0;border-bottom:1px solid #454238;border-radius:0;padding:7px;text-align:left;background:none;color:#ddd}
.web-game-tools .map-card small{display:block;color:#a99c7e}
.web-game-tools .action-row{display:flex;gap:6px;flex-wrap:wrap;align-items:end}
.web-game-tools .field-label{display:flex;flex-direction:column;gap:3px;font-size:11px}
.web-game-tools .skill-icon,.web-game-tools .codex-icon{width:24px;height:24px;image-rendering:pixelated}
.web-game-tools .map-filter{max-width:100%;width:100%;margin:7px 0}
@media(max-width:760px){.web-game-tools{font-size:14px}.web-game-tools button,.web-game-tools input,.web-game-tools select{min-height:36px}.web-game-tools input,.web-game-tools select{font-size:16px}}