.command-nav{border-top:1px solid var(--line);padding-top:8px}
.command-heading{display:flex;align-items:center;gap:10px;margin:0 0 9px;color:var(--blue);font:700 13px Arial,sans-serif}
.command-heading strong{font-size:15px;color:var(--text)}
.command-heading span{margin-left:auto;color:var(--muted);font-size:11px}
.command-heading .quiet{min-height:42px;padding:8px 12px}
.command-nav .action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.command-nav .action{min-height:57px;text-align:left;padding:9px 11px}
.command-nav .action small{display:block;margin-top:4px;font:11px/1.3 Arial,sans-serif;color:var(--muted)}
.command-nav .menu-link{border-color:#60859a}
.command-nav .menu-link::before{content:'›';float:right;color:var(--gold);font-size:20px;line-height:12px}
.passive-note{margin:9px 0;color:var(--muted);font:13px/1.5 Arial,sans-serif}
#inventory-dialog{box-sizing:border-box;margin:0 0 0 auto;width:min(470px,100vw);height:100dvh;max-height:100dvh;border:1px solid #68869a;border-radius:0;background:#111d2a;color:var(--text);box-shadow:-18px 0 48px #0009;padding:22px;overflow:auto}
#inventory-dialog::backdrop{background:#020a13a8}
#settings-dialog{box-sizing:border-box;margin:0 0 0 auto;width:min(470px,100vw);height:100dvh;max-height:100dvh;border:1px solid #68869a;border-radius:0;background:#111d2a;color:var(--text);box-shadow:-18px 0 48px #0009;padding:22px;overflow:auto;overscroll-behavior:contain}
#settings-dialog::backdrop{background:#020a13a8}
#camp-dialog{box-sizing:border-box;margin:0 0 0 auto;width:min(620px,100vw);height:100dvh;max-height:100dvh;border:1px solid #68869a;border-radius:0;background:#111d2a;color:var(--text);box-shadow:-18px 0 48px #0009;padding:22px;overflow:auto;overscroll-behavior:contain}
#camp-dialog::backdrop{background:#020a13a8}
#camp-dialog form{display:grid;gap:14px}
#camp-dialog h2{margin:0}
#camp-dialog .camp-dialog-close{justify-self:end;min-height:44px;position:sticky;top:0;z-index:2;background:#162b3a}
#camp-dialog .camp-dialog-content{min-width:0;display:grid;gap:12px}
.camp-overlay-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.camp-overlay-source{display:none}
.progress-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.progress-tabs [role="tab"]{min-height:44px;min-width:0;padding:8px 5px}
.progress-tabs [aria-selected="true"]{border-color:var(--gold);color:var(--gold);background:#243341}
#progress-tab-panel{min-width:0}
@media(max-width:600px){#camp-dialog{width:100vw;padding:16px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}}
#settings-dialog form{display:grid;gap:14px}
#settings-dialog h2{margin:0}
#settings-dialog h3{margin:0 0 10px;font:700 12px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
#settings-dialog section{display:grid;justify-items:start;gap:7px;border-top:1px solid var(--line);padding-top:14px;width:100%}
#settings-dialog section button{min-height:44px}
#settings-dialog .settings-close{justify-self:end;min-height:44px}
#settings-dialog .drawer-note{margin:0;font:13px/1.5 Arial,sans-serif;color:var(--muted)}
#settings-dialog .volume-label{display:grid;gap:8px;width:100%}
#settings-dialog .volume-label input{width:min(100%,320px);min-height:32px}
@media(max-width:600px){#settings-dialog{width:100vw;padding:16px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}}
#inventory-dialog form{gap:14px}
#inventory-dialog .inventory-close{position:sticky;top:0;z-index:2;background:#162b3a;min-height:44px}
#inventory-dialog .drawer-note{color:var(--muted);font:13px/1.5 Arial,sans-serif}
#drawer-feedback:empty{display:none}#drawer-feedback:not(:empty){color:var(--gold);font:13px/1.4 Arial,sans-serif}
#inventory-dialog .inventory-slots{gap:9px}
#inventory-dialog .inventory-slot{align-items:center;min-height:64px}
#inventory-dialog .inventory-slot div{display:grid;gap:4px;min-width:0}
#inventory-dialog .inventory-slot span{text-align:left}
#inventory-dialog .inventory-slot small,#inventory-dialog .inventory-item small{color:var(--muted);font:12px/1.45 Arial,sans-serif}
#inventory-dialog .inventory-slot .quiet,#inventory-dialog .inventory-item .quiet{min-height:44px;flex:none}
#inventory-dialog ul{list-style:none;padding:0;max-height:none;overflow:visible;display:grid;gap:8px}
#inventory-dialog .inventory-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:5px;padding:10px}
#inventory-dialog .inventory-item div{min-width:0}
#inventory-dialog .inventory-item strong{display:block;color:var(--text);font-size:14px}
#inventory-dialog .owned-tag{white-space:nowrap}
#inventory-dialog .backpack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0;max-height:none;overflow:visible}
#inventory-dialog .backpack-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
#inventory-dialog .backpack-filters button{min-width:0;min-height:44px;padding:6px 2px;font-size:12px}
#inventory-dialog .backpack-filters [aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}
#inventory-dialog .backpack-empty{grid-column:1/-1;color:var(--muted);padding:14px}
#inventory-dialog .backpack-item{min-width:0;border:1px solid var(--line);border-radius:7px;padding:8px;display:grid;gap:6px;touch-action:pan-y}
#inventory-dialog .backpack-item.backpack-picked{outline:2px solid var(--gold);outline-offset:1px}
#inventory-dialog .backpack-primary{background:transparent;border:0;color:var(--text);text-align:left;min-width:0;width:100%;padding:0;display:grid;gap:5px;cursor:pointer}
#inventory-dialog .backpack-primary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
#inventory-dialog .backpack-primary .gear-identity{min-width:0}
#inventory-dialog .backpack-primary .gear-media{width:54px;height:54px;flex:none}
#inventory-dialog .backpack-primary strong,#inventory-dialog .backpack-primary small{overflow-wrap:anywhere}
#inventory-dialog .backpack-primary small{color:var(--muted);font:12px/1.35 Arial,sans-serif}
#inventory-dialog .backpack-count{color:var(--gold);font:700 12px Arial,sans-serif}
#inventory-dialog .backpack-actions{display:flex;flex-wrap:wrap;gap:5px}
#inventory-dialog .backpack-actions .quiet{min-width:44px;min-height:44px;padding:5px 8px}
#inventory-dialog .backpack-sale{display:flex;flex-wrap:wrap;gap:8px;border:2px solid var(--gold);border-radius:7px;padding:12px}
#inventory-dialog .backpack-sale h3,#inventory-dialog .backpack-sale p{flex-basis:100%}
@media(max-width:430px){#inventory-dialog .backpack-grid{grid-template-columns:1fr}}
@media(max-width:600px){.command-nav .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.command-nav .action{min-height:58px;padding:9px 10px;font-size:14px}.command-nav .action small{font-size:11px}#inventory-dialog{width:100vw;padding:16px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}}
@media(max-width:540px){.mast-actions{flex-wrap:wrap}.mast-actions .quiet{max-width:none;min-height:42px;padding:8px 7px;font-size:11px;letter-spacing:0;flex:1 1 auto}}
@media(max-width:360px){.command-nav .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-nav .action{font-size:13px;min-height:56px}}
@media(max-height:500px) and (orientation:landscape) and (max-width:900px){.command-nav .action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.command-nav .action{min-height:48px}.command-heading{margin-bottom:5px}}
@media(prefers-reduced-motion:no-preference){#inventory-dialog[open]{animation:gear-enter .18s ease-out}@keyframes gear-enter{from{transform:translateX(12px);opacity:.8}to{transform:translateX(0);opacity:1}}}