/* Character identity and compact class/spec controls */
.vr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-native-select{display:none!important}.header-build>.control-divider{display:none}
.header-build{gap:10px;flex-wrap:nowrap;justify-content:flex-start}
#headerClassControl,#headerSpecControl{flex:0 0 auto}
.vr-icon-control{position:relative;display:flex;align-items:center}
.vr-icon-select{display:flex;align-items:center;justify-content:center;gap:4px;min-width:48px;min-height:46px;padding:5px;border:1px solid #77618b;border-radius:9px;background:#292337;color:#d8c8ee}
.vr-icon-select img{display:block;width:32px;height:32px;border-radius:5px;object-fit:cover}.vr-icon-chevron{font-size:12px}.vr-icon-select:hover,.vr-icon-select.is-open{background:#40314f;border-color:#ba9bd5}
.vr-icon-select:focus-visible,.vr-icon-menu button:focus-visible,#spotlightTrigger:focus-visible,.vr-spotlight button:focus-visible,.vr-spotlight input:focus-visible{outline:2px solid #d9b9f5;outline-offset:3px}
.vr-icon-tooltip{position:absolute;top:calc(100% + 9px);left:0;background:#171a26;border:1px solid #806799;padding:7px 9px;border-radius:6px;z-index:75;font-size:12px;color:#f4e8ff;white-space:nowrap;pointer-events:none;visibility:hidden}
.vr-icon-select:hover+.vr-icon-tooltip,.vr-icon-select:focus-visible+.vr-icon-tooltip{visibility:visible}.vr-icon-select.is-open+.vr-icon-tooltip{visibility:hidden}
.vr-icon-menu{position:absolute;top:calc(100% + 9px);left:0;z-index:80;min-width:215px;max-height:min(65vh,440px);overflow-y:auto;padding:5px;border:1px solid #806799;border-radius:9px;background:#171b27;box-shadow:0 10px 28px #0007}.vr-icon-menu[hidden]{display:none}
.vr-icon-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:43px;padding:5px 7px;text-align:left;border:1px solid transparent;border-radius:5px;background:transparent;color:#e3dced;font-size:13px}.vr-icon-menu button:hover,.vr-icon-menu button:focus{background:#332b43}.vr-icon-menu [aria-checked=true]{border-color:#75538a;background:#2a2537}.vr-icon-menu img{width:30px;height:30px;border-radius:4px}.vr-option-check{margin-left:auto;color:#d2b1ef}
#spotlightTrigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:7px 10px;border:1px solid #77618b;border-radius:9px;background:#252133;color:#e0cfef;font-size:12px}#spotlightTrigger img,#spotlightTrigger svg{width:20px;height:20px}#spotlightTrigger kbd{color:#bda7d3;font-size:10px;border:1px solid #63516f;padding:2px 4px;border-radius:4px}
.nav-character{align-items:center;flex-wrap:nowrap;gap:10px}.nav-character>span:nth-child(2){min-width:0;flex:1}.nav-character b{max-width:100%;font-size:13px}.nav-character small{max-width:none;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.avatar-ring{align-items:center;justify-content:center;flex:0 0 70px;width:70px;height:70px;box-sizing:border-box;padding:3px;border-radius:14px}.avatar-ring img{display:block;aspect-ratio:1;object-fit:cover;width:62px;height:62px;border-radius:10px}.avatar-ring .vr-portrait-symbol{object-fit:contain;width:56px;height:56px}.nav-character b[title]{text-overflow:ellipsis}
/* Native dialog keeps search above the sticky companion navigation. */
.vr-spotlight{position:fixed;inset:12vh auto auto 50%;transform:translateX(-50%);margin:0;width:min(660px,calc(100vw - 28px));max-width:660px;max-height:78vh;box-sizing:border-box;padding:0;border:1px solid #9879b0;border-radius:14px;background:#151a26;color:#efe8f7;box-shadow:0 24px 100px #000a;overflow:auto}.vr-spotlight::backdrop{background:#070912bb}.vr-spotlight-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 20px 12px}.vr-spotlight-heading h2{margin:0;font-size:20px}.vr-spotlight-heading p{margin:5px 0 0;font-size:12px;color:#b3a7bf}.vr-spotlight-heading button{font-size:23px;line-height:1;min-width:36px;min-height:36px;border:1px solid #5f4c6d;background:#252030;border-radius:7px;color:#ddc5ed}.vr-spotlight-search{display:flex;align-items:center;gap:10px;margin:0 20px;border:1px solid #8c71a0;border-radius:8px;background:#242033;padding:3px 11px}.vr-spotlight-search input{width:100%;min-width:0;min-height:43px;padding:8px 0;border:0;background:transparent;color:#f3eafb;box-shadow:none;font-size:15px}.vr-spotlight-search kbd{color:#b5a3c3;font-size:10px}.vr-spotlight-status{min-height:18px;margin:12px 20px;color:#bcaacb;font-size:12px}.vr-spotlight-results{padding:0 9px 10px;max-height:48vh;overflow-y:auto}.vr-spotlight-result{display:flex;align-items:center;gap:12px;width:100%;min-height:65px;padding:10px;text-align:left;background:transparent;color:#e7deef;border:1px solid transparent;border-radius:8px}.vr-spotlight-result:hover,.vr-spotlight-result.is-active{background:#33293f;border-color:#785389}.vr-spotlight-result>img{width:36px;height:36px;border-radius:6px;flex:none}.vr-spotlight-result>span:nth-child(2){min-width:0;flex:1}.vr-spotlight-result b{display:block;font-size:14px;font-weight:650}.vr-spotlight-result small{display:block;color:#beadc9;font-size:11px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.vr-spotlight-result em{display:block;color:#adbcab;font-size:10px;font-style:normal;margin-top:3px}.vr-result-open{color:#baa0cb;font-size:17px}.vr-spotlight-retry{margin:0 10px;background:#352541;border:1px solid #926fa7;color:#f1ddff;border-radius:7px;padding:8px 14px}.vr-spotlight-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:11px 20px;border-top:1px solid #40344d;color:#a693b7;font-size:10px}
@media(min-width:921px) and (max-width:1280px){.nav-character{flex-wrap:wrap}.nav-character>span:nth-child(2){flex-basis:100%;text-align:left}.avatar-ring{width:70px;height:70px}}
@media(max-width:920px){.navigation .nav-character{display:flex!important;align-items:center;gap:12px;padding:7px 5px 13px;border:0;margin:0}.nav-character>.avatar-ring{width:52px;height:52px;flex-basis:52px;padding:2px}.nav-character .avatar-ring img{width:46px;height:46px;border-radius:9px}.nav-character>span:nth-child(2){flex:1}.nav-character b{font-size:14px;max-width:100%}.nav-character small{font-size:11px;max-width:100%}.nav-character>.test-chip{position:static;align-self:center}.header-build{width:auto;flex:1;justify-content:flex-start;gap:9px}.header-build .level-control{margin-left:0}.header-build #spotlightTrigger{margin-left:0}.vr-spotlight{inset:9vh auto auto 50%;max-height:83vh}}
@media(max-width:620px){.header-build{width:100%;flex:none;gap:8px;padding-top:3px}.vr-icon-select{min-width:43px;min-height:43px;padding:4px}.vr-icon-select img{width:29px;height:29px}.vr-icon-chevron{display:none}#spotlightTrigger{margin-left:0;padding:8px;min-width:42px}#spotlightTrigger kbd,#spotlightTrigger .header-search-label{display:none}.vr-icon-menu{min-width:185px}.vr-spotlight{inset:18px auto auto 50%;max-height:calc(100dvh - 36px);border-radius:11px}.vr-spotlight-heading{padding:16px 15px 11px}.vr-spotlight-search{margin:0 15px}.vr-spotlight-search input{font-size:13px}.vr-spotlight-status{margin:12px 15px}.vr-spotlight-results{max-height:60vh}.vr-spotlight-footer{padding:11px 15px}.vr-spotlight-result{gap:9px;padding:9px}.vr-spotlight-result small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.vr-icon-control *,.vr-spotlight *{scroll-behavior:auto;transition:none}}
