dialog.palette {
    position: fixed; top: 12vh; left: 50%; transform: translateX(-50%);
    width: min(560px, 92vw); margin: 0; padding: 0; border: none;
    background: var(--hud-panel); color: var(--hud-text);
    border: 1px solid var(--hud-border); border-top: 3px solid var(--hud-orange);
    box-shadow: 0 0 30px rgba(255, 113, 0, .35);
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    z-index: 3000;
}
dialog.palette::backdrop { background: rgba(5, 5, 7, .75); }
@media (prefers-reduced-motion: no-preference) {
    dialog.palette[open] { animation: pal-in .15s ease-out; }
    @keyframes pal-in { from { opacity: 0; transform: translateX(-50%) translateY(-8px); } }
}

.pal-head { padding: .8rem 1rem 0; }
.pal-input {
    width: 100%; background: rgba(255,255,255,.04); border: 1px solid var(--hud-border);
    color: var(--hud-text); font-size: .95rem; padding: .6rem .8rem; outline: none;
}
.pal-input:focus { border-color: var(--hud-orange); }
.pal-chips { display: flex; flex-wrap: wrap; gap: .4rem; padding: .6rem 1rem 0; }
.pal-chip {
    font-family: "Orbitron", sans-serif; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase;
    background: transparent; border: 1px solid var(--hud-border); color: var(--hud-muted);
    padding: .25rem .6rem; cursor: pointer;
}
.pal-chip.active { color: var(--hud-cyan); border-color: var(--hud-cyan); }

.pal-list { list-style: none; margin: .6rem 0 0; padding: 0 0 .6rem; max-height: 50vh; overflow-y: auto; }
.pal-item a {
    display: flex; align-items: baseline; gap: .6rem; padding: .55rem 1rem;
    text-decoration: none; color: var(--hud-text);
}
.pal-item a .k {
    font-family: "Orbitron", sans-serif; font-size: .58rem; letter-spacing: .1em; text-transform: uppercase;
    color: var(--hud-cyan); border: 1px solid rgba(25,179,230,.4); padding: .1rem .4rem; flex: none;
    min-width: 4.5rem; text-align: center;
}
.pal-item a .t { font-size: .9rem; }
.pal-item a .d { font-size: .72rem; color: var(--hud-muted); display: block; margin-top: .1rem; }
.pal-item a .x { margin-left: auto; font-size: .68rem; color: var(--hud-muted); flex: none; }
.pal-item.sel a, .pal-item a:hover { background: rgba(255,113,0,.12); }
.pal-item.sel a .t { color: var(--hud-orange); }
.pal-empty { padding: .8rem 1rem 1rem; color: var(--hud-muted); font-size: .85rem; }
.pal-foot { padding: .45rem 1rem .7rem; border-top: 1px solid var(--hud-border); font-size: .65rem; color: var(--hud-muted); font-family: "Orbitron", sans-serif; letter-spacing: .08em; }

.nav-search-btn {
    background: none; border: 1px solid var(--hud-border); color: var(--hud-muted);
    margin-left: .75rem; padding: .3rem .6rem; cursor: pointer; font-size: .85rem;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    text-decoration: none; display: inline-flex; align-items: center; gap: .35rem;
    vertical-align: middle;
}
.nav-search-btn:hover { color: var(--hud-cyan); border-color: var(--hud-cyan); }
.nav-search-btn kbd { font-family: inherit; font-size: .6rem; opacity: .7; }
@media (max-width: 991.98px) { .nav-search-btn kbd { display: none; } }