/* Compact text-aligned character card; no scene/renderer changes. */
body.arun-compact-shell{--ui-hud-width:224px}
.arun-compact-shell #hud{display:grid;grid-template-columns:36px minmax(0,1fr);width:var(--ui-hud-width);max-width:calc(100vw - var(--ui-map-width,112px) - 22px);gap:3px 6px;padding:5px 6px;border-radius:0 0 13px 4px;align-items:start}
.arun-compact-shell #portrait{--ui-portrait-diameter:36px;width:36px;height:47px;margin:1px 0 0;flex:none}
.arun-compact-shell #badge{min-width:19px;height:15px;font-size:9px;line-height:13px;bottom:0;left:-2px;padding:0 2px}
.arun-compact-shell #hud .vitals{flex:1;min-width:0;width:auto;padding:0}
.arun-compact-shell #hud .hero-name{font-size:10px;line-height:13px;min-height:13px;gap:3px;margin:0 0 2px;white-space:nowrap}
.arun-compact-shell #heroName{flex:1;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;line-height:13px}
.arun-compact-shell #hud .hero-name small{font-size:8px;max-width:38%;overflow:hidden;text-overflow:ellipsis;margin:0}
.arun-compact-shell #hud .launch-player-badge{flex-shrink:0;max-width:45%;font-size:8px;line-height:12px;overflow:hidden;text-overflow:ellipsis}
.arun-compact-shell #hud .bar{height:12px;margin:2px 0;border-radius:3px 0 3px 0}
.arun-compact-shell #hud .bar.mp{height:11px}
.arun-compact-shell #hud .bar span{font-size:8px;line-height:10px}
.arun-compact-shell #hud .mp span{line-height:9px}
.arun-compact-shell #hud .hud-meta{font-size:8px;line-height:11px;gap:2px 5px;margin:2px 0 0;align-items:center}
.arun-compact-shell #hud .hud-meta button{width:17px;min-height:15px;height:15px;padding:0;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.arun-compact-shell #hud .hud-meta svg{width:13px;height:13px}
.arun-compact-shell #hud #cloudStatus{font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.arun-compact-shell #hud #onlineStatus{font-size:8px;line-height:11px;overflow-wrap:anywhere;display:block}
.arun-compact-shell #hud #buffs{display:block;font-size:8px;line-height:11px;margin:0;max-width:100%;overflow-wrap:anywhere}
.arun-compact-shell #hud #buffs:empty{display:none}
.arun-compact-shell #hud #performanceStatus{position:static;grid-column:1/-1;min-width:0;min-height:11px;line-height:11px;gap:0 5px;font-size:8px;flex-wrap:wrap;white-space:normal;overflow:visible}
.arun-compact-shell #hud #performanceStatus :is(#fps,#networkStatus){font-size:8px;line-height:11px}
.arun-compact-shell #hud #performanceStatus #networkStatus{white-space:normal;flex:1 1 130px;overflow-wrap:anywhere}
/* The original cave control shares the menu rail, never the camera/skill lane. */
.arun-compact-shell #jadeTravelUI.arun-travel-docked{position:static;inset:auto;width:0;height:0;z-index:auto}
.arun-compact-shell #topActions .arun-cave-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:inset 0 0 0 1px #09232e,inset 0 1px #fff3be99,inset 0 -2px #0b1428,0 2px 4px #0005}
.arun-compact-shell .arun-cave-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid #e5c57c;border-radius:7px;background:radial-gradient(at 35% 20%,#385570,#102432 75%);overflow:hidden}
.arun-compact-shell .arun-cave-icon svg{width:100%;height:100%;display:block}
.arun-compact-shell #topActions .arun-cave-label{display:block;font-size:7.5px;line-height:11px;white-space:nowrap;letter-spacing:-.15px}
.arun-compact-shell .arun-travel-docked .jade-travel-panel{position:fixed;left:var(--arun-cave-left,8px);top:var(--arun-cave-top,60px);right:auto;bottom:auto;width:var(--arun-cave-width,min(326px,calc(100vw - 16px)));max-width:calc(100vw - 16px);height:auto;max-height:var(--arun-cave-height,calc(100dvh - 76px));z-index:1001;padding:10px 12px;scroll-padding:8px;overflow-y:auto;overflow-x:hidden;border-radius:12px}
.arun-compact-shell .jade-travel-panel header{position:sticky;top:-10px;z-index:1;min-height:38px;padding:4px 0;background:#123034}
.arun-compact-shell .jade-travel-panel header b{font-size:15px}
.arun-compact-shell .jade-travel-panel header button{width:32px;min-width:32px;min-height:32px;padding:0;line-height:30px}
.arun-compact-shell .jade-travel-panel header small{letter-spacing:1.5px}
@media(orientation:portrait){body.arun-compact-shell{--ui-hud-width:190px}.arun-compact-shell #hud .hero-name small{display:none}.arun-compact-shell .arun-cave-icon{width:27px;height:27px}}
@media(orientation:portrait) and (max-width:350px){body.arun-compact-shell{--ui-hud-width:180px}.arun-compact-shell #hud{grid-template-columns:32px minmax(0,1fr);gap:3px 5px;padding-left:5px;padding-right:5px}.arun-compact-shell #portrait{--ui-portrait-diameter:32px;width:32px;height:43px}.arun-compact-shell #hud .hero-name{font-size:9px}}
@media(orientation:landscape) and (max-width:1100px){body.arun-compact-shell{--ui-hud-width:164px}.arun-compact-shell #hud{grid-template-columns:30px minmax(0,1fr);padding:4px 5px;gap:3px 5px}.arun-compact-shell #portrait{--ui-portrait-diameter:30px;width:30px;height:41px}.arun-compact-shell #hud .hero-name{font-size:9px}.arun-compact-shell #hud .hero-name small{display:none}.arun-compact-shell #hud .bar{height:11px}.arun-compact-shell #hud .bar.mp{height:10px}.arun-compact-shell #hud .bar span{line-height:9px}.arun-compact-shell #hud .mp span{line-height:8px}.arun-compact-shell .arun-cave-icon{width:25px;height:25px}}
@media(orientation:landscape) and (max-height:380px){.arun-compact-shell .jade-travel-panel header b{font-size:13px}.arun-compact-shell .jade-travel-panel p{margin:5px 0}.arun-compact-shell .jade-travel-panel .jade-gate-pair{gap:5px}.arun-compact-shell .jade-gate-pair article{padding:6px 4px;gap:2px}}

@media(orientation:portrait){body.arun-compact-shell{--ui-nav-size:clamp(24px,calc((100vw - 24px)/12),35px)}.arun-compact-shell #topActions .menu-icon,.arun-compact-shell #topActions .arun-cave-icon{width:min(27px,calc(var(--ui-nav-size) - 4px));height:min(27px,calc(var(--ui-nav-size) - 4px))}.arun-compact-shell #topActions span:not(.menu-icon):not(.arun-cave-icon):not(.menu-badge){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
